File: /home/jairicem/victoriousloycefoundation.org/wp-content/themes/poorex/page-templates/shop.php
<?php
/**
* Template Name: Shop
* @package poorex
*/
get_header();
?>
<main>
<!-- product-area-start -->
<div class="tp-product__area pt-100 pb-120">
<div class="container">
<div class="tp-product__top-area pb-30">
<div class="row align-items-center">
<div class="col-xl-4 col-lg-4 col-md-12 mb-30">
<div class="tp-product__text">
<span>Showing 12 of 120 results</span>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-12 mb-30">
<div class="tp-product__filter">
<select>
<option>Short By Latest</option>
<option>01</option>
<option>02</option>
<option>03</option>
</select>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-12 mb-30">
<div class="tp-product__input">
<input type="text" placeholder="Search your product...">
<button class="tp-product__search"><i class="fa-light fa-magnifying-glass"></i></button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
<div class="tp-product__item text-center">
<div class="tp-product__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/product/product-1-2.jpg" alt="">
<div class="tp-product__thumb-text">
<span>Sale</span>
</div>
<div class="tp-product__icon">
<a href="shop-details.html"><i class="fal fa-shopping-basket"></i></a>
<a href="shop-details.html"><i class="fal fa-heart"></i></a>
</div>
</div>
<div class="tp-product__content d-flex align-items-end justify-content-between">
<div class="tp-product__content-text">
<a href="shop-details.html"><h4>Classic Watch</h4></a>
<span>$65.00</span>
</div>
<div class="tp-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
<div class="tp-product__item text-center">
<div class="tp-product__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/product/product-1-1.jpg" alt="">
<div class="tp-product__icon">
<a href="shop-details.html"><i class="fal fa-shopping-basket"></i></a>
<a href="shop-details.html"><i class="fal fa-heart"></i></a>
</div>
</div>
<div class="tp-product__content d-flex align-items-end justify-content-between">
<div class="tp-product__content-text">
<a href="shop-details.html"><h4>Stainess Gift</h4></a>
<span>$35.00</span><s>$45.00</s>
</div>
<div class="tp-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
<div class="tp-product__item text-center">
<div class="tp-product__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/product/product-1-3.jpg" alt="">
<div class="tp-product__thumb-text">
<span>Sale</span>
</div>
<div class="tp-product__icon">
<a href="shop-details.html"><i class="fal fa-shopping-basket"></i></a>
<a href="shop-details.html"><i class="fal fa-heart"></i></a>
</div>
</div>
<div class="tp-product__content d-flex align-items-end justify-content-between">
<div class="tp-product__content-text">
<a href="shop-details.html"><h4>Chockolate Cake</h4></a>
<span>$15.00</span>
</div>
<div class="tp-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".8s">
<div class="tp-product__item text-center">
<div class="tp-product__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/product/product-1-4.jpg" alt="">
<div class="tp-product__thumb-text">
<span>Sale</span>
</div>
<div class="tp-product__icon">
<a href="shop-details.html"><i class="fal fa-shopping-basket"></i></a>
<a href="shop-details.html"><i class="fal fa-heart"></i></a>
</div>
</div>
<div class="tp-product__content d-flex align-items-end justify-content-between">
<div class="tp-product__content-text">
<a href="shop-details.html"><h4>Smart Speaker</h4></a>
<span>$235.00</span><s>$265.00</s>
</div>
<div class="tp-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay="1s">
<div class="tp-product__item text-center">
<div class="tp-product__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/product/product-1-5.jpg" alt="">
<div class="tp-product__thumb-text">
<span>Sale</span>
</div>
<div class="tp-product__icon">
<a href="shop-details.html"><i class="fal fa-shopping-basket"></i></a>
<a href="shop-details.html"><i class="fal fa-heart"></i></a>
</div>
</div>
<div class="tp-product__content d-flex align-items-end justify-content-between">
<div class="tp-product__content-text">
<a href="shop-details.html"><h4>Sofa Chair</h4></a>
<span>$80.00</span>
</div>
<div class="tp-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay="1.2s">
<div class="tp-product__item text-center">
<div class="tp-product__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/product/product-1-6.jpg" alt="">
<div class="tp-product__icon">
<a href="shop-details.html"><i class="fal fa-shopping-basket"></i></a>
<a href="shop-details.html"><i class="fal fa-heart"></i></a>
</div>
</div>
<div class="tp-product__content d-flex align-items-end justify-content-between">
<div class="tp-product__content-text">
<a href="shop-details.html"><h4>Healthy Vegetables</h4></a>
<span>$15.00</span>
</div>
<div class="tp-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay="1.3s">
<div class="tp-product__item text-center">
<div class="tp-product__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/product/product-1-7.jpg" alt="">
<div class="tp-product__thumb-text">
<span>Sale</span>
</div>
<div class="tp-product__icon">
<a href="shop-details.html"><i class="fal fa-shopping-basket"></i></a>
<a href="shop-details.html"><i class="fal fa-heart"></i></a>
</div>
</div>
<div class="tp-product__content d-flex align-items-end justify-content-between">
<div class="tp-product__content-text">
<a href="shop-details.html"><h4>Ninja T Shirt</h4></a>
<span>$35.00</span>
</div>
<div class="tp-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay="1.5s">
<div class="tp-product__item text-center">
<div class="tp-product__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/product/product-1-8.jpg" alt="">
<div class="tp-product__icon">
<a href="shop-details.html"><i class="fal fa-shopping-basket"></i></a>
<a href="shop-details.html"><i class="fal fa-heart"></i></a>
</div>
</div>
<div class="tp-product__content d-flex align-items-end justify-content-between">
<div class="tp-product__content-text">
<a href="shop-details.html"><h4>Dumbo Tride</h4></a>
<span>$35.00</span><s>$37.00</s>
</div>
<div class="tp-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 mb-30 wow tpfadeUp" data-wow-duration=".9s" data-wow-delay="1.7s">
<div class="tp-product__item text-center">
<div class="tp-product__thumb">
<img src="<?php echo get_template_directory_uri() ?>/assets/img/product/product-1-9.jpg" alt="">
<div class="tp-product__thumb-text">
<span>Sale</span>
</div>
<div class="tp-product__icon">
<a href="shop-details.html"><i class="fal fa-shopping-basket"></i></a>
<a href="shop-details.html"><i class="fal fa-heart"></i></a>
</div>
</div>
<div class="tp-product__content d-flex align-items-end justify-content-between">
<div class="tp-product__content-text">
<a href="shop-details.html"><h4>Wooden Bracelet</h4></a>
<span>$12.00</span>
</div>
<div class="tp-product__star">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-12">
<div class="basic-pagination-2 mt-30 text-center">
<nav>
<ul>
<li>
<a href="shop-details.html">
PREV
</a>
</li>
<li>
<a href="shop-details.html">1</a>
</li>
<li>
<span class="current">2</span>
</li>
<li>
<a href="shop-details.html">3</a>
</li>
<li>
<a href="shop-details.html">
NEXT
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- product-area-end -->
<!-- cta-area-start -->
<div class="tp-cta__area">
<div class="tp-cta__bg" data-background="<?php echo get_template_directory_uri() ?>/assets/img/cta/cta-bg.jpg">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-7 col-lg-7 col-md-7">
<div class="tp-cta__content d-flex align-items-center">
<div class="tp-cta__icon d-none d-sm-block">
<span><i class="flaticon-volunteer"></i></span>
</div>
<h4 class="tp-cta__title-sm">Join your hand with us for a <br> better life and future
</h4>
</div>
</div>
<div class="col-xl-5 col-lg-5 col-md-5">
<div class="tp-cta__button text-md-end text-start">
<a class="tp-btn" href="about-us.html">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- cta-area-end -->
</main>
<?php
get_footer();