templates/website/products.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block header %}
  3.     {% include "website/header.html.twig" %}
  4. {% endblock %}
  5. {% block body %}
  6.     <!-- ======= Portfolio Section ======= -->
  7.     <section id="portfolio" class="portfolio">
  8.         <div class="container">
  9.             <div class="section-title">
  10.                 <h2>
  11.                     Our Products
  12.                 </h2>
  13.             </div>
  14.             <div class="row">
  15.                 <div class="col-lg-12">
  16.                     <ul id="portfolio-flters">
  17.                         <li data-filter="*" class="filter-active">
  18.                             All
  19.                         </li>
  20.                         <li data-filter=".LPGStove">
  21.                         LPG Stove
  22.                         </li>
  23.                         <li data-filter=".LPGOtherProducts">
  24.                         Other Products
  25.                         </li>
  26.                     </ul>
  27.                 </div>
  28.             </div>
  29.             <div class="row portfolio-container">
  30.                 <div class="col-lg-4 col-md-6 portfolio-item LPGStove wow fadeInUp">
  31.                     <div class="portfolio-wrap">
  32.                         <figure>
  33.                             <img src="{{ asset('') }}site/lpg-2.jpeg" class="img-fluid" alt="">
  34.                             <a href="{{ asset('') }}site/lpg-2.jpeg" data-gallery="portfolioGallery" class="link-preview portfolio-lightbox" title="LPG Stove">
  35.                                 <i class="bx bx-plus"></i>
  36.                             </a>
  37.                             {# <a href="portfolio-details.html" class="link-details" title="More Details">
  38.                                 <i class="bx bx-link"></i>
  39.                             </a> #}
  40.                         </figure>
  41.                         <div class="portfolio-info">
  42.                             <h4>
  43.                                 <a href="#">
  44.                                 LPG Stove
  45.                                 </a>
  46.                             </h4>
  47.                             <p>
  48.                                 MRP: Rs.3500/-
  49.                             </p>
  50.                         </div>
  51.                     </div>
  52.                 </div>
  53.                 <div class="col-lg-4 col-md-6 portfolio-item LPGStove wow fadeInUp" data-wow-delay="0.1s">
  54.                     <div class="portfolio-wrap">
  55.                         <figure>
  56.                             <img src="{{ asset('') }}site/lpg-3.jpeg" class="img-fluid" alt="">
  57.                             <a href="{{ asset('') }}site/lpg-3.jpeg" class="link-preview portfolio-lightbox" data-gallery="portfolioGallery" title="LPG Stove">
  58.                                 <i class="bx bx-plus"></i>
  59.                             </a>
  60.                             {# <a href="portfolio-details.html" class="link-details" title="More Details">
  61.                                 <i class="bx bx-link"></i>
  62.                             </a> #}
  63.                         </figure>
  64.                         <div class="portfolio-info">
  65.                             <h4>
  66.                                 <a href="#">
  67.                                 LPG Stove
  68.                                 </a>
  69.                             </h4>
  70.                             <p>
  71.                                 MRP: Rs.4500/-
  72.                             </p>
  73.                         </div>
  74.                     </div>
  75.                 </div>
  76.                 <div class="col-lg-4 col-md-6 portfolio-item LPGStove wow fadeInUp" data-wow-delay="0.2s">
  77.                     <div class="portfolio-wrap">
  78.                         <figure>
  79.                             <img src="{{ asset('') }}site/lpg-4.jpeg" class="img-fluid" alt="">
  80.                             <a href="{{ asset('') }}site/lpg-4.jpeg" class="link-preview portfolio-lightbox" data-gallery="portfolioGallery" title=" LPG Stove">
  81.                                 <i class="bx bx-plus"></i>
  82.                             </a>
  83.                             {# <a href="portfolio-details.html" class="link-details" title="More Details">
  84.                                 <i class="bx bx-link"></i>
  85.                             </a> #}
  86.                         </figure>
  87.                         <div class="portfolio-info">
  88.                             <h4>
  89.                                 <a href="#">
  90.                                 LPG Stove
  91.                                 </a>
  92.                             </h4>
  93.                             <p>
  94.                                 MRP: Rs.4900/-
  95.                             </p>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.                 <div class="col-lg-4 col-md-6 portfolio-item LPGStove wow fadeInUp">
  100.                     <div class="portfolio-wrap">
  101.                         <figure>
  102.                             <img src="{{ asset('') }}site/MRP-990.jpg" class="img-fluid" alt="">
  103.                             <a href="{{ asset('') }}site/MRP-990.jpg" class="link-preview portfolio-lightbox" data-gallery="portfolioGallery" title="LPG Stove">
  104.                                 <i class="bx bx-plus"></i>
  105.                             </a>
  106.                             {# <a href="portfolio-details.html" class="link-details" title="More Details">
  107.                                 <i class="bx bx-link"></i>
  108.                             </a> #}
  109.                         </figure>
  110.                         <div class="portfolio-info">
  111.                             <h4>
  112.                                 <a href="#">
  113.                                 LPG Stove
  114.                                 </a>
  115.                             </h4>
  116.                             <p>
  117.                                MRP: Rs.990/-
  118.                             </p>
  119.                         </div>
  120.                     </div>
  121.                 </div>
  122.                 <div class="col-lg-4 col-md-6 portfolio-item LPGStove wow fadeInUp" data-wow-delay="0.1s">
  123.                     <div class="portfolio-wrap">
  124.                         <figure>
  125.                             <img src="{{ asset('') }}site/MRP-2350.jpg" class="img-fluid" alt="">
  126.                             <a href="{{ asset('') }}site/MRP-2350.jpg" class="link-preview portfolio-lightbox" data-gallery="portfolioGallery" title=" LPG Stove">
  127.                                 <i class="bx bx-plus"></i>
  128.                             </a>
  129.                             {# <a href="portfolio-details.html" class="link-details" title="More Details">
  130.                                 <i class="bx bx-link"></i>
  131.                             </a> #}
  132.                         </figure>
  133.                         <div class="portfolio-info">
  134.                             <h4>
  135.                                 <a href="#">
  136.                                 LPG Stove
  137.                                 </a>
  138.                             </h4>
  139.                             <p>
  140.                                MRP: Rs.2350/-
  141.                             </p>
  142.                         </div>
  143.                     </div>
  144.                 </div>
  145.                                <div class="col-lg-4 col-md-6 portfolio-item LPGOtherProducts wow fadeInUp">
  146.                     <div class="portfolio-wrap">
  147.                         <figure>
  148.                             <img src="{{ asset('') }}site/trolley.webp" class="img-fluid" alt="">
  149.                             <a href="{{ asset('') }}site/trolley.webp" class="link-preview portfolio-lightbox" data-gallery="portfolioGallery" title="LPG Cylinder Trolley">
  150.                                 <i class="bx bx-plus"></i>
  151.                             </a>
  152.                             {# <a href="portfolio-details.html" class="link-details" title="More Details">
  153.                                 <i class="bx bx-link"></i>
  154.                             </a> #}
  155.                         </figure>
  156.                         <div class="portfolio-info">
  157.                             <h4>
  158.                                 <a href="#">
  159.                                 LPG Cylinder Trolley
  160.                                 </a>
  161.                             </h4>
  162.                             <p>
  163.                                 MRP: Rs.210/-
  164.                             </p>
  165.                         </div>
  166.                     </div>
  167.                 </div>
  168.                 <div class="col-lg-4 col-md-6 portfolio-item LPGOtherProducts wow fadeInUp" data-wow-delay="0.1s">
  169.                     <div class="portfolio-wrap">
  170.                         <figure>
  171.                             <img src="{{ asset('') }}site/lighter.jpg" class="img-fluid" alt="">
  172.                             <a href="{{ asset('') }}site/lighter.jpg" class="link-preview portfolio-lightbox" data-gallery="portfolioGallery" title="Flame Gas Lighter">
  173.                                 <i class="bx bx-plus"></i>
  174.                             </a>
  175.                             {# <a href="!#" class="link-details" title="More Details">
  176.                                 MRP: Rs.205/-
  177.                             </a> #}
  178.                         </figure>
  179.                         <div class="portfolio-info">
  180.                             <h4>
  181.                                 <a href="#">
  182.                                 Flame Gas Lighter
  183.                                 </a>
  184.                             </h4>
  185.                             <p>
  186.                                 MRP: Rs.205/-
  187.                             </p>
  188.                         </div>
  189.                     </div>
  190.                 </div>
  191.                 <div class="col-lg-4 col-md-6 portfolio-item LPGOtherProducts wow fadeInUp" data-wow-delay="0.2s">
  192.                     <div class="portfolio-wrap">
  193.                         <figure>
  194.                             <img src="{{ asset('') }}site/suraksha-pipe.webp" class="img-fluid" alt="">
  195.                             <a href="{{ asset('') }}site/suraksha-pipe.webp" class="link-preview portfolio-lightbox" data-gallery="portfolioGallery" title="HP Gas Suraksha Hose">
  196.                                 <i class="bx bx-plus"></i>
  197.                             </a>
  198.                             {# <a href="portfolio-details.html" class="link-details" title="More Details">
  199.                                 <i class="bx bx-link"></i>
  200.                             </a> #}
  201.                         </figure>
  202.                         <div class="portfolio-info">
  203.                             <h4>
  204.                                 <a href="#">
  205.                                 HP Gas Suraksha Hose
  206.                                 </a>
  207.                             </h4>
  208.                             <p>
  209.                                 MRP: Rs.190/-
  210.                             </p>
  211.                         </div>
  212.                     </div>
  213.                 </div>
  214.             </div>
  215.         </div>
  216.     </section>
  217.     <!-- End Portfolio Section -->
  218. {% endblock %}