templates/frontend/cms/company/about_us.html.twig line 1

  1. {% extends nglayouts.layoutTemplate %}
  3. {% block title %}
  4.     {{'app.ui.about_us'|trans}}
  5. {% endblock %}
  6. {% block post_header %}
  7.     {{ render(path('bitbag_sylius_cms_plugin_shop_media_render', {'code' : 'about_us_post_header', 'template' : 'frontend/cms/common/media/_header.html.twig'})) }}
  8. {% endblock %}
  9. {% block body %}
  10.     <!-- Servicing Section -->
  11.     <section class="training-section">
  12.         <div class="bg bg-pattern-2"></div>
  13.         <div class="bg bg-image" style="background-image: url(./images/resource/image-1.jpg)"></div>
  14.         <div class="auto-container">
  15.             <div class="sec-title">
  16.                 <span class="sub-title">Our Services</span>
  17.                 <h2>Specialist logistics services
  18.                     <br>
  19.                     that you
  20.                     <span class="color1">deserve</span>
  21.                 </h2>
  22.             </div>
  24.             <div class="carousel-outer">
  25.                 <div
  26.                     class="home1-service-slider owl-carousel owl-theme">
  27.                     <!-- Training Block -->
  28.                     <div class="home1-service-block">
  29.                         <div class="inner-box">
  30.                             <div class="image-box">
  31.                                 <figure class="image"><img src="https://via.placeholder.com/270x190" alt=""></figure>
  32.                                 <div class="overlay">
  33.                                     <a href="page-service-details.html" class="read-more">
  34.                                         <i class="fa fa-long-arrow-alt-right"></i>
  35.                                     </a>
  36.                                 </div>
  37.                             </div>
  38.                             <div class="lower-content">
  39.                                 <a href="page-service-details.html" class="read-more">
  40.                                     <i class="fa fa-long-arrow-alt-right"></i>
  41.                                 </a>
  42.                                 <h4 class="title">
  43.                                     <a href="page-service-details.html">Air freight</a>
  44.                                 </h4>
  45.                                 <div class="text">There are many variations of passages of available, but the majority have suffered freedom alteration.</div>
  46.                             </div>
  47.                         </div>
  48.                     </div>
  50.                     <!-- Training Block -->
  51.                     <div class="home1-service-block">
  52.                         <div class="inner-box">
  53.                             <div class="image-box">
  54.                                 <figure class="image"><img src="https://via.placeholder.com/270x190" alt=""></figure>
  55.                                 <div class="overlay">
  56.                                     <a href="page-service-details.html" class="read-more">
  57.                                         <i class="fa fa-long-arrow-alt-right"></i>
  58.                                     </a>
  59.                                 </div>
  60.                             </div>
  61.                             <div class="lower-content">
  62.                                 <a href="page-service-details.html" class="read-more">
  63.                                     <i class="fa fa-long-arrow-alt-right"></i>
  64.                                 </a>
  65.                                 <h4 class="title">
  66.                                     <a href="page-service-details.html">Sea freight</a>
  67.                                 </h4>
  68.                                 <div class="text">There are many variations of passages of available, but the majority have suffered freedom alteration.</div>
  69.                             </div>
  70.                         </div>
  71.                     </div>
  73.                     <!-- Training Block -->
  74.                     <div class="home1-service-block">
  75.                         <div class="inner-box">
  76.                             <div class="image-box">
  77.                                 <figure class="image"><img src="https://via.placeholder.com/270x190" alt=""></figure>
  78.                                 <div class="overlay">
  79.                                     <a href="page-service-details.html" class="read-more">
  80.                                         <i class="fa fa-long-arrow-alt-right"></i>
  81.                                     </a>
  82.                                 </div>
  83.                             </div>
  84.                             <div class="lower-content">
  85.                                 <a href="page-service-details.html" class="read-more">
  86.                                     <i class="fa fa-long-arrow-alt-right"></i>
  87.                                 </a>
  88.                                 <h4 class="title">
  89.                                     <a href="page-service-details.html">Road service</a>
  90.                                 </h4>
  91.                                 <div class="text">There are many variations of passages of available, but the majority have suffered freedom alteration.</div>
  92.                             </div>
  93.                         </div>
  94.                     </div>
  96.                     <!-- Training Block -->
  97.                     <div class="home1-service-block">
  98.                         <div class="inner-box">
  99.                             <div class="image-box">
  100.                                 <figure class="image"><img src="https://via.placeholder.com/270x190" alt=""></figure>
  101.                                 <div class="overlay">
  102.                                     <a href="page-service-details.html" class="read-more">
  103.                                         <i class="fa fa-long-arrow-alt-right"></i>
  104.                                     </a>
  105.                                 </div>
  106.                             </div>
  107.                             <div class="lower-content">
  108.                                 <a href="page-service-details.html" class="read-more">
  109.                                     <i class="fa fa-long-arrow-alt-right"></i>
  110.                                 </a>
  111.                                 <h4 class="title">
  112.                                     <a href="page-service-details.html">Other solution</a>
  113.                                 </h4>
  114.                                 <div class="text">There are many variations of passages of available, but the majority have suffered freedom alteration.</div>
  115.                             </div>
  116.                         </div>
  117.                     </div>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.     </section>
  122.     <!-- End Training Section -->
  123.  
  124.     {% block about_us_mission %}
  125.         <section class="about-section pb-60">
  126.             <div class="auto-container">
  127.                 <div
  128.                     class="row">
  129.                     <!-- Image Column -->
  130.                     <div class="image-column col-lg-6">
  131.                         {{ render(path('bitbag_sylius_cms_plugin_shop_media_render', {'code' : 'about_us_mission', 'template' : 'frontend/cms/company/_about_us/media/_mission.html.twig'})) }} 
  132.                     </div>
  133.                     <div class="content-column col-lg-6 pl-70 pl-lg-30 wow fadeInLeft" data-wow-delay="300ms">
  134.                         {{ render(path('bitbag_sylius_cms_plugin_shop_block_render', {'code' : 'about_us_mission', 'template' : 'frontend/cms/company/_about_us/block/_mission.html.twig'})) }} 
  135.                     </div>
  136.                 </div>
  137.             </div>
  138.         </section> 
  139.     {% endblock %}
  141.     <!-- section end-->
  143.     {% block about_us_vision %}
  144.         <section class="why-choose-us-home2"> <div class="bg-image d-none d-xl-block" style="background-image: url({{asset('assets/image/1.JPG')}})"></div>
  145.             <div class="bg-shape">
  146.                 <div class="shape"></div>
  147.             </div>
  149.             <div class="container-fluid">
  150.                 <div
  151.                     class="row">
  152.                     <!-- Image Column -->
  153.                     <div class="image-column col-xl-6">
  154.                         <div class="image-box hide-desktop"><img src="{{asset('assets/image/1.JPG')}}" alt=""></div>
  155.                     </div>
  156.                     <!-- Content Column -->
  157.                     <div class="content-column col-xl-5 col-lg-8">
  158.                         {{ render(path('bitbag_sylius_cms_plugin_shop_block_render', {'code' : 'about_us_vision', 'template' : 'frontend/cms/company/_about_us/block/_vision.html.twig'})) }} 
  159.                     </div>
  160.                 </div>
  161.             </div>
  162.         </section> 
  163.     {% endblock %}
  165.     <!-- section end-->
  166.     <!-- section start-->
  167.     {# <section class="achievement-section"><img class="achievement-section__bg" src="{{ asset('media/img/achievement-section.png')}}" alt="img"/>
  168.                     <div class="container">
  169.                       <div class="row bottom-50">
  170.                         <div class="col-12">
  171.                           <div class="heading heading--center">
  172.                             <span class="heading__pre-title">Achievement</span>
  173.                             <h3 class="heading__title">High work achievements</h3>
  174.                           </div>
  175.                         </div>
  176.                       </div>
  177.                       <div class="row offset-50">
  178.                         <div class="col-md-6 col-lg-4 text-center">
  179.                           <div class="counter counter--blue">
  180.                             <div class="counter__top">
  181.                               <span class="js-counter counter__count">5</span><span class="counter__subject">millions</span></div>
  182.                             <div class="counter__lower">
  183.                               <span class="counter__details">Delivered packeges</span></div>
  184.                           </div>
  185.                         </div>
  186.                         <div class="col-md-6 col-lg-4 text-center">
  187.                           <div class="counter counter--blue">
  188.                             <div class="counter__top">
  189.                               <span class="js-counter counter__count">2</span><span class="counter__subject">million</span></div>
  190.                             <div class="counter__lower">
  191.                               <span class="counter__details">Miles driven each of the year</span></div>
  192.                           </div>
  193.                         </div>
  194.                         <div class="col-md-6 col-lg-4 text-center">
  195.                           <div class="counter counter--blue">
  196.                             <div class="counter__top">
  197.                               <span class="js-counter counter__count">50</span><span class="counter__subject">years</span></div>
  198.                             <div class="counter__lower">
  199.                               <span class="counter__details">Total warehouse area</span></div>
  200.                           </div>
  201.                         </div>
  202.                       </div>
  203.                     </div>
  204.                   </section> #}
  205.     <!-- section end-->
  206.     <!-- section start-->
  207.      
  210. {% endblock %}