templates/front/footer.html.twig line 1

Open in your IDE?
  1. <footer>
  3.     {#    <div>
  4.             <a href="javascript:window.location.href = 'mailto:' + ['moreylodesign','gmail.com'].join('@')">
  5.                 {{ "moreylodesign<!---->@<!---->gmail.com" }}
  6.             </a>
  7.         </div>#}
  8.     <div class=" position-relative bgs-cover" style="background-image:url({{ asset('assets/img/background.png') }})">
  9.         <img src="{{ asset('assets/img/points.svg') }}" alt="motif points" class="position-absolute b-50 r--50"/>
  10.         <div class="container position-relative pay-85">
  11.             <img src="{{ asset('assets/img/points.svg') }}" alt="motif points" class="position-absolute t--20 l-0"/>
  12.             <h3 data-aos="fade-in"  data-aos-duration="800"  class="text-center c-333333 fs-38 fw-700 mat-0 mab-15">{{"newsletter.title"|trans}}</h3>
  13.             <p data-aos="fade-in"  data-aos-duration="800" data-aos-delay="200" class="mawi-520 mx-auto text-center c-8C8C8C fw-500 fs-14 mab-35">
  14.                 {{"newsletter.intro"|trans|raw}}
  15.             </p>
  16.             <div data-aos="fade-in"  data-aos-duration="800" data-aos-delay="400">
  17.                 {{ render(controller(
  18.         'App\\Controller\\FrontController::subscribeNewsletter',
  19.     )) }}
  20.             </div>
  21.         </div>
  22.     </div>
  23.     <div class="bgc-1B3A76 pat-60 pab-40 text-center text-md-left">
  24.         <div class="container">
  25.             <div class="bgc-9DC771 br-8 pay-35-md pax-45-md pa-20 mab-30 mab-60-md">
  26.                 <div class="d-sm-flex justify-content-between align-items-center">
  27.                     <div class="col-auto text-center text-sm-left c-white fs-24 fw-700">
  28.                         {{"footer.moreInformations"|trans|title }}
  29.                     </div>
  30.                     <div class="col text-center text-sm-right mat-15 mat-0-sm ">
  31.                         <a href="{{path('front_contact')}}" class="btn btn-white">{{"footer.contact.btn"|trans}}</a>
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.             <div class="d-md-flex max--15 justify-content-between ">
  36.                 <div class="col-md-auto col-12">
  37.                     <img src="{{ asset('assets/img/logo.svg') }}" alt="Logo Viewpoint"/>
  38.                     <div class="c-white fs-14 fw-500 mab-10 mat-20">{{'footer.logo.cities'|trans}}</div>
  39.                     <div class="d-flex fs-14 align-items-center">
  40.                         <i class="fa fa-phone mar-12 c-9DC771"></i>
  41.                         <a href="tel:+33472179192" class="c-9EACC6 c-white-h ">
  42.                             +33 (0) 4 72 17 91 92
  43.                         </a>
  44.                     </div>
  45.                     <div class="d-flex fs-14 align-items-center  mat-6">
  46.                         <i class="fa fa-envelope mar-12 c-9DC771"></i>
  47.                         <a href="javascript:window.location.href = 'mailto:' + ['info','viewpoint.fr'].join('@')" class="c-9EACC6 c-white-h ">
  48.                             {{ "info<!---->@<!---->viewpoint.fr" }}
  49.                         </a>
  50.                     </div>
  51.                     <div class="mat-30 d-none d-md-flex">
  52.                         <a target="_blank" href="https://www.youtube.com/@viewpointbehaviortechnolog5139" class="d-flex he-48 wi-48 bgc-204A9A br-30 justify-content-center align-items-center c-white">
  53.                             <i class="fa-brands fa-youtube"></i>
  54.                         </a>
  55.                         <a target="_blank" href="https://www.linkedin.com/company/viewpoint-behavior-technology/" class="d-flex max-8 he-48 wi-48 bgc-204A9A br-30 justify-content-center align-items-center c-white">
  56.                             <i class="fa-brands fa-linkedin-in"></i>
  57.                         </a>
  58.                         <a target="_blank" href="https://twitter.com/ViewpointBehav" class="d-flex he-48 wi-48 bgc-204A9A br-30 justify-content-center align-items-center c-white">
  59.                             <i class="fa-brands fa-twitter"></i>
  60.                         </a>
  61.                     </div>
  62.                 </div>
  63.                 <div class="col-md-auto col-12 mat-15 mat-0-md">
  64.                     <h4 class="fs-18 c-white fw-700 mab-25 mat-0 d-none d-md-block">{{"footer.title.contact"|trans }}</h4>
  65.                     <div class="mab-25">
  66.                         <div class="c-white fs-14 fw-500 mab-10">{{'footer.america.cities'|trans}}</div>
  67.                         <div class="d-flex fs-14 align-items-center">
  68.                             <i class="fa fa-phone mar-12 c-9DC771"></i>
  69.                             <a href="tel:+15143435003" class="c-9EACC6 c-white-h ">
  70.                                 +1 514 343 5003
  71.                             </a>
  72.                         </div>
  73.                         <div class="d-flex fs-14 align-items-center  mat-6">
  74.                             <i class="fa fa-envelope mar-12 c-9DC771"></i>
  75.                             <a href="javascript:window.location.href = 'mailto:' + ['info','viewpointlifesciences.com'].join('@')" class="c-9EACC6 c-white-h ">
  76.                                 {{ "info<!---->@<!---->viewpointlifesciences.com" }}
  77.                             </a>
  78.                         </div>
  79.                     </div>
  80.                     <div class="mab-25">
  81.                         <div class="c-white fs-14 fw-500 mab-10">{{'footer.asia.cities'|trans}}</div>
  82.                         <div class="d-flex fs-14 align-items-center">
  83.                             <i class="fa fa-phone mar-12 c-9DC771"></i>
  84.                             <a href="tel:+862161767233" class="c-9EACC6 c-white-h ">
  85.                                 +86 (0) 21 6176 7233 / 7237
  86.                             </a>
  87.                         </div>
  88.                         <div class="d-flex fs-14 align-items-center mat-6">
  89.                             <i class="fa fa-envelope mar-12 c-9DC771"></i>
  90.                             <a href="javascript:window.location.href = 'mailto:' + ['info','viewpoint.cn.com'].join('@')" class="c-9EACC6 c-white-h ">
  91.                                 {{ "info<!---->@<!---->viewpoint.cn.com" }}
  92.                             </a>
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.                 <div class="mat-30 d-flex d-md-none">
  97.                     <a target="_blank" href="#" class="d-flex he-48 wi-48 bgc-204A9A br-30 justify-content-center align-items-center c-white">
  98.                         <i class="fa-brands fa-youtube"></i>
  99.                     </a>
  100.                     <a target="_blank" href="#" class="d-flex max-8 he-48 wi-48 bgc-204A9A br-30 justify-content-center align-items-center c-white">
  101.                         <i class="fa-brands fa-linkedin-in"></i>
  102.                     </a>
  103.                     <a target="_blank" href="#" class="d-flex he-48 wi-48 bgc-204A9A br-30 justify-content-center align-items-center c-white">
  104.                         <i class="fa-brands fa-twitter"></i>
  105.                     </a>
  106.                 </div>
  107.                 <div class="col-md-auto d-none d-md-block">
  108.                     <h4 class="fs-18 c-white fw-700 mab-25 mat-0">{{"footer.title.about"|trans }}</h4>
  109.                     <ul class="pa-0">
  110.                         {% for key, link in getLinksFooter() %}
  111.                             <li class="pab-10">
  112.                                 <a href="{{ link }}" class="c-9EACC6 c-white-h">{{ key }}</a>
  113.                             </li>
  114.                         {% endfor %}
  115.                     </ul>
  116.                 </div>
  117.                 <div class="col-sm-auto d-none d-md-block">
  118.                     <h4 class="fs-18 c-white fw-700 mab-25 mat-0">{{"footer.title.products"|trans }}</h4>
  119.                     {% for key, category in [getCategories()[0]] %}
  120.                         <div class='mab-15'>
  121.                             <a class='c-9DC771 c-white-h fw-500' href="{{ path('front_products', {"catSlug":category.slug}) }}">
  122.                                 {{ category.title }}
  123.                             </a>
  124.                         </div>
  125.                         {% for key, subCategory in getSubCategories(category) %}
  126.                             <div class='may-10 d-none d-lg-block'>
  127.                                 <a class='c-9EACC6 c-white-h' href="{{ path('front_products', {"catSlug":(subCategory.category ? subCategory.category.slug : 0),'subCatSlug':subCategory.slug}) }}">
  128.                                     <i class="fas fs-12 mar-12 c-9DC771 fa-chevron-right" aria-hidden="true"></i>{{ subCategory.title }}
  129.                                 </a>
  130.                             </div>
  131.                         {% endfor %}
  132.                     {% endfor %}
  133.                     <div class="d-block d-lg-none">
  134.                         {% for key, category in getCategories()|slice(1) %}
  135.                             <div class='mab-15'>
  136.                                 <a class='c-9DC771 c-white-h fw-500' href="{{ path('front_products', {"catSlug":category.slug}) }}">
  137.                                     {{ category.title }}
  138.                                 </a>
  139.                             </div>
  140.                         {% endfor %}
  141.                     </div>
  142.                 </div>
  143.                 <div class="col-xl-auto col-sm d-none d-lg-block">
  144.                     {% for key, category in getCategories()|slice(1) %}
  145.                         <div class='mab-15'>
  146.                             <a class='c-9DC771 c-white-h fw-500' href="{{ path('front_products', {"catSlug":category.slug}) }}">
  147.                                 {{ category.title }}
  148.                             </a>
  149.                         </div>
  150.                         {% for key, subCategory in getSubCategories(category) %}
  151.                             <div  class='may-10'>
  152.                                 <a class='c-9EACC6 c-white-h' href="{{ path('front_sub_category', {'slug':subCategory.slug}) }}">
  153.                                     <i class="fas fs-12 mar-12 c-9DC771 fa-chevron-right" aria-hidden="true"></i>{{ subCategory.title }}
  154.                                 </a>
  155.                             </div>
  156.                         {% endfor %}
  157.                     {% endfor %}
  158.                 </div>
  159.             </div>
  160.             <hr class="bc-3B5B99 may-40" />
  161.             <div class="row justify-content-between align-items-center">
  162.                 <div class="col-lg-auto c-9EACC6 text-center text-lg-left">
  163.                     {{ "footer.copyright"|trans({"%year%":"now"|date("Y")})|raw }}
  164.                 </div>
  165.                 <div class="col-lg-auto d-flex align-items-center justify-content-center mat-0-lg mat-15">
  166.                     <a href="{{path('front_privacy_policy')}}" class="c-9EACC6 c-white-h max-20 max-40-lg">{{ "footer.link.legalNotice"|trans|raw }}</a>
  167.                     <a href="{{path('front_sitemap_links')}}" class="c-9EACC6 c-white-h max-20 max-0-lg">{{ "footer.link.siteMap"|trans|raw }}</a>
  168.                 </div>
  169.             </div>
  170.         </div>
  171.     </div>
  172.     {#   <div>
  173.            <a href="#" id="changePreferences">Paramétrer mes Cookies</a>
  174.        </div>#}
  176. </footer>