GIF89a
<!DOCTYPE html> <html> <?php include'head.php'; ?> <body> <?php include'header.php'; ?> <!-- <header class=""> <section class="mx-3"> <div class="container no-gutters"> <div class="row row-spac no-gutters"> <div class="col-md-5 no-gutters" style="margin: auto;padding: 0px;"> <div class="row bg-dark"> <div class="container"> <div class="row"> <div class="col-6"> <div id="mySidebar" class="sidebar"> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> <a href="#">My Profile</a> <a href="#">Services</a> <a href="#">Refer</a> </div> <div id="main"> <button class="openbtn" onclick="openNav()">☰</button> </div> </div> <div class="col-6"> <div class="mt-2"> <a href="#" class="text-decoration-none text-white fs-4 float-end"> <i class="fa fa-inr"></i> <b> 0 </b> <i class='fas fa-wallet'></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </header> --> <section> <div class="container no-gutters"> <div class="row row-spac no-gutters"> <div class="col-md-5 no-gutters" style="margin: auto;padding: 0px;"> <div class="row" style="background-color: #ccc8c8"> <div class="col-12" > <div class=" d-flex justify-content-center fs-3"> <nav class="navbar navbar-expand navbar-light"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item mx-2"> <a class="nav-link" href="index.php">INBOX</a> </li> <li class="nav-item mx-2"> <a class="nav-link active" href="all.php">ALL</a> </li> </ul> </div> </div> </nav> </div> </div> </div> </div> </div> </section> <section class="mx-3"> <div class="container no-gutters"> <div class="row row-spac no-gutters"> <div class="col-md-5 no-gutters my-1" style="margin: auto;padding: 0px;"> <div class="row"> <div class="col-3 mx-0"> <div class="d-flex justify-content-between align-items-center mt-3"> <img src="assest/images/girl.png" class="" style="height:auto; max-width: 120%"> </div> </div> <div class="col-6"> <div class="top my-3 float-start"> <b>Parul</b> <p>I got into relationship...<br> to overcome the lonliness</p> </div> </div> <div class="col-3"> <div class="top my-4 float-end"> <small style="font-size:12px;">Age</small><br> <small style="font-size:12px;">Rating</small> </div> </div> <hr> </div> <!-- <div class="row"> <div class="col-3 bg-light rounded"> <div> <img src="assest/images/girl.png" class="img-fluid"> </div> </div> <div class="col-6 bg-light rounded"> <div class="top my-3 float-start"> <h4 class="">Parul</h4> <p>The current page is your home page for the course. Bookmark it for easy reference</p> </div> </div> <div class="col-3 bg-light rounded"> <div class="top my-3 float-end"> <h6></h6> <h6>F-23 yrs</h6> </div> </div> <hr> </div> --> </div> </div> </div> </div> </section> <!-- <section class="mx-3"> <div class="container no-gutters"> <div class="row row-spac no-gutters"> <div class="col-md-5 no-gutters my-5" style="margin: auto;padding: 0px;"> <div class="row"> <div class="col-12"> <div class=" d-flex justify-content-center bg-dark text-white fs-3 pt-2 rounded"> 1K+ Reviews </div> </div> </div> <div class="row"> <div class="col-12 bg-light rounded"> <div class="top my-3 float-start"> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <i class="bi bi-star-fill"></i> <h6 class="pt-3">Good</h6> </div> <div class="top my-3 float-end"> <h6>5 Hours Ago</h6> <i class="bi bi-share-fill pt-3 float-end"></i> </div> </div> <hr> </div> <div class="row"> <div class="col-12 bg-light rounded"> <div class="top my-3 bg-dark-50"> <h5>RelationShip</h5> <i>Constant figths, with partner</i> </div> </div> </div> </div> </div> </div> </section> --> <?php include 'footer.php';?> <script> function openNav() { document.getElementById("mySidebar").style.width = "250px"; document.getElementById("main").style.marginLeft = "250px"; } function closeNav() { document.getElementById("mySidebar").style.width = "0"; document.getElementById("main").style.marginLeft= "0"; } </script> </body> </html>