templates/website/products.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <!-- ======= Portfolio Section ======= -->
  5.     <div class="brand_color">
  6.         <div class="container">
  7.             <div class="row">
  8.                 <div class="col-md-12">
  9.                     <div class="titlepage">
  10.                         <h2>our product</h2>
  11.                     </div>
  12.                 </div>
  13.             </div>
  14.         </div>
  16.     </div>
  17.     <!-- End Portfolio Section -->
  19.     <div class="product">
  20.         <div class="container">
  21.             <div class="row">
  22.                 <div class="col-md-12">
  23.                     <div class="title">
  24.                         <h2>our
  25.                             <strong class="black">products</strong>
  26.                         </h2>
  27.                         <span>We package the products with best services to make you a happy customer.</span>
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </div>
  33.     <div class="product-bg">
  34.         <div class="product-bg-white">
  35.             <div class="container">
  36.                 <div class="row">
  37.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  38.                         <div class="product-box">
  39.                             <i>
  40.                                 <a href="{{ path('pro_single',{'slug':'ordinary-gear-makhi'})}}"><img src="{{asset('theme/')}}images/ordinary_gear_makhi.jpg"/></a>
  41.                             </i>
  42.                             <h3>Ordinary Gear Makhi</h3>
  43.                         </div>
  44.                     </div>
  45.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  46.                         <div class="product-box">
  47.                             <i>
  48.                                 <a href="{{ path('pro_single',{'slug':'special-gear-makhi'})}}"><img src="{{asset('theme/')}}images/special_gear.jpg"/></a>
  49.                             </i>
  50.                             <h3>Special Gear Makhi</h3>
  51.                         </div>
  52.                     </div>
  53.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  54.                         <div class="product-box">
  55.                             <i>
  56.                                 <a href="{{ path('pro_single',{'slug':'ape-gear-makhi'})}}"><img src="{{asset('theme/')}}images/ape_gear_makhi.jpg"/></a>
  57.                             </i>
  58.                             <h3>Ape Gear Makhi</h3>
  59.                         </div>
  60.                     </div>
  61.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  62.                         <div class="product-box">
  63.                             <i>
  64.                                 <a href="{{ path('pro_single',{'slug':'tvs-gear-makhi'})}}"><img src="{{asset('theme/')}}images/cng.png"/></a>
  65.                             </i>
  66.                             <h3>TVS/CNG Gear Makhi</h3>
  67.                         </div>
  68.                     </div>
  69.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  70.                         <div class="product-box">
  71.                             <i>
  72.                                 <a href="{{ path('pro_single',{'slug':'accelator-adjuster'})}}"><img src="{{asset('theme/')}}images/m2.jpg"/></a>
  73.                             </i>
  74.                             <h3>Accelerator/Clutch Adjuster (Makhi)</h3>
  75.                         </div>
  76.                     </div>
  77.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  78.                         <div class="product-box">
  79.                             <i>
  80.                                 <a href="{{ path('pro_single',{'slug':'brake-rods'})}}"><img src="{{asset('theme/')}}images/brack-rod-full.jpg"/></a>
  81.                             </i>
  82.                             <h3>Brake Rods</h3>
  83.                         </div>
  84.                     </div>
  85.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  86.                         <div class="product-box">
  87.                             <i>
  88.                                 <a href="{{ path('pro_single',{'slug':'brake-rods-nut-pin'})}}"><img src="{{asset('theme/')}}images/brack-rod-parts.jpg"/></a>
  89.                             </i>
  90.                             <h3>Brake Rods (Nut & Pin)</h3>
  91.                         </div>
  92.                     </div>
  93.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  94.                         <div class="product-box">
  95.                             <i>
  96.                                 <a href="{{ path('pro_single',{'slug':'brake-rods-nut'})}}"><img src="{{asset('theme/')}}images/brack-rod.jpg"/></a>
  97.                             </i>
  98.                             <h3>Brake Rod Nuts</h3>
  99.                         </div>
  100.                     </div>
  101.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  102.                         <div class="product-box">
  103.                             <i>
  104.                                 <a href="{{ path('pro_single',{'slug':'cable-adjuster'})}}"><img src="{{asset('theme/')}}images/cable-ad.jpg"/></a>
  105.                             </i>
  106.                             <h3>Cable Adjusters</h3>
  107.                         </div>
  108.                     </div>
  109.                     <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  110.                         <div class="product-box">
  111.                             <i>
  112.                                 <a href="{{ path('pro_single',{'slug':'fli-kal-makhi'})}}"><img src="{{asset('theme/')}}images/FLI-makhi.jpg"/></a>
  113.                             </i>
  114.                             <h3>FLI KAL and Kerala (Makhi)</h3>
  115.                         </div>
  116.                     </div>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.         
  123.         <div class="container">
  124.             <div class="yellow_bg">
  125.                 <div class="row">
  126.                     <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
  127.                         <div class="yellow-box">
  128.                             <h3>REQUEST A FREE QUOTE<i><img src="{{asset('theme/')}}icon/calll.png"/></i>
  129.                             </h3>
  131.                             <p>Get answers and advice from people you want it from.</p>
  132.                         </div>
  133.                     </div>
  134.                     <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
  135.                         <div class="yellow-box">
  136.                             <a href="#">Get  Quote</a>
  137.                         </div>
  138.                     </div>
  139.                 </div>
  140.             </div>
  141.         </div>
  142.     </div>
  143. {% endblock %}