templates/front/about/about.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block body %}
  5.     <section id="products" class="about">
  6.         <div class="container-right container-video position-relative bg-black-transparent p-5">
  7.             <h2 class="black mb-3">About<br><span>us</span></h2>
  9.             <div class="header-about">
  10.                 <div class="row">
  11.                     <div class="col-lg-12 col-xl-5">
  12.                         <h3 class="pretitle">Story</h3>
  13.                         <h2 class="title blue">mauro service has been known as a pioneer in the massage industry for over 10 years</h2>
  14.                         <p class="desc-about mt-3">Our philosophy is to create innovative solutions to modernise one of the oldest industries in the world.
  15.                             We build machines and systems that improve the quality of work and make it possible to produce and work safely and reliably.</p>
  16.                     </div>
  17.                     <div class="col-lg-12 col-xl-6">
  18.                     </div>
  19.                 </div>
  20.             </div>
  21.             <div class="img-header d-flex justify-content-end">
  22.                 <div class="col-lg-12 col-xl-6 p-0">
  23.                     <div style="background:url({{ asset('img/about-header.jpg') }})no-repeat center" class="img"></div>
  24.                 </div>
  25.             </div>
  26.         </div>
  27.     </section>
  29.     <section id="products" class="mission">
  30.         <div class="container-right container-video position-relative bg-white p-5">
  31.             <div class="header-about">
  32.                 <div class="row">
  33.                     <div class="col-lg-6 col-xl-5">
  34.                         <h3 class="pretitle">Mission</h3>
  35.                         <h2 class="title blue">To make your work easier, healthier and more ecologically responsible</h2>
  36.                         <p class="desc-about mt-4">Our mission is to understand the needs of our customers, focus on environmental
  37.                             issues and provide them solutions featuring the highest quality, the easiest daily use and the lowest maintenance cost on the market.</p>
  38.                     </div>
  39.                     <div class="col-lg-6 col-xl-5 pl-5">
  40.                         <div class="img-rounded position-relative">
  41.                             <img src="https://fakeimg.pl/350x200/ff0000/000" alt="img presentation">
  42.                         </div>
  43.                     </div>
  44.                 </div>
  45.             </div>
  46.             <div class="header-about second">
  47.                 <div class="row align-items-end">
  48.                     <div class="col-lg-6 col-xl-5 pr-5">
  49.                         <div class="img-rounded position-relative row justify-content-end">
  50.                             <img src="https://fakeimg.pl/350x200/ff0000/000" alt="img presentation">
  51.                         </div>
  52.                     </div>
  53.                     <div class="col-lg-6 col-xl-5">
  54.                         <h3 class="pretitle">Vision</h3>
  55.                         <h2 class="title blue">Practical Solutions for a Sustainable Future</h2>
  56.                         <p class="desc-about mt-4">Our vision is to give peace of mind to our customers by manufacturing innovative and efficient equipment,
  57.                             which allows them to reduce the environmental impact, lower related energy consumption and focus on their core business.</p>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </section>
  64.     <section id="values" class="values">
  65.         <div class="container-right container-video position-relative bg-black-transparent p-5">
  66.             <div class="header-about">
  67.                 <div>
  68.                     <h3 class="pretitle black">Values</h3>
  69.                     <h2 class="title blue">Your mission, Our passion</h2>
  70.                 </div>
  71.             </div>
  72.             <div class="row justify-content-between mt-5 pl-5 pr-5">
  73.                 <div class="col-md-12 col-lg-12 col-xl-6 value-single">
  74.                     <div class="row mr-5 ml-5 pb-5 pt-5">
  75.                         <div class="col-md-4 col-lg-3">
  76.                             <img src="{{ asset('img/icons/value_honesty.svg') }}" alt="Honesty">
  77.                         </div>
  78.                         <div class="col-md-8 col-lg-9">
  79.                             <h4>Honesty</h4>
  80.                             <p>We guarantee that our products are made with the highest quality materials and are capable of reducing environmental impact and energy consumption.</p>
  81.                         </div>
  82.                     </div>
  83.                 </div>
  84.                 <div class="col-md-12 col-lg-12 col-xl-6 value-single">
  85.                     <div class="row mr-5 ml-5 pb-5 pt-5">
  86.                         <div class="col-md-4 col-lg-3">
  87.                             <img src="{{ asset('img/icons/value_specialization.svg') }}" alt="specialization">
  88.                         </div>
  89.                         <div class="col-md-8 col-lg-9">
  90.                             <h4>Specialization</h4>
  91.                             <p>The manufacturing team is highly qualified and can help our customers to improve their
  92.                                 production process, increase their profits,clower their costs, and guarantee sustainability.</p>
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.                 <div class="col-md-12 col-lg-12 col-xl-6 value-single">
  97.                     <div class="row mr-5 ml-5 pb-5 pt-5">
  98.                         <div class="col-md-4 col-lg-3">
  99.                             <img src="{{ asset('img/icons/value_environment.svg') }}" alt="environment friendly">
  100.                         </div>
  101.                         <div class="col-md-8 col-lg-9">
  102.                             <h4>Environmentally friendly</h4>
  103.                             <p>Knowing that concrete (Cement) is responsible for 4-8% of the world’s CO2 production and also
  104.                                 generates a consumption of almost a 10th of the world’s industrial water use, we strive to give the concrete industry.</p>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.                 <div class="col-md-12 col-lg-12 col-xl-6 value-single">
  109.                     <div class="row mr-5 ml-5 pb-5 pt-5">
  110.                         <div class="col-md-4 col-lg-3">
  111.                             <img src="{{ asset('img/icons/value_efficienly.svg') }}" alt="efficienly">
  112.                         </div>
  113.                         <div class="col-md-8 col-lg-9">
  114.                             <h4>Efficiency</h4>
  115.                             <p>Our products are designed to optimize the production flow of any concrete plant in the world and generate predictable maintenance
  116.                                 costs.</p>
  117.                         </div>
  118.                     </div>
  119.                 </div>
  120.                 <div class="col-md-12 col-lg-12 col-xl-6 value-single">
  121.                     <div class="row mr-5 ml-5 pb-5 pt-5">
  122.                         <div class="col-md-4 col-lg-3">
  123.                             <img src="{{ asset('img/icons/value_innovation.svg') }}" alt="innovation">
  124.                         </div>
  125.                         <div class="col-md-8 col-lg-9">
  126.                             <h4>Innovation</h4>
  127.                             <p>We manufacture unique and patented solutions to solve the particular issues of each customer.</p>
  128.                         </div>
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </div>
  133.     </section>
  135.     <section id="map" class="map">
  136.         <div class="container-right container-video position-relative bg-white p-5">
  137.             <div class="header-about">
  138.                 <div>
  139.                     <h2 class="title black text-uppercase mb-0">Why DO <span class="blue">CUSTOMERS</span><br> choose us?</h2>
  140.                 </div>
  141.             </div>
  142.             <div class="map-img">
  143.                 <img src="{{ asset('img/map.svg') }}" alt="map customers">
  144.             </div>
  146.             <div class="international-list">
  147.                 <div class="row">
  148.                     <div class="col-md-6">
  149.                         <h4 class="black">Advantages of Mauro Service’s Recycling System</h4>
  150.                         <ul>
  151.                             <li>Impossible to block it</li>
  152.                             <li>Highest productivity and efficiency on the market</li>
  153.                             <li>Fully automated</li>
  154.                             <li>Customized mobile and stationary configurations</li>
  155.                             <li>24/7 remote assistance</li>
  156.                             <li>Concrete washing capacity from 1 to 60 mixer trucks in the same facility</li>
  157.                         </ul>
  158.                     </div>
  159.                     <div class="col-md-6">
  160.                         <h4 class="black">Major Facts</h4>
  161.                         <ul>
  162.                             <li>We have installed facilities that can manage a fleet of up to 60 mixer trucks</li>
  163.                             <li>In 2012, we installed facilities that continue to operate without any problems</li>
  164.                             <li>The customized design of our recycling systems allows us to deal with the surplus concrete of 1 or 60 trucks, with no problems or additional  maintenance costs</li>
  165.                             <li>For Nordic countries and their rather harsh winter conditions, we developed isolated installations capable of operating at -20° C</li>
  166.                             <li>Specific developments for tunneling sites</li>
  167.                         </ul>
  168.                     </div>
  169.                 </div>
  170.             </div>
  171.         </div>
  172.     </section>
  174. {% endblock %}