templates/aboutus/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{titlePage}}{% endblock %}
  5. {% block body %}
  7.     <div class="breadcumb-wrapper background-image" style="background-image: url(&quot;assets/img/breadcumb/breadcumb-bg.jpg&quot;);">
  8.         <div class="container z-index-common">
  9.             <div class="breadcumb-content">
  10.                 <h1 class="breadcumb-title">Sobre <span class="font-style text-theme2">Nós</span></h1>
  11.                 <ul class="breadcumb-menu">
  12.                     <li><a href="{{ path('app_default') }}">Home</a></li>
  13.                     <li>Sobre Nós</li>
  14.                 </ul>
  15.             </div>
  16.         </div>
  17.     </div>
  21.     <div class="space position-relative">
  22.         <div class="about-line background-image" style="background-image: url(&quot;assets/img/shape/about_line.png&quot;);"></div>
  23.         <section class="space-bottom">
  24.             <div class="container">
  25.                 <div class="row gy-30 justify-content-center">
  26.                     <div class="col-md-4 col-sm-6 feature-card-wrap">
  27.                         <div class="feature-card">
  28.                             <div class="feature-card_icon"><img src="assets/img/icon/feature_1_1.svg" alt="icon"></div>
  29.                             <div>
  30.                                 <h3 class="feature-card_title">Descontos Mensais</h3>
  31.                                 <p class="feature-card_text">Cada mês temos descontos nos nossos melhores produtos.</p>
  32.                             </div>
  33.                         </div>
  34.                     </div>
  35.                     <div class="col-md-4 col-sm-6 feature-card-wrap">
  36.                         <div class="feature-card">
  37.                             <div class="feature-card_icon"><img src="assets/img/icon/feature_1_2.svg" alt="icon"></div>
  38.                             <div>
  39.                                 <h3 class="feature-card_title">Comida fresta e saudável</h3>
  40.                                 <p class="feature-card_text">Garantimos comida sempre fresca e saudável.</p>
  41.                             </div>
  42.                         </div>
  43.                     </div>
  44.                     <div class="col-md-4 col-sm-6 feature-card-wrap">
  45.                         <div class="feature-card">
  46.                             <div class="feature-card_icon"><img src="assets/img/icon/feature_1_3.svg" alt="icon"></div>
  47.                             <div>
  48.                                 <h3 class="feature-card_title">Serviço rápido a Mesa</h3>
  49.                                 <p class="feature-card_text">Os nossos profissionais garantam o melhor atendimento e rápido</p>
  50.                             </div>
  51.                         </div>
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.         </section>
  56.         <div class="space-lg-top">
  57.             <div class="space-bottom shape-mockup-wrap">
  58.                 <div class="container">
  59.                     <div class="row">
  60.                         <div class="col-xl-6 col-xxl-7 pe-xxl-5">
  61.                             <div class="text-end"><img src="assets/img/normal/about_1_1.png" alt="About"></div>
  62.                         </div>
  63.                         <div class="col-xl-6 col-xxl-5 col-lg-9 mt-35 mt-xl-0">
  64.                             <div class="title-area mb-30">
  65.                                 <span class="sub-title"><img class="icon" src="assets/img/icon/title_icon.svg" alt="icon"> Sobre Nós</span>
  66.                                 <h2 class="sec-title">Comida deleciosa direto para <span class="font-style text-theme">Sua Mesa</span></h2>
  67.                             </div>
  68.                             <p class="mt-n2 mb-4">O Roadstop do Fabio, é um sonho pessoal meu, realizado. Uma lanchonete americana aliada ao nosso conceito único dentro do qual valorizamos a qualidade de nossos produtos e realizamos testes diários para melhorar os resultados finais de nossas confecções.</p>
  69.                             <div class="checklist-wrap">
  70.                                 <div class="as-video"><img src="assets/img/normal/about_1_2.jpg" alt="video"> <a href="https://www.youtube.com/watch?v=_sI_Ps7JSEk" class="play-btn popup-video"><i class="fas fa-play"></i></a></div>
  71.                                 <div class="checklist">
  72.                                     <ul>
  73.                                         <li>Comida Deliciosa &amp; Saudável</li>
  74.                                         <li>Zona especifica para familia</li>
  75.                                         <li>Melhores Preços &amp; Ofertas</li>
  76.                                         <li>Feito Por Ingredientes Frescos</li>
  77.                                         <li>Música &amp; muito mais</li>
  78.                                     </ul>
  79.                                 </div>
  80.                             </div>
  81.                             <div class="btn-wrap">
  82.                                 <a href="#" class="as-btn">Saber Mais</a>
  83.                                 <div class="profile-box">
  84.                                     <div class="avater"><img src="assets/img/normal/about_avater.jpg" alt="avater"></div>
  85.                                     <div class="content">
  86.                                         <h6 class="title">Fábio Marques</h6>
  87.                                         <p class="desig">CEO, de Fabio´s Roadstop</p>
  88.                                     </div>
  89.                                 </div>
  90.                             </div>
  91.                         </div>
  92.                     </div>
  93.                 </div>
  94.                 <div class="shape-mockup about-shape1" style="top: 0%; left: 0px;"><img src="assets/img/shape/bg_shape_1.png" alt="shapes"></div>
  95.             </div>
  96.         </div>
  97.         <div class="space-lg-top shape-mockup-wrap">
  98.             <div class="container">
  99.                 <div class="row flex-row-reverse">
  100.                     <div class="col-xl-5 ps-xxl-5 align-self-center text-center">
  101.                         <div class="img-box2 style2">
  102.                             <img class="about-images" src="{{ asset('front/images/about1.jpg') }}">
  103.                             <img class="about-images" src="{{ asset('front/images/about2.jpg') }}">
  104.                             <img class="about-images" src="{{ asset('front/images/about3.jpg') }}">
  105.                         </div>
  106.                     </div>
  107.                     <div class="col-xl-7 space-top space-xl">
  108.                         <div class="title-area mb-30">
  109.                             <span class="sub-title"><img class="icon" src="assets/img/icon/title_icon.svg" alt="icon"> Nossa Historia</span>
  110.                             <h2 class="sec-title">Fabio´s Roadstop garante a <span class="font-style text-theme">Qualidade</span></h2>
  111.                         </div>
  112.                         <p class="mt-n2 mb-20">O Roadstop do Fabio, é um sonho pessoal meu, realizado. Uma lanchonete americana aliada ao nosso conceito único dentro do qual valorizamos a qualidade de nossos produtos e realizamos testes diários para melhorar os resultados finais de nossas confecções.</p>
  113.                         <p class="mb-4">Toda a nossa atenção é dedicada ao detalhe e por isso todos os nossos pratos são servidos de uma forma cuidada e singularmente especial.</p>
  114.                         <p class="mb-4">Somos uma equipa solidária com a ambição de servir melhor e fazer melhor. Estamos em constante aprendizado, testando, tentando novamente, até produzirmos nossos produtos com o mais alto padrão de qualidade. Nosso único objetivo é oferecer algo único servido com qualidade e ótimo atendimento.</p>
  115.                         <p class="mb-4">No nosso restaurante queremos que se sinta completamente em casa, que partilhe momentos felizes sejam eles com a família ou amigos e desfrute do melhor que temos para lhe oferecer, desde as melhores bebidas a uma deliciosa refeição.</p>
  116.                         <div class="btn-wrap style1">
  117.                             <div class="about-counter1">
  118.                                 <h3 class="counter-title"><span class="counter-number">10</span></h3>
  119.                                 <div class="media-body">
  120.                                     <p class="counter-info">ANOS DE</p>
  121.                                     <h5 class="counter-text">EXPERIÊNCIA</h5>
  122.                                 </div>
  123.                             </div>
  124.                         </div>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.             <div class="shape-mockup about-shape3" style="bottom: 120px; left: 0px;"><img src="assets/img/shape/bg_shape_5.png" alt="shapes"></div>
  129.             <div class="shape-mockup leaf jump" style="top: 0%; left: 5%;"><img src="assets/img/shape/chocolate_1.png" alt="shape"></div>
  130.             <div class="shape-mockup leaf jump-reverse d-none d-xl-block" style="right: 5%; bottom: 10%;"><img src="assets/img/shape/pot_1.png" alt="shape"></div>
  131.         </div>
  132.     </div>
  134. {#    TEAM ZONE#}
  136.     <section class="z-index-common space-top shape-mockup-wrap">
  137.         <div class="container" data-pos-space="#testiSec1" data-sec-space="margin-bottom" data-margin-bottom="170px" style="margin-bottom: -170px; position: relative; z-index: 3;">
  138.             <div class="title-area text-center">
  139.                 <span class="sub-title"><img class="icon" src="assets/img/icon/title_icon.svg" alt="icon"> Membros da Equipa</span>
  140.                 <h2 class="sec-title">Conhece a nossa <span class="font-style text-theme">Equipa</span></h2>
  141.             </div>
  142.             <div class="row slider-shadow number-dots as-carousel slick-initialized slick-slider slick-dotted" data-slide-show="4" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="2" data-xs-slide-show="1" data-dots="true" data-xl-dots="true" data-ml-dots="true" data-lg-dots="true" data-md-dots="true">
  143.                 <div class="slick-list draggable">
  144.                     <div class="slick-track" style="opacity: 1; width: 4354px; transform: translate3d(-1555px, 0px, 0px);">
  145.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-cloned" style="width: 311px;" tabindex="-1" role="tabpanel" id="" aria-describedby="slick-slide-control01" data-slick-index="-4" aria-hidden="true">
  146.                             <div class="team-card">
  147.                                 <div class="team-img"><img src="assets/img/team/team_1_2.jpg" alt="Team"></div>
  148.                                 <div class="team-content">
  149.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">Mary Jenica</a></h3>
  150.                                     <span class="team-desig">Chief Chef</span>
  151.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  152.                                 </div>
  153.                             </div>
  154.                         </div>
  155.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-cloned" style="width: 311px;" tabindex="-1" role="tabpanel" id="" aria-describedby="slick-slide-control02" data-slick-index="-3" aria-hidden="true">
  156.                             <div class="team-card">
  157.                                 <div class="team-img"><img src="assets/img/team/team_1_3.jpg" alt="Team"></div>
  158.                                 <div class="team-content">
  159.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">Joseph Carter</a></h3>
  160.                                     <span class="team-desig">Senior Chef</span>
  161.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  162.                                 </div>
  163.                             </div>
  164.                         </div>
  165.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-cloned" style="width: 311px;" tabindex="-1" role="tabpanel" id="" aria-describedby="slick-slide-control03" data-slick-index="-2" aria-hidden="true">
  166.                             <div class="team-card">
  167.                                 <div class="team-img"><img src="assets/img/team/team_1_4.jpg" alt="Team"></div>
  168.                                 <div class="team-content">
  169.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">Anjelina Rosee</a></h3>
  170.                                     <span class="team-desig">Senior Chef</span>
  171.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  172.                                 </div>
  173.                             </div>
  174.                         </div>
  175.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-cloned" style="width: 311px;" tabindex="-1" role="tabpanel" id="" aria-describedby="slick-slide-control04" data-slick-index="-1" aria-hidden="true">
  176.                             <div class="team-card">
  177.                                 <div class="team-img"><img src="assets/img/team/team_1_5.jpg" alt="Team"></div>
  178.                                 <div class="team-content">
  179.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">Rubina Jenny</a></h3>
  180.                                     <span class="team-desig">Senior Chef</span>
  181.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  182.                                 </div>
  183.                             </div>
  184.                         </div>
  185.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide" style="width: 311px;" tabindex="-1" role="tabpanel" id="slick-slide00" aria-describedby="slick-slide-control00" data-slick-index="0" aria-hidden="true">
  186.                             <div class="team-card">
  187.                                 <div class="team-img"><img src="assets/img/team/team_1_1.jpg" alt="Team"></div>
  188.                                 <div class="team-content">
  189.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">David Latham</a></h3>
  190.                                     <span class="team-desig">Chief Executive</span>
  191.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  192.                                 </div>
  193.                             </div>
  194.                         </div>
  195.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-current slick-active" style="width: 311px;" tabindex="0" role="tabpanel" id="slick-slide01" aria-describedby="slick-slide-control01" data-slick-index="1" aria-hidden="false">
  196.                             <div class="team-card">
  197.                                 <div class="team-img"><img src="assets/img/team/team_1_2.jpg" alt="Team"></div>
  198.                                 <div class="team-content">
  199.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="0">Mary Jenica</a></h3>
  200.                                     <span class="team-desig">Chief Chef</span>
  201.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="0"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="0"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="0"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="0"><i class="fab fa-linkedin-in"></i></a></div>
  202.                                 </div>
  203.                             </div>
  204.                         </div>
  205.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-active" style="width: 311px;" tabindex="0" role="tabpanel" id="slick-slide02" aria-describedby="slick-slide-control02" data-slick-index="2" aria-hidden="false">
  206.                             <div class="team-card">
  207.                                 <div class="team-img"><img src="assets/img/team/team_1_3.jpg" alt="Team"></div>
  208.                                 <div class="team-content">
  209.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="0">Joseph Carter</a></h3>
  210.                                     <span class="team-desig">Senior Chef</span>
  211.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="0"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="0"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="0"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="0"><i class="fab fa-linkedin-in"></i></a></div>
  212.                                 </div>
  213.                             </div>
  214.                         </div>
  215.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-active" style="width: 311px;" tabindex="0" role="tabpanel" id="slick-slide03" aria-describedby="slick-slide-control03" data-slick-index="3" aria-hidden="false">
  216.                             <div class="team-card">
  217.                                 <div class="team-img"><img src="assets/img/team/team_1_4.jpg" alt="Team"></div>
  218.                                 <div class="team-content">
  219.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="0">Anjelina Rosee</a></h3>
  220.                                     <span class="team-desig">Senior Chef</span>
  221.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="0"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="0"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="0"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="0"><i class="fab fa-linkedin-in"></i></a></div>
  222.                                 </div>
  223.                             </div>
  224.                         </div>
  225.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-active" style="width: 311px;" tabindex="0" role="tabpanel" id="slick-slide04" aria-describedby="slick-slide-control04" data-slick-index="4" aria-hidden="false">
  226.                             <div class="team-card">
  227.                                 <div class="team-img"><img src="assets/img/team/team_1_5.jpg" alt="Team"></div>
  228.                                 <div class="team-content">
  229.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="0">Rubina Jenny</a></h3>
  230.                                     <span class="team-desig">Senior Chef</span>
  231.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="0"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="0"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="0"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="0"><i class="fab fa-linkedin-in"></i></a></div>
  232.                                 </div>
  233.                             </div>
  234.                         </div>
  235.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-cloned" style="width: 311px;" tabindex="-1" role="tabpanel" id="" aria-describedby="slick-slide-control00" data-slick-index="5" aria-hidden="true">
  236.                             <div class="team-card">
  237.                                 <div class="team-img"><img src="assets/img/team/team_1_1.jpg" alt="Team"></div>
  238.                                 <div class="team-content">
  239.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">David Latham</a></h3>
  240.                                     <span class="team-desig">Chief Executive</span>
  241.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  242.                                 </div>
  243.                             </div>
  244.                         </div>
  245.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-cloned" style="width: 311px;" tabindex="-1" role="tabpanel" id="" aria-describedby="slick-slide-control01" data-slick-index="6" aria-hidden="true">
  246.                             <div class="team-card">
  247.                                 <div class="team-img"><img src="assets/img/team/team_1_2.jpg" alt="Team"></div>
  248.                                 <div class="team-content">
  249.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">Mary Jenica</a></h3>
  250.                                     <span class="team-desig">Chief Chef</span>
  251.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  252.                                 </div>
  253.                             </div>
  254.                         </div>
  255.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-cloned" style="width: 311px;" tabindex="-1" role="tabpanel" id="" aria-describedby="slick-slide-control02" data-slick-index="7" aria-hidden="true">
  256.                             <div class="team-card">
  257.                                 <div class="team-img"><img src="assets/img/team/team_1_3.jpg" alt="Team"></div>
  258.                                 <div class="team-content">
  259.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">Joseph Carter</a></h3>
  260.                                     <span class="team-desig">Senior Chef</span>
  261.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  262.                                 </div>
  263.                             </div>
  264.                         </div>
  265.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-cloned" style="width: 311px;" tabindex="-1" role="tabpanel" id="" aria-describedby="slick-slide-control03" data-slick-index="8" aria-hidden="true">
  266.                             <div class="team-card">
  267.                                 <div class="team-img"><img src="assets/img/team/team_1_4.jpg" alt="Team"></div>
  268.                                 <div class="team-content">
  269.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">Anjelina Rosee</a></h3>
  270.                                     <span class="team-desig">Senior Chef</span>
  271.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  272.                                 </div>
  273.                             </div>
  274.                         </div>
  275.                         <div class="col-md-6 col-lg-4 col-xxl-3 slick-slide slick-cloned" style="width: 311px;" tabindex="-1" role="tabpanel" id="" aria-describedby="slick-slide-control04" data-slick-index="9" aria-hidden="true">
  276.                             <div class="team-card">
  277.                                 <div class="team-img"><img src="assets/img/team/team_1_5.jpg" alt="Team"></div>
  278.                                 <div class="team-content">
  279.                                     <h3 class="team-title box-title"><a href="team-details.html" tabindex="-1">Rubina Jenny</a></h3>
  280.                                     <span class="team-desig">Senior Chef</span>
  281.                                     <div class="as-social"><a target="_blank" href="https://facebook.com/" tabindex="-1"><i class="fab fa-facebook-f"></i></a> <a target="_blank" href="https://twitter.com/" tabindex="-1"><i class="fab fa-twitter"></i></a> <a target="_blank" href="https://instagram.com/" tabindex="-1"><i class="fab fa-instagram"></i></a> <a target="_blank" href="https://linkedin.com/" tabindex="-1"><i class="fab fa-linkedin-in"></i></a></div>
  282.                                 </div>
  283.                             </div>
  284.                         </div>
  285.                     </div>
  286.                 </div>
  287.                 <ul class="slick-dots" style="" role="tablist">
  288.                     <li class="" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 2" tabindex="-1">1</button></li>
  289.                     <li role="presentation" class="slick-active"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 2" tabindex="0" aria-selected="true">2</button></li>
  290.                     <li role="presentation" class=""><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 2" tabindex="-1">3</button></li>
  291.                     <li role="presentation" class=""><button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 2" tabindex="-1">4</button></li>
  292.                     <li role="presentation" class=""><button type="button" role="tab" id="slick-slide-control04" aria-controls="slick-slide04" aria-label="5 of 2" tabindex="-1">5</button></li>
  293.                 </ul>
  294.             </div>
  295.         </div>
  296.         <div class="shape-mockup chili jump-reverse" style="top: 0%; right: 0px;"><img src="assets/img/shape/red_chili.png" alt="shape"></div>
  297.     </section>
  300. {#COMENTARIOS#}
  301.     <section class="space bg-smoke2 background-image shape-mockup-wrap" id="testiSec1" style="background-image: url(&quot;assets/img/bg/testi_bg_1.png&quot;); padding-top: 290px;">
  302.         <div class="container">
  303.             <div class="row justify-content-lg-between justify-content-center align-items-end">
  304.                 <div class="col-lg-9 mb-n2 mb-lg-0">
  305.                     <div class="title-area text-center text-lg-start">
  306.                         <span class="sub-title"><img class="icon" src="assets/img/icon/title_icon.svg" alt="icon"> Testemunhas</span>
  307.                         <h2 class="sec-title">Avaliações do nossos <span class="font-style text-theme">Clientes</span></h2>
  308.                     </div>
  309.                 </div>
  310.                 <div class="col-auto">
  311.                     <div class="sec-btn">
  312.                         <div class="icon-box"><button data-slick-prev="#testiSlide1" class="slick-arrow default"><i class="far fa-arrow-left"></i></button> <button data-slick-next="#testiSlide1" class="slick-arrow default"><i class="far fa-arrow-right"></i></button></div>
  313.                     </div>
  314.                 </div>
  315.             </div>
  316.             <div class="row slider-shadow as-carousel slick-initialized slick-slider" id="testiSlide1" data-slide-show="3" data-lg-slide-show="2" data-md-slide-show="1">
  317.                 <div class="slick-list draggable">
  318.                     <div class="slick-track" style="opacity: 1; width: 4565px; transform: translate3d(-1660px, 0px, 0px); transition: transform 1000ms ease 0s;">
  319.                         <div class="col-xl-4 col-lg-6 slick-slide slick-cloned" style="width: 415px;" tabindex="-1" data-slick-index="-3" id="" aria-hidden="true">
  320.                             <div class="testi-box">
  321.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  322.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  323.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  324.                                 <div class="testi-box_profile">
  325.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_2.jpg" alt="Avater"></div>
  326.                                     <div class="media-body">
  327.                                         <h3 class="testi-box_name">Michel Clark</h3>
  328.                                         <span class="testi-box_desig">DYM, USA</span>
  329.                                     </div>
  330.                                 </div>
  331.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_2.png" alt="Reveiw Image"></div>
  332.                             </div>
  333.                         </div>
  334.                         <div class="col-xl-4 col-lg-6 slick-slide slick-cloned" style="width: 415px;" tabindex="-1" data-slick-index="-2" id="" aria-hidden="true">
  335.                             <div class="testi-box">
  336.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  337.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  338.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  339.                                 <div class="testi-box_profile">
  340.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_3.jpg" alt="Avater"></div>
  341.                                     <div class="media-body">
  342.                                         <h3 class="testi-box_name">Rosse Mons</h3>
  343.                                         <span class="testi-box_desig">DO, USA</span>
  344.                                     </div>
  345.                                 </div>
  346.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_3.png" alt="Reveiw Image"></div>
  347.                             </div>
  348.                         </div>
  349.                         <div class="col-xl-4 col-lg-6 slick-slide slick-cloned" style="width: 415px;" tabindex="-1" data-slick-index="-1" id="" aria-hidden="true">
  350.                             <div class="testi-box">
  351.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  352.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  353.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  354.                                 <div class="testi-box_profile">
  355.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_4.jpg" alt="Avater"></div>
  356.                                     <div class="media-body">
  357.                                         <h3 class="testi-box_name">Naisa Carg</h3>
  358.                                         <span class="testi-box_desig">TO, USA</span>
  359.                                     </div>
  360.                                 </div>
  361.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_4.png" alt="Reveiw Image"></div>
  362.                             </div>
  363.                         </div>
  364.                         <div class="col-xl-4 col-lg-6 slick-slide" style="width: 415px;" tabindex="0" data-slick-index="0" aria-hidden="true">
  365.                             <div class="testi-box">
  366.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  367.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  368.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  369.                                 <div class="testi-box_profile">
  370.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_1.jpg" alt="Avater"></div>
  371.                                     <div class="media-body">
  372.                                         <h3 class="testi-box_name">Rayan Kook</h3>
  373.                                         <span class="testi-box_desig">NYC, USA</span>
  374.                                     </div>
  375.                                 </div>
  376.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_1.png" alt="Reveiw Image"></div>
  377.                             </div>
  378.                         </div>
  379.                         <div class="col-xl-4 col-lg-6 slick-slide slick-current slick-active" style="width: 415px;" tabindex="0" data-slick-index="1" aria-hidden="false">
  380.                             <div class="testi-box">
  381.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  382.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  383.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  384.                                 <div class="testi-box_profile">
  385.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_2.jpg" alt="Avater"></div>
  386.                                     <div class="media-body">
  387.                                         <h3 class="testi-box_name">Michel Clark</h3>
  388.                                         <span class="testi-box_desig">DYM, USA</span>
  389.                                     </div>
  390.                                 </div>
  391.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_2.png" alt="Reveiw Image"></div>
  392.                             </div>
  393.                         </div>
  394.                         <div class="col-xl-4 col-lg-6 slick-slide slick-active" style="width: 415px;" tabindex="0" data-slick-index="2" aria-hidden="false">
  395.                             <div class="testi-box">
  396.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  397.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  398.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  399.                                 <div class="testi-box_profile">
  400.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_3.jpg" alt="Avater"></div>
  401.                                     <div class="media-body">
  402.                                         <h3 class="testi-box_name">Rosse Mons</h3>
  403.                                         <span class="testi-box_desig">DO, USA</span>
  404.                                     </div>
  405.                                 </div>
  406.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_3.png" alt="Reveiw Image"></div>
  407.                             </div>
  408.                         </div>
  409.                         <div class="col-xl-4 col-lg-6 slick-slide slick-active" style="width: 415px;" tabindex="-1" data-slick-index="3" aria-hidden="false">
  410.                             <div class="testi-box">
  411.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  412.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  413.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  414.                                 <div class="testi-box_profile">
  415.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_4.jpg" alt="Avater"></div>
  416.                                     <div class="media-body">
  417.                                         <h3 class="testi-box_name">Naisa Carg</h3>
  418.                                         <span class="testi-box_desig">TO, USA</span>
  419.                                     </div>
  420.                                 </div>
  421.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_4.png" alt="Reveiw Image"></div>
  422.                             </div>
  423.                         </div>
  424.                         <div class="col-xl-4 col-lg-6 slick-slide slick-cloned" style="width: 415px;" tabindex="-1" data-slick-index="4" id="" aria-hidden="true">
  425.                             <div class="testi-box">
  426.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  427.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  428.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  429.                                 <div class="testi-box_profile">
  430.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_1.jpg" alt="Avater"></div>
  431.                                     <div class="media-body">
  432.                                         <h3 class="testi-box_name">Rayan Kook</h3>
  433.                                         <span class="testi-box_desig">NYC, USA</span>
  434.                                     </div>
  435.                                 </div>
  436.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_1.png" alt="Reveiw Image"></div>
  437.                             </div>
  438.                         </div>
  439.                         <div class="col-xl-4 col-lg-6 slick-slide slick-cloned" style="width: 415px;" tabindex="-1" data-slick-index="5" id="" aria-hidden="true">
  440.                             <div class="testi-box">
  441.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  442.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  443.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  444.                                 <div class="testi-box_profile">
  445.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_2.jpg" alt="Avater"></div>
  446.                                     <div class="media-body">
  447.                                         <h3 class="testi-box_name">Michel Clark</h3>
  448.                                         <span class="testi-box_desig">DYM, USA</span>
  449.                                     </div>
  450.                                 </div>
  451.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_2.png" alt="Reveiw Image"></div>
  452.                             </div>
  453.                         </div>
  454.                         <div class="col-xl-4 col-lg-6 slick-slide slick-cloned" style="width: 415px;" tabindex="-1" data-slick-index="6" id="" aria-hidden="true">
  455.                             <div class="testi-box">
  456.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  457.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  458.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  459.                                 <div class="testi-box_profile">
  460.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_3.jpg" alt="Avater"></div>
  461.                                     <div class="media-body">
  462.                                         <h3 class="testi-box_name">Rosse Mons</h3>
  463.                                         <span class="testi-box_desig">DO, USA</span>
  464.                                     </div>
  465.                                 </div>
  466.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_3.png" alt="Reveiw Image"></div>
  467.                             </div>
  468.                         </div>
  469.                         <div class="col-xl-4 col-lg-6 slick-slide slick-cloned" style="width: 415px;" tabindex="-1" data-slick-index="7" id="" aria-hidden="true">
  470.                             <div class="testi-box">
  471.                                 <div class="testi-box_icon"><img src="assets/img/icon/quote_left.svg" alt="quote"></div>
  472.                                 <p class="testi-box_text">“Synergistically strategize interdependent ROI through distinctive markets. Credibly restore one-to-one through.”</p>
  473.                                 <div class="testi-box_review"><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i><i class="fa-sharp fa-solid fa-star"></i></div>
  474.                                 <div class="testi-box_profile">
  475.                                     <div class="testi-box_avater"><img src="assets/img/testimonial/testi_1_4.jpg" alt="Avater"></div>
  476.                                     <div class="media-body">
  477.                                         <h3 class="testi-box_name">Naisa Carg</h3>
  478.                                         <span class="testi-box_desig">TO, USA</span>
  479.                                     </div>
  480.                                 </div>
  481.                                 <div class="testi-box_img"><img src="assets/img/testimonial/review_1_4.png" alt="Reveiw Image"></div>
  482.                             </div>
  483.                         </div>
  484.                     </div>
  485.                 </div>
  486.             </div>
  487.         </div>
  488.         <div class="shape-mockup leaf jump-reverse" style="top: 0%; left: 0px;"><img src="assets/img/shape/leaf_1.png" alt="shape"></div>
  489.         <div class="shape-mockup leaf jump" style="right: 0px; bottom: 0%;"><img src="assets/img/shape/leaf_2.png" alt="shape"></div>
  490.     </section>
  492. {% endblock %}