ok
Mini Shell
<?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>
Zerion Mini Shell 1.0