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 %}
  69.     {{ render(path('bitbag_sylius_cms_plugin_shop_block_render', {'code' : 'homepage_about_us', 'template' : 'frontend/cms/home/block/_about.html.twig'})) }}
  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"> <div class="auto-container">
  80.                 <div class="row">
  81.                     <div class="col-lg-6">
  82.                         <div class="sec-title">
  83.                             <span class="sub-title">Specialise folding cartons solution
  84.                             </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
  92.                             class="home2-service-slider owl-carousel owl-theme">
  93.                             <!-- Service Block Two -->
  94.                             <div class="service-block-home2 wow fadeInUp">
  95.                                 <figure class="image">
  96.                                     <a href="#">
  97.                                         <img class="img-1" src="{{asset('assets/image/social/1.jpg')}}" alt="" style="height:400px;">
  98.                                         <img class="img-2" src="{{asset('assets/image/social/1.jpg')}}" alt="" style="height:400px;">
  99.                                     </a>
  100.                                 </figure>
  101.                                 {# <div class="inner-box ">
  102.                                                                                 <i class="icon flaticon-delivery-truck-1"></i>
  103.                                                                                 <h4 class="title mt-0"><a href="page-service-details.html">Road service</a></h4>
  104.                                                                                 <div class="text">Long established fact that a reader will be distracted content of a page when looking at its layout</div>
  105.                                                                                   <a href="page-service-details.html" class="read-more">Read More</a>  
  106.                                                                             </div>  #}
  107.                             </div>
  108.                             <!-- Service Block Two -->
  109.                             <div class="service-block-home2 wow fadeInUp">
  110.                                 <figure class="image">
  111.                                     <a href="#">
  112.                                         <img class="img-1" src="{{asset('assets/image/social/2.jpg')}}" alt="" style="height:400px;">
  113.                                         <img class="img-2" src="{{asset('assets/image/social/2.jpg')}}" alt="" style="height:400px;">
  114.                                     </a>
  115.                                 </figure>
  116.                                 {# <div class="inner-box ">
  117.                                                                                 <i class="icon flaticon-cargo-boat"></i>
  118.                                                                                 <h4 class="title mt-0"><a href="page-service-details.html">Sea freight</a></h4>
  119.                                                                                 <div class="text">Long established fact that a reader will be distracted content of a page when looking at its layout</div>
  120.                                                                                  <a href="page-service-details.html" class="read-more">Read More</a> 
  121.                                                                               </div>   #}
  122.                             </div>
  123.                             <!-- Service Block Two -->
  124.                             <div class="service-block-home2 wow fadeInUp">
  125.                                 <figure class="image">
  126.                                     <a href="#">
  127.                                         <img class="img-1" src="{{asset('assets/image/social/3.jpg')}}" alt="" style="height:400px;">
  128.                                         <img class="img-2" src="{{asset('assets/image/social/3.jpg')}}" alt="" style="height:400px;">
  129.                                     </a>
  130.                                 </figure>
  131.                                 {# <div class="inner-box ">
  132.                                                                                 <i class="icon flaticon-delivery-truck-1"></i>
  133.                                                                                 <h4 class="title mt-0"><a href="page-service-details.html">Road service</a></h4>
  134.                                                                                 <div class="text">Long established fact that a reader will be distracted content of a page when looking at its layout</div>
  135.                                                                                   <a href="page-service-details.html" class="read-more">Read More</a>  
  136.                                                                             </div>  #}
  137.                             </div>
  138.                             <!-- Service Block Two -->
  139.                             <div class="service-block-home2 wow fadeInUp">
  140.                                 <figure class="image">
  141.                                     <a href="#">
  142.                                         <img class="img-1" src="{{asset('assets/image/social/4.jpg')}}" alt="" style="height:400px;">
  143.                                         <img class="img-2" src="{{asset('assets/image/social/4.jpg')}}" alt="" style="height:400px;">
  144.                                     </a>
  145.                                 </figure>
  146.                                 {# <div class="inner-box ">
  147.                                                                                 <i class="icon flaticon-shipment"></i>
  148.                                                                                 <h4 class="title mt-0"><a href="page-service-details.html">Other solution</a></h4>
  149.                                                                                 <div class="text">Long established fact that a reader will be distracted content of a page when looking at its layout</div>
  150.                                                                                  <a href="page-service-details.html" class="read-more">Read More</a>  
  151.                                                                               </div> #}
  152.                             </div>
  153.                         </div>
  154.                     </div>
  155.                 </div>
  156.             </div>
  157.         </section>
  160.         <!--End Services Section -->
  161.         <section class="why-choose-us-home2">
  162.             <div class="bg-image d-none d-xl-block" style="background-image: url({{asset('assets/image/Schema-Reciclare-2-fr.jpg')}})"></div>
  163.             <div class="bg-shape">
  164.                 <div class="shape"></div>
  165.             </div>
  167.             <div class="container-fluid">
  168.                 <div
  169.                     class="row">
  170.                     <!-- Image Column -->
  171.                     <div class="image-column col-xl-6">
  172.                         <div class="image-box hide-desktop"><img src="{{asset('assets/image/Schema-Reciclare-2-fr.jpg')}}" alt=""></div>
  173.                     </div>
  174.                     <!-- Content Column -->
  175.                     <div class="content-column col-xl-5 col-lg-8">
  176.                         <div class="inner-column pl-90 wow fadeInLeft">
  177.                             <div class="sec-title light">
  178.                                 <span class="sub-title">Why Choose Us</span>
  179.                                 <h2>Recycling</h2>
  180.                                 <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>
  181.                                 <div class="text">HERE ARE OUR OBJECTIVES:</div>
  182.                             </div>
  183.                             <div
  184.                                 class="row">
  185.                                 <!-- Feature Block Four-->
  186.                                 <div class="feature-block-home2 mb-4 mb-sm-0 col-6">
  187.                                     <div class="inner-box d-sm-flex align-items-sm-center">
  188.                                         <i class="icon mr-20 flaticon-delivery-insurance-1"></i>
  189.                                         <h5 class="title mt-3 mt-sm-0 my-0 text-white">
  190.                                             to preserve
  191.                                             <br/>the environment
  192.                                         </h5>
  193.                                     </div>
  194.                                 </div>
  195.                                 <!-- Feature Block Four -->
  196.                                 <div class="feature-block-home2 col-6">
  197.                                     <div class="inner-box d-sm-flex align-items-sm-center">
  198.                                         <i class="icon mr-20 flaticon-tracking"></i>
  199.                                         <h5 class="title mt-3 mt-sm-0 my-0 text-white">conserve
  200.                                             <br/>
  201.                                             natural resources</h5>
  202.                                     </div>
  203.                                 </div>
  204.                             </div>
  205.                         </div>
  206.                     </div>
  207.                 </div>
  208.             </div>
  209.         </section>
  212.         <!-- Projects Section -->
  213.         <section class="projects-section pb-0">
  214.             <div class="auto-container">
  215.                 <div class="sec-title text-center">
  216.                     <span class="sub-title">our policies</span>
  217.                     <h2>Explore our policies.</h2>
  218.                 </div>
  220.             </div>
  221.         </section>
  222.         <!--End projects-section-->
  224.         <!-- Fun Fact Section -->
  225.         <section class="fun-fact-section pull-up" style="margin-top: 200px;">
  226.             <div class="bg bg-pattern-3-dark"></div>
  227.             <div class="auto-container">
  228.                 <div class="fact-counter">
  229.                     <div
  230.                         class="row">
  231.                         <!-- Counter block-->
  232.                         <div class="counter-block col-lg-3 col-sm-6 wow fadeInUp">
  233.                             <a href="{{asset('policies/HRD_POLICY_1_SEXUAL_HARASSEMENT_POLICY.pdf')}}" target="_blank">
  234.                                 <div class="inner">
  235.                                     <div class="icon-box">
  236.                                         <i class="flaticon-delivery-man-1"></i>
  237.                                     </div>
  238.                                     <h4 class="counter-title">SEXUAL HARASSEMENT POLICY</h4>
  239.                                 </div>
  240.                             </a>
  241.                         </div>
  243.                         <!--Counter block-->
  244.                         <div class="counter-block col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="300ms">
  245.                             <a href="{{asset('policies/HRD_POLICY_2_DISCRIMINATION_POLICY_NEW.pdf')}}" target="_blank">
  246.                             <div class="inner">
  247.                                 <div class="icon-box">
  248.                                     <i class="flaticon-global-1"></i>
  249.                                 </div>
  250.                                 <h4 class="counter-title">DISCRIMINATION POLICY</h4>
  251.                             </div>
  252.                             </a>
  253.                         </div>
  255.                         <!--Counter block-->
  256.                         <div class="counter-block col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="600ms">
  257.                             <a href="{{asset('policies/HRD_POLICY_3_FORCED_LABOUR_POLICY.pdf')}}" target="_blank">
  258.                             <div class="inner">
  259.                                 <div class="icon-box">
  260.                                     <i class="flaticon-cargo"></i>
  261.                                 </div>
  262.                                 <h4 class="counter-title">FORCED LABOUR POLICY</h4>
  263.                             </div>
  264.                             </a>
  265.                         </div>
  267.                         <!--Counter block-->
  268.                         <div class="counter-block col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="900ms">
  269.                             <a href="{{asset('policies/HRD_POLICY_4_FREEDOM_OF_ASSOCIATION_AND_COLLECTIVE_BARGAINING_POLICY.pdf')}}" target="_blank">
  270.                             <div class="inner">
  271.                                 <div class="icon-box">
  272.                                     <i class="flaticon-team"></i>
  273.                                 </div>
  274.                                 <h4 class="counter-title">FREEDOM OF ASSOCIATION AND COLLECTIVE BARGAINING POLICY</h4>
  275.                             </div>
  276.                             </a>
  277.                         </div>
  278.                     </div>
  279.                 </div>
  280.             </div>
  281.         </section>
  282.         <!-- End Fun Fact Section -->
  283.     {% endblock %}
  284. {% endblock %}