GIF89a
<!DOCTYPE html> <html> <?php include'head.php'; ?> <body> <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-12"> <div class="top d-flex justify-content-center"> <small class="bg-light rounded-pill text-danger p-2">Currently this listener is offline</small> </div> </div> </div> <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-5"> <div class="top my-3 float-start"> <a href="" class="text-decoration-none text-dark">Clarity</a><br> <a href="" class="text-decoration-none text-dark"> Recharge NOW</a><br> <a href="" class="text-decoration-none text-success">Online</a> </div> </div> <div class="col-4"> <div class="top my-3 float-end"> <a href="#" class="text-decoration-none text-white btn btn-dark d-block btn-sm" role="button">Report</a> <a href="#"><i class="bi bi-share-fill pt-3 float-start"></i></a> <a href="#"><i class="bi bi-whatsapp pt-3 float-end"></i></a> </div> </div> <hr> </div> <!-- <div class="row"> <div class="col-2 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> <h6 class=""><i>@parul277</i></h6> <h6 class="text-success">Online</h6> </div> </div> <div class="col-4 bg-light rounded"> <div class="top my-3 float-end"> <h6 class="bg-dark text-white rounded p-2"><a href="#" class="text-decoration-none text-white">Report</a> </h6> <a href="#"><i class="bi bi-share-fill pt-3 float-start"></i></a> <a href="#"><i class="bi bi-whatsapp pt-3 float-end"></i></a> </div> </div> </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 mb-3"> <div class="col-12 rounded" style="background-color: #F1F1F1;"> <div class="top my-3"> <h6 class="my-4"> <i class="bi bi-file-person"></i> About Me</h6> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</p> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary,</p> </div> </div> </div> <div class="row mb-3"> <div class="col-12 rounded bg-light"> <div class="top my-3"> <h6 class="my-2">Interest</h6> <i class=" bi bi-eye-fill rounded-pill" style="background-color: #ebe9e6; padding: 10px; "> Loneliness</i> </div> </div> </div> <div class="row mb-3"> <div class="col-12 rounded bg-light"> <div class="top my-2" > <h6 class="my-2">Details</h6> <b><i class="bi bi-info-circle-fill"> FEMALE</i><br> <i class="bi bi-person"> 24 Years</i><br> <br> <i class="bi bi-vector-pen"> Language</i> </div> </div> </div> <div class="row mb-3"> <div class="col-12 rounded bg-light"> <div class="top my-3"> <h6 class="my-4"> <i class="bi bi-star-fill"></i> Rating</h6> <div class="float-end"> <h6 class="fw-bold">4.89</h6> <p class="">828 listening </p> <p class="">Hours </p> </div> </div> </div> </div> <div class="row"> <div class="col-12 rounded bg-light"> <div class="top my-3"> <h6 class="my-2"> <i class="bi bi-currency-bitcoin"></i> Charges</h6> <h6 class="mx-2 fw-bold">8.0/- per min</h6> <p class="mx-2 my-1"> Available on</p> <a href="#"><i class="bi bi-chat-left-text-fill"></i></a> <a href="#"><i class="bi bi-telephone-inbound-fill"></i></i></a> </div> </div> </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> <a href=""><i class="bi bi-share-fill pt-3 float-end"></i></a> </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> <?php include 'footer.php';?> </div> </div> </div> </section> </body> </html>