templates/website/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block description %}Emm Kay Gas Agency, based in Bhamian Village, Ludhiana, has been a premier supplier of LPG gas for both homes and industries since 1989.{% endblock %}
  4. {% block keywords %}LPG Gas Solutions Provider, Gas Solutions Company, Emm Kay Gas Agency,LGP Gas Supplies{% endblock %}
  7. {% block header %}
  8.   {% include 'website/header.html.twig' %}
  9. {% endblock %}
  10. {# {% block hero %}
  11.   {% include 'website/hero.html.twig' %}
  12. {% endblock %} #}
  15. {% block body %}
  16.       <section class="slider_section">
  17.                 <div id="main_slider" class="carousel slide banner-main" data-ride="carousel">
  19.                     <div class="carousel-inner">
  20.                         <div class="carousel-item active">
  21.                             <img class="first-slide" src="{{asset('theme/')}}images/banner2.jpg" alt="First slide">
  22.                             <div class="container">
  23.                                 <div class="carousel-caption relative">
  24.                                     <h1>Welcome to CHANDEL<br/>
  25.                                         AUTO PARTS
  26.                                     </h1>
  27.                                     <p>Welcome to CHANDEL AUTO PARTS, your premier destination for advanced automobile spare parts solutions.</p>
  28.                                     <a href="#">see more Products</a>
  29.                                 </div>
  30.                             </div>
  31.                         </div>
  32.                         
  33.                     
  35.                     </div>
  36.                     <a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
  37.                         <i class='fa fa-angle-right'></i>
  38.                     </a>
  39.                     <a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
  40.                         <i class='fa fa-angle-left'></i>
  41.                     </a>
  43.                 </div>
  45.             </section>
  48.             <!-- CHOOSE  -->
  49.             <div class="whyschose">
  50.                 <div class="container">
  52.                     <div class="row">
  53.                         <div class="col-md-7 offset-md-3">
  54.                             <div class="title">
  55.                                 <h2>Why
  56.                                     <strong class="black">choose us</strong>
  57.                                 </h2>
  58.                                 <span>Fastest repair service with best price!</span>
  59.                             </div>
  60.                         </div>
  61.                     </div>
  62.                 </div>
  63.             </div>
  64.             <div class="choose_bg">
  65.                 <div class="container">
  66.                     <div class="white_bg">
  67.                         <div class="row">
  68.                             <dir class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
  69.                                 <div class="for_box">
  70.                                     <i><img src="{{asset('theme/')}}images/premium.png"/></i>
  71.                                     <h3>Premium Quality</h3>
  72.                                     <p>ur products, including Two Wheeler Spare Parts like TVS, ACE, BAJAJ, and VESPA Gear Makhi, are crafted from the highest quality materials.</p>
  73.                                 </div>
  74.                             </dir>
  75.                             <dir class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
  76.                                 <div class="for_box">
  77.                                     <i><img src="{{asset('theme/')}}icon/2.png"/></i>
  78.                                     <h3> Wide Range of Options</h3>
  79.                                     <p>We offer a comprehensive selection of spare parts tailored to various vehicle models. Whether you need specialized gear makhis or ordinary replacements, our extensive inventory has you covered.</p>
  80.                                 </div>
  81.                             </dir>
  82.                             <dir class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
  83.                                 <div class="for_box">
  84.                                     <i><img src="{{asset('theme/')}}icon/3.png"/></i>
  85.                                     <h3>Expertise in Advanced Technology</h3>
  86.                                     <p>With a focus on high-end technology, our parts are designed to enhance the efficiency and longevity of your vehicles. Our expertise ensures that you receive the latest innovations in automobile spare parts.</p>
  87.                                 </div>
  88.                             </dir>
  89.                             
  90.                             <div class="col-md-12">
  91.                                 <a class="read-more">Read More</a>
  92.                             </div>
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.             </div>
  97.             <!-- end CHOOSE -->
  99.             <!-- service -->
  100.         
  101.             <!-- end service -->
  103.             <!-- our product -->
  104.             <div class="product">
  105.                 <div class="container">
  106.                     <div class="row">
  107.                         <div class="col-md-12">
  108.                             <div class="title">
  109.                                 <h2>our
  110.                                     <strong class="black">products</strong>
  111.                                 </h2>
  112.                                 <span>We package the products with best services to make you a happy customer.</span>
  113.                             </div>
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.             <div class="product-bg">
  119.                 <div class="product-bg-white">
  120.                     <div class="container">
  121.                         <div class="row">
  122.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  123.                                 <div class="product-box">
  124.                                     <i><a href="{{ path('pro_single',{'slug':'ordinary-gear-makhi'})}}"><img src="{{asset('theme/')}}images/ordinary_gear_makhi.jpg"/></a></i>
  125.                                     <h3>Ordinary Gear Makhi</h3>
  126.                                 </div>
  127.                             </div>
  128.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  129.                                 <div class="product-box">
  130.                                     <i><a href="{{ path('pro_single',{'slug':'special-gear-makhi'})}}"><img src="{{asset('theme/')}}images/special_gear.jpg"/></a></i>
  131.                                     <h3>Special Gear Makhi</h3>
  132.                                 </div>
  133.                             </div>
  134.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  135.                                 <div class="product-box">
  136.                                     <i><a href="{{ path('pro_single',{'slug':'ape-gear-makhi'})}}"><img src="{{asset('theme/')}}images/ape_gear_makhi.jpg"/></a></i>
  137.                                     <h3>Ape Gear Makhi</h3>
  138.                                 </div>
  139.                             </div>
  140.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  141.                                 <div class="product-box">
  142.                                     <i><a href="{{ path('pro_single',{'slug':'tvs-gear-makhi'})}}"><img src="{{asset('theme/')}}images/cng.png"/></a></i>
  143.                                     <h3>TVS/CNG Gear Makhi</h3>
  144.                                 </div>
  145.                             </div>
  146.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  147.                                 <div class="product-box">
  148.                                     <i><a href="{{ path('pro_single',{'slug':'accelator-adjuster'})}}"><img src="{{asset('theme/')}}images/m2.jpg"/></a></i>
  149.                                     <h3>Accelerator/Clutch Adjuster (Makhi)</h3>
  150.                                 </div>
  151.                             </div>
  152.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  153.                                 <div class="product-box">
  154.                                     <i><a href="{{ path('pro_single',{'slug':'brake-rods'})}}"><img src="{{asset('theme/')}}images/brack-rod-full.jpg"/></a></i>
  155.                                     <h3>Brake Rods</h3>
  156.                                 </div>
  157.                             </div>
  158.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  159.                                 <div class="product-box">
  160.                                     <i><a href="{{ path('pro_single',{'slug':'brake-rods-nut-pin'})}}"><img src="{{asset('theme/')}}images/brack-rod-parts.jpg"/></a></i>
  161.                                     <h3>Brake Rods (Nut & Pin)</h3>
  162.                                 </div>
  163.                             </div>
  164.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  165.                                 <div class="product-box">
  166.                                     <i><a href="{{ path('pro_single',{'slug':'brake-rods-nut'})}}"><img src="{{asset('theme/')}}images/brack-rod.jpg"/></a></i>
  167.                                     <h3>Brake Rod Nuts</h3>
  168.                                 </div>
  169.                             </div>
  170.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  171.                                 <div class="product-box">
  172.                                     <i><a href="{{ path('pro_single',{'slug':'cable-adjuster'})}}"><img src="{{asset('theme/')}}images/cable-ad.jpg"/></a></i>
  173.                                     <h3>Cable Adjusters</h3>
  174.                                 </div>
  175.                             </div>
  176.                             <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
  177.                                 <div class="product-box">
  178.                                     <i><a href="{{ path('pro_single',{'slug':'fli-kal-makhi'})}}"><img src="{{asset('theme/')}}images/FLI-makhi.jpg"/></a></i>
  179.                                     <h3>FLI KAL and Kerala (Makhi)</h3>
  180.                                 </div>
  181.                             </div>
  183.                         </div>
  184.                     </div>
  185.                 </div>
  186.             
  188.             
  189.             </div>
  191.             <!-- end our product -->
  192.             <!-- map -->
  193.              <div class="contact">
  194.         <div class="container">
  195.             <div class="row">
  196.                 <div class="col-md-12">
  197.                   <h2>Contact Us</h2>
  199.                     <form class="main_form">
  200.                         <div class="row">
  201.                             <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  202.                                 <input class="form-control" placeholder="Your name" type="text" name="Your Name">
  203.                             </div>
  204.                             <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
  205.                                 <input class="form-control" placeholder="Email" type="text" name="Email">
  206.                             </div>
  207.                             <div class=" col-md-12">
  208.                                 <input class="form-control" placeholder="Phone" type="text" name="Phone">
  209.                             </div>
  210.                             <div class="col-md-12">
  211.                                 <textarea class="textarea" placeholder="Message"></textarea>
  212.                             </div>
  213.                             <div class=" col-md-12">
  214.                                 <button class="send">Send</button>
  215.                             </div>
  216.                         </div>
  217.                     </form>
  218.                 </div>
  219.             </div>
  220.         </div>
  221.     </div>
  222. {% endblock %}