templates/bundles/SyliusShopBundle/Homepage/index.html.twig line 69

  1. {% extends nglayouts.layoutTemplate %}
  3. {% block title %}
  4.     {{'app.ui.home'|trans}}
  5. {% endblock %}
  7. {% block body %}
  10.     <!-- Features Section -->
  11.     {# <section class="features-section pb-0">
  12.                             <div class="auto-container">
  13.                                 <div
  14.                                     class="row">
  15.                                     <!-- Features Block Two -->
  16.                                     <div class="feature-block-two col-lg-4 col-md-6 wow fadeInUp">
  17.                                         <div class="inner-box">
  18.                                             <figure class="image"><img src="https://via.placeholder.com/370x261" alt=""></figure>
  19.                                             <a href="page-service-details.html" class="theme-btn btn-style-one step">Cost Optimization</a>
  20.                                             <div class="overlay-content">
  21.                                                 <div class="title-box">
  22.                                                     <i class="icon flaticon-logistics-8"></i>
  23.                                                     <h4 class="title">Cost Optimization</h4>
  24.                                                 </div>
  25.                                                 <div class="text">Neque porro quisqum est qui dolorem ipsum quia dolor. tellus est aliquet egetristique nisullam.</div>
  26.                                                 <a href="page-service-details.html" class="theme-btn btn-style-one read-more">Read More</a>
  27.                                             </div>
  28.                                         </div>
  29.                                     </div>
  30.                                     <!-- Features Block Two -->
  31.                                     <div class="feature-block-two col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="300ms">
  32.                                         <div class="inner-box">
  33.                                             <figure class="image"><img src="https://via.placeholder.com/370x261" alt=""></figure>
  34.                                             <a href="page-service-details.html" class="theme-btn btn-style-one step">Reduced Transit Timing</a>
  35.                                             <div class="overlay-content">
  36.                                                 <div class="title-box">
  37.                                                     <i class="icon flaticon-delivery-time"></i>
  38.                                                     <h4 class="title">Reduced Transit Timing</h4>
  39.                                                 </div>
  40.                                                 <div class="text">Neque porro quisqum est qui dolorem ipsum quia dolor. tellus est aliquet egetristique nisullam.</div>
  41.                                                 <a href="page-service-details.html" class="theme-btn btn-style-one read-more">Read More</a>
  42.                                             </div>
  43.                                         </div>
  44.                                     </div>
  45.                                     <!-- Features Block Two -->
  46.                                     <div class="feature-block-two col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="600ms">
  47.                                         <div class="inner-box">
  48.                                             <figure class="image"><img src="https://via.placeholder.com/370x261" alt=""></figure>
  49.                                             <a href="page-service-details.html" class="theme-btn btn-style-one step">Warehouse Operation</a>
  50.                                             <div class="overlay-content">
  51.                                                 <div class="title-box">
  52.                                                     <i class="icon flaticon-warehouse"></i>
  53.                                                     <h4 class="title">Warehouse Operation</h4>
  54.                                                 </div>
  55.                                                 <div class="text">Neque porro quisqum est qui dolorem ipsum quia dolor. tellus est aliquet egetristique nisullam.</div>
  56.                                                 <a href="page-service-details.html" class="theme-btn btn-style-one read-more">Read More</a>
  57.                                             </div>
  58.                                         </div>
  59.                                     </div>
  60.                                 </div>
  61.                             </div>
  62.                         </section> #}
  63.     <!--Emd Features Section -->
  65.     <!-- About Section -->
  66.         {% block homepage_about_us %}
  68.         
  69.     {{ render(path('bitbag_sylius_cms_plugin_shop_block_render', {'code' : 'homepage_about_us', 'template' : 'frontend/cms/home/block/_about.html.twig'})) }}
  70.     
  71.     {% endblock %}
  72.     <!--Emd About Section -->
  73.         {% block shop %}
  74.     {{ render(url('sylius_shop_partial_channel_menu_taxon_index', {'template': '@SyliusShop/Taxon/_horizontalMenu.html.twig'})) }}
  75.     {% endblock %}
  76.         {% block reciclare %}
  78.         <!-- Services Section Two -->
  79.     <section class="services-section-home2">
  80.         <div class="auto-container">
  81.             <div class="row">
  82.                 <div class="col-lg-6">
  83.                     <div class="sec-title">
  84.                         <span class="sub-title">Specialise folding cartons solution </span>
  85.                         <h2>Offering Sustainable Services</h2>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.       <div class="row">
  90.           <div class="col-lg-12">
  91.               <div class="home2-service-slider owl-carousel owl-theme">
  92.             <!-- Service Block Two -->
  93.             <div class="service-block-home2 wow fadeInUp">
  94.               <figure class="image">
  95.                   <a href="#">
  96.                       <img class="img-1" src="{{asset('assets/image/social/1.jpg')}}" alt="" style="height:400px;">
  97.                       <img class="img-2" src="{{asset('assets/image/social/1.jpg')}}" alt="" style="height:400px;">
  98.                   </a>
  99.               </figure>
  100.                 {# <div class="inner-box ">
  101.                 <i class="icon flaticon-delivery-truck-1"></i>
  102.                 <h4 class="title mt-0"><a href="page-service-details.html">Road service</a></h4>
  103.                 <div class="text">Long established fact that a reader will be distracted content of a page when looking at its layout</div>
  104.                   <a href="page-service-details.html" class="read-more">Read More</a>  
  105.             </div>  #}
  106.             </div>
  107.             <!-- Service Block Two -->
  108.             <div class="service-block-home2 wow fadeInUp">
  109.               <figure class="image">
  110.                   <a href="#">
  111.                       <img class="img-1" src="{{asset('assets/image/social/2.jpg')}}" alt=""  style="height:400px;">
  112.                       <img class="img-2" src="{{asset('assets/image/social/2.jpg')}}" alt=""  style="height:400px;">
  113.                   </a>
  114.               </figure>
  115.                {# <div class="inner-box ">
  116.                 <i class="icon flaticon-cargo-boat"></i>
  117.                 <h4 class="title mt-0"><a href="page-service-details.html">Sea freight</a></h4>
  118.                 <div class="text">Long established fact that a reader will be distracted content of a page when looking at its layout</div>
  119.                  <a href="page-service-details.html" class="read-more">Read More</a> 
  120.               </div>   #}
  121.             </div>
  122.             <!-- Service Block Two -->
  123.             <div class="service-block-home2 wow fadeInUp">
  124.               <figure class="image">
  125.                   <a href="#">
  126.                       <img class="img-1" src="{{asset('assets/image/social/3.jpg')}}" alt=""  style="height:400px;">
  127.                       <img class="img-2" src="{{asset('assets/image/social/3.jpg')}}" alt=""  style="height:400px;">
  128.                   </a>
  129.               </figure>
  130.             {# <div class="inner-box ">
  131.                 <i class="icon flaticon-delivery-truck-1"></i>
  132.                 <h4 class="title mt-0"><a href="page-service-details.html">Road service</a></h4>
  133.                 <div class="text">Long established fact that a reader will be distracted content of a page when looking at its layout</div>
  134.                   <a href="page-service-details.html" class="read-more">Read More</a>  
  135.             </div>  #}
  136.             </div>
  137.             <!-- Service Block Two -->
  138.             <div class="service-block-home2 wow fadeInUp">
  139.               <figure class="image">
  140.                   <a href="#">
  141.                       <img class="img-1" src="{{asset('assets/image/social/4.jpg')}}" alt=""  style="height:400px;">
  142.                       <img class="img-2" src="{{asset('assets/image/social/4.jpg')}}" alt=""  style="height:400px;">
  143.                   </a>
  144.               </figure>
  145.               {# <div class="inner-box ">
  146.                 <i class="icon flaticon-shipment"></i>
  147.                 <h4 class="title mt-0"><a href="page-service-details.html">Other solution</a></h4>
  148.                 <div class="text">Long established fact that a reader will be distracted content of a page when looking at its layout</div>
  149.                  <a href="page-service-details.html" class="read-more">Read More</a>  
  150.               </div> #}
  151.             </div>
  152.           </div>
  153.           </div>
  154.       </div>
  155.         </div>
  156.     </section>
  157.     <!--End Services Section -->
  158.             <section class="why-choose-us-home2"> <div class="bg-image d-none d-xl-block" style="background-image: url({{asset('assets/image/Schema-Reciclare-2-fr.jpg')}})"></div>
  159.             <div class="bg-shape">
  160.                 <div class="shape"></div>
  161.             </div>
  163.             <div class="container-fluid">
  164.                 <div
  165.                     class="row">
  166.                     <!-- Image Column -->
  167.                     <div class="image-column col-xl-6">
  168.                         <div class="image-box hide-desktop"><img src="{{asset('assets/image/Schema-Reciclare-2-fr.jpg')}}" alt=""></div>
  169.                     </div>
  170.                     <!-- Content Column -->
  171.                     <div class="content-column col-xl-5 col-lg-8">
  172.                         <div class="inner-column pl-90 wow fadeInLeft">
  173.                             <div class="sec-title light">
  174.                                 <span class="sub-title">Why Choose Us</span>
  175.                                 <h2>Recycling</h2>
  176.                                 <div class="text">We believe that the recycling process is extremely important, both for current and future generations. This is why we consider it with maximum responsibility by implementing an effective waste management system.</div>
  177.                                 <div class="text">HERE ARE OUR OBJECTIVES:</div>
  178.                             </div>
  179.                             <div
  180.                                 class="row">
  181.                                 <!-- Feature Block Four-->
  182.                                 <div class="feature-block-home2 mb-4 mb-sm-0 col-6">
  183.                                     <div class="inner-box d-sm-flex align-items-sm-center">
  184.                                         <i class="icon mr-20 flaticon-delivery-insurance-1"></i>
  185.                                         <h5 class="title mt-3 mt-sm-0 my-0 text-white">
  186.                                             to preserve
  187.                                             <br/>the environment
  188.                                         </h5>
  189.                                     </div>
  190.                                 </div>
  191.                                 <!-- Feature Block Four -->
  192.                                 <div class="feature-block-home2 col-6">
  193.                                     <div class="inner-box d-sm-flex align-items-sm-center">
  194.                                         <i class="icon mr-20 flaticon-tracking"></i>
  195.                                         <h5 class="title mt-3 mt-sm-0 my-0 text-white">conserve
  196.                                             <br/>
  197.                                             natural resources</h5>
  198.                                     </div>
  199.                                 </div>
  200.                             </div>
  201.                         </div>
  202.                     </div>
  203.                 </div>
  204.             </div>
  205.         </section>
  206.     {% endblock %}
  207. {% endblock %}