ok
Direktori : /proc/self/root/home2/selectio/www/wedding-info-new/ |
Current File : //proc/self/root/home2/selectio/www/wedding-info-new/astrology.php |
<?php include'header.php'; $query = "SELECT * FROM tbl_astrologer "; $prepared = $pdo->prepare($query); $prepared->execute(); $result = $prepared->fetchAll(PDO::FETCH_ASSOC); // echo "<pre>"; // print_r($result); if ($result) { }?> ?> <style> .top_category{ background-color: red; border-radius: 50%; width: 100%; height: 60px; text-align:center; border: 5px solid #bda51a; } .first_top_category{ border: 2px solid white; border-radius: 53px; } .second-border{ border: 4px solid red; border-radius: 50px; } .top_category_letter{ margin-top:7px; font-weight:bolder; font-size:11px; } .pin{ justify-content: center; animation: ali; height: 29px; width: 10px; display: flex; align-items: center; border-radius: 131px; font-size: xx-small; background-color: red; } </style> <!-- category start --> <section class="category-section top-space" style="background-color:#cfa53f;"> <ul class="category-slide"> <li> <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a href="index.php" class="category-box"> <img src="images/top-category/moon.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/> </a> </div> </div> </div> <h4 class="top_category_letter">₹ 100.00/hr</h4> </li> <li> <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a href="index.php" class="category-box"> <img src="images/top-category/om.png" class="img-fluid" style="width: 78%;;margin-top:9%;"/> </a> </div> </div> </div> <h4 class="top_category_letter"> ₹ 60.00/hr</h4> </li> <li> <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a href="index.php" class="category-box"> <img src="images/top-category/bible.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/> </a> </div> </div> </div> <h4 class="top_category_letter"> ₹ 150.00/hr</h4> </li> <li> <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a href="index.php" class="category-box"> <img src="images/top-category/taoism.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/> </a> </div> </div> </div> <h4 class="top_category_letter"> ₹ 55.00/hr</h4> </li> <li> <div class="second-border"> <div class="first_top_category"> <div class="top_category"> <a href="index.php" class="category-box"> <img src="images/top-category/judaism.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/> </a> </div> </div> </div> <h4 class="top_category_letter"> ₹ 60.00/hr </h4> </li> <li> <a href="index.php" class="category-box"> <h4>VIEW ALL </h4> </a> </li> </ul> </section> <div class="divider t-12 b-20"></div> <div class="row" style="padding-right:20px;padding-left:20px;"> <div class="col-6"> <div class="form-floating mb-4"> <select name="profile_created_for" class="form-control" style="background-color:#df7daa;"> <option value="" style="text-align:center;">Astrologer</option> </select> </div> </div> <div class="col-6"> <span class="btn btn-success" style="background-color:#dd2b1c;border:2px solid #bda51a;">NEW OFFER PLUS</span> </div> </div> <!-- tab section start --> <section class="pt-0 tab-section"> <div class="tab-section"> <div class="tab-content px-15" style="margin-bottom:60px;"> <div class="tab-pane fade show active" id="trending"> <div class="row gy-3 gx-3"> <?php foreach($result as $data){ ?> <div class="col-md-4 col-6"> <div class="product-box ratio_square" style="border:1px solid black;border-radius:10px;"> <div class="img-part"> <a href="astrologer_dtls.php?ids=<?=$data['id']?>"><img src="<?=$data['v_profile_photo']?>" style="max-width: 100%;height: 150px;vertical-align: middle;object-fit: cover;"/></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <div class="row" style="padding:3px 1px;"> <div class="col-6"> <small><b style="font-size:80%;">Price : <?=$data['price']?>/hr</b></small> </div> <div class="col-6 d-flex justify-content-end"> <span class="btn btn-success btn-sm pin" ><i class="bi bi-pin-angle-fill" style="color:white;"></i> <span style="font-size: 47%;font-weight:bolder;color:white;">Pin Card</span></span> </div> </div> </div> </div> </div> <?php } ?> <br><br><br><br> <!--<div class="col-md-4 col-6">--> <!-- <div class="product-box ratio_square" style="border:1px solid black;border-radius:10px;padding:10px;">--> <!-- <div class="img-part">--> <!-- <a href="#"><img src="profiles/2.jpg" class="img-fluid bg-img" /></a>--> <!-- <div class="wishlist-btn">--> <!-- <i class="iconly-Heart icli"></i>--> <!-- <i class="iconly-Heart icbo"></i>--> <!-- <div class="effect-group">--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="product-content">--> <!-- <div class="row">--> <!-- <div class="col-5">--> <!-- <b style="font-size:12px;">AGE : 22</b>--> <!-- </div>--> <!-- <div class="col-7">--> <!-- <span class="btn btn-success btn-sm" style="padding:0px!important;"><i class="bi bi-pin-angle-fill" style="color:white;"></i><span style="font-size:12px;font-weight:bolder;color:white;">Pin Card</span></span>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--<div class="col-md-4 col-6">--> <!-- <div class="product-box ratio_square" style="border:1px solid black;border-radius:10px;padding:10px;">--> <!-- <div class="img-part">--> <!-- <a href="#"><img src="profiles/3.jpg" class="img-fluid bg-img" /></a>--> <!-- <div class="wishlist-btn">--> <!-- <i class="iconly-Heart icli"></i>--> <!-- <i class="iconly-Heart icbo"></i>--> <!-- <div class="effect-group">--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="product-content">--> <!-- <div class="row">--> <!-- <div class="col-5">--> <!-- <b style="font-size:12px;">AGE : 22</b>--> <!-- </div>--> <!-- <div class="col-7">--> <!-- <span class="btn btn-success btn-sm" style="padding:0px!important;"><i class="bi bi-pin-angle-fill" style="color:white;"></i><span style="font-size:12px;font-weight:bolder;color:white;">Pin Card</span></span>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--<div class="col-md-4 col-6">--> <!-- <div class="product-box ratio_square" style="border:1px solid black;border-radius:10px;padding:10px;">--> <!-- <div class="img-part">--> <!-- <a href="#"><img src="profiles/4.jpg" class="img-fluid bg-img" /></a>--> <!-- <div class="wishlist-btn">--> <!-- <i class="iconly-Heart icli"></i>--> <!-- <i class="iconly-Heart icbo"></i>--> <!-- <div class="effect-group">--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- <span class="effect"></span>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="product-content">--> <!-- <div class="row">--> <!-- <div class="col-5">--> <!-- <b style="font-size:12px;">AGE : 22</b>--> <!-- </div>--> <!-- <div class="col-7">--> <!-- <span class="btn btn-success btn-sm" style="padding:0px!important;"><i class="bi bi-pin-angle-fill" style="color:white;"></i><span style="font-size:12px;font-weight:bolder;color:white;">Pin Card</span></span>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> </div> </div> <div class="tab-pane fade" id="top"> <div class="row gy-3 gx-3"> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="featured"> <div class="row gy-3 gx-3"> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="rated"> <div class="row gy-3 gx-3"> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="ship"> <div class="row gy-3 gx-3"> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/4.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/6.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/7.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> <div class="col-6"> <div class="product-box ratio_square"> <div class="img-part"> <a href="product.html"><img src="assets/images/products/5.jpg" alt="" class="img-fluid bg-img" /></a> <div class="wishlist-btn"> <i class="iconly-Heart icli"></i> <i class="iconly-Heart icbo"></i> <div class="effect-group"> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> <span class="effect"></span> </div> </div> </div> <div class="product-content"> <ul class="ratings"> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo"></i></li> <li><i class="iconly-Star icbo empty"></i></li> </ul> <a href="product.html"> <h4>Blue Denim Jacket </h4> </a> <div class="price"> <h4>$32.00 <del>$35.00 </del><span>20% </span></h4> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- tab section end --> <!-- bottom panel start --> <?php include 'footer.php';?> <!-- bottom panel end --> <!-- pwa install app popup start --> <!--<div class="offcanvas offcanvas-bottom addtohome-popup" tabindex="-1" id="offcanvas"> <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button> <div class="offcanvas-body small"> <div class="app-info"> <img src="images/logo/SKT-logo.gif" class="img-fluid" style="width:10%;"/> <div class="content"> <h3>Welcome To Wedding Info</h3> </div> </div> <a href="javascript:void(0)" class="btn btn-solid install-app" id="installApp">add to home screen </a> </div> </div>--> <!-- pwa install app popup end --> <!-- latest jquery--> <script src="assets/js/jquery-3.3.1.min.js"></script> <!-- Bootstrap js--> <script src="assets/js/bootstrap.bundle.min.js"></script> <!-- Slick js--> <script src="assets/js/slick.js"></script> <!-- Slick js--> <script src="assets/js/homescreen-popup.js"></script> <!-- timer js--> <script src="assets/js/timer.js"></script> <!-- offcanvas modal js --> <script src="assets/js/offcanvas-popup.js"></script> <!-- script js --> <script src="assets/js/script.js"></script> </body> </html>