templates/base_layout.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block title %}{{ 'app_name'|trans ~ " " ~ app.request.get('title')|default("")|trans }}{% endblock %}
  3. {%- block body -%}             
  4.     <ntl-linear-progress></ntl-linear-progress>
  5.     <ntl-drawer type="modal" hasHeader trigger="[ntl-layout-main-menu-btn]">
  6.         <div slot="title" class="logo-caption">
  7.             <div class="drawer-logo">                
  8.                 <a class="ntl-logo" href="/">
  9.                     <div class="logoImg"></div>
  10.                 </a>          
  11.             </div>            
  12.         </div>        
  13.         {%- block drawerMenu -%}
  14.         {% set menu = knp_menu_get("main", [], { attributes: { class:"drawerMenu"} } ) %}     
  15.             {{ knp_menu_render(menu, { template: "menu/ntl-list.html.twig" } ) }}                                   
  16.         {%- endblock -%}             
  17.     </ntl-drawer>    
  18.     <section class="ntl-app-layout">                             
  19.         {%- block header -%}             
  20.             <section class="header-section" >       
  21.                 <div class="navbar-mini">                   
  22.                     <ntl-fab mini icon="menu" ntl-layout-main-menu-btn tooltip="Menu principal"></ntl-fab>                                        
  23.                     <div class="contact-group">
  24.                         <ntl-fab mini extended href-target="_blank" icon="smartphone" href="https://nautile.support" label="SMS au 14 28"
  25.                             tooltip="Envoyez un SMS au 1428 (numéro non surtaxé)"></ntl-fab>                        
  26.                         <ntl-fab mini extended href-target="_blank" icon="mail_outline" href="https://nautile.support" label="contact@nautile.nc"
  27.                             tooltip="Envoyez-nous vos messages"></ntl-fab>
  28.                         <ntl-fab mini extended href-target="_blank" icon="location_on" href="https://nautile.boutique/" label="Boutique"
  29.                             tooltip="Découvrez notre boutique"></ntl-fab>
  30.                     </div>
  31.                 </div>
  32.                 <div class="navbar">
  33.                     <div class="logo-section">
  34.                         <div class="logo-wrapper">
  35.                             <a class="ntl-logo" href="/">
  36.                                 <div class="logoImg"></div>
  37.                             </a>                        
  38.                         </div>
  39.                     </div>    
  40.                     {%- block mainNavigation -%} 
  41.                         {# SEE https://github.com/KnpLabs/KnpMenu/blob/master/doc/02-Twig-Integration.md#}                   
  42.                         {% set menu = knp_menu_get("main", [], { attributes: { class:"mainNavigation", disposition: "horizontal" } } ) %}         
  43.                         {{ knp_menu_render(menu, { template: "menu/ntl-list.html.twig" } ) }}                         
  44.                     {%- endblock -%}             
  45.                     <div class="header-widget">
  46.                         {%- block topNavigationExtra -%}
  47.                         {# {{ render(path('ntl_user.userbox')) }} #}
  48.                         {%- endblock -%}
  49.                     </div>
  50.                 </div>   
  51.             </section>
  52.         {%- endblock -%}
  53.         <section class="before-content-section">{%- block beforeContent -%}{%- endblock -%}</section>                                     
  54.         <section class="content-section">{%- block content -%}{%- endblock -%}</section>
  55.         <section class="after-content-section">{%- block afterContent -%}{%- endblock -%}</section>                                
  56.         {%- block footer -%}
  57.             <section class="footer-section">             
  58.                 <section class="ntl-footer--social-section">            
  59.                     <span class="footer-social-overlap ntl-footer--social-connect">EN CONTACT<span class="footer-social-small">avec</span>Nautile</span>
  60.                     <span class="footer-social-overlap ntl-footer--social-icons">                
  61.                         <ntl-icon-button class="instagram" href="https://www.instagram.com/nautile_nc/?hl=fr" tooltip="Nautile sur Instagram" >
  62.                             <span class="instagramLogo"></span>
  63.                         </ntl-icon-button>
  64.                         <ntl-icon-button class="facebook" href="https://www.facebook.com/nautile.nc" tooltip="Nautile sur Facebook" >
  65.                             <span class="facebookLogo"></span>
  66.                         </ntl-icon-button>
  67.                         <ntl-icon-button class="twitter" href="https://twitter.com/nautilenc" tooltip="Nautile sur Twitter" >
  68.                             <span class="twitterLogo"></span>
  69.                         </ntl-icon-button>
  70.                         <ntl-icon-button class="twitter" href="https://www.nautile.video" icon="play_circle_outline" tooltip="Assistance sur nautile.video" ></ntl-icon-button>                
  71.                     </span>    
  72.                 </section>
  73.                 <section class="ntl-footer--slogan-section">
  74.                     <img src="/build/images/logo-nautile-footer.png">                     
  75.                     <div class="footer-slogan"> 
  76.                         Nautile vous propose une connexion internet à vitesse maximale en fibre optique et en ADSL, des téléchargements à volonté et des appels illimités dans le monde entier !
  77.                     </div>
  78.                 </section>
  79.                 <section class="ntl-footer--quick-links-section">
  80.                     <div>
  81.                         <div class="footer-section-title">Services</div> 
  82.                         <ul class="footer-links">
  83.                             <li><ntl-icon small>send</ntl-icon><a href="https://mon.nautile.nc/" target="_blank">Mon Nautile</a></li> 
  84.                             <li><ntl-icon small>send</ntl-icon><a href="https://webmail.nautile.nc/" target="_blank">Webmail</a></li> 
  85.                             <li><ntl-icon small>send</ntl-icon><a href="https://nautile.support/" target="_blank">Nous contacter</a></li> 
  86.                             <li><ntl-icon small>send</ntl-icon><a href="https://nautile.video/" target="_blank">Assistance</a></li>
  87.                         </ul>
  88.                     </div> 
  89.                     <div>
  90.                         <div class="footer-section-title">Accès rapide</div> 
  91.                         <ul class="footer-links">
  92.                             <li><ntl-icon small>send</ntl-icon><a href="https://www.nautile.nc/service/connexion/" target="_blank">Forfait Nautile</a></li>
  93.                             <li><ntl-icon small>send</ntl-icon><a href="https://nautile.boutique" target="_blank">Boutique</a></li>
  94.                             <li><ntl-icon small>send</ntl-icon><a href="https://www.internet-signalement.gouv.fr/PortailWeb/planets/Accueil!input.action" target="_blank">Signalement</a></li>
  95.                             <li><ntl-icon small>send</ntl-icon><a href="https://www.nautile.nc/team/" target="_blank">Recrutement</a></li>
  96.                         </ul>
  97.                     </div>
  98.                     <div>
  99.                         <div class="footer-section-title">Découvrez notre boutique</div> 
  100.                         <ul class="footer-address">
  101.                             <li><ntl-icon small>location_on</ntl-icon><a href="https://nautile.boutique" target="_blank">142 Rue Auguste Bénébig à Magenta</a></li>
  102.                             <li><ntl-icon small>location_city</ntl-icon><a href="https://nautile.boutique" target="_blank">98800 NOUMÉA</a></li>
  103.                             <li><ntl-icon small>email</ntl-icon><a href="https://nautile.support" target="_blank">contact@nautile.nc</a></li>
  104.                             <li><ntl-icon small>phone</ntl-icon><a href="https://nautile.support" target="_blank">SMS au 1428</a></li>
  105.                             <li><ntl-icon small>schedule</ntl-icon><a href="https://nautile.support" target="_blank">Sur rendez-vous</a></li>
  106.                         </ul>
  107.                     </div>
  108.                 </section>
  109.                 <section class="ntl-footer--action-section">
  110.                     <ntl-fab extended icon="contact_support" href="https://nautile.support" href-target="_blank" label="Nous contacter"></ntl-fab>
  111.                 </section>
  112.                 <section class="ntl-footer--bottom-section">
  113.                     <div>
  114.                         <strong>Nautile</strong> | <span>Internet. Téléphone. Télévision</span>
  115.                     </div> 
  116.                     <div >
  117.                         <a href="https://www.nautile.nc/conditions-generales-de-vente" target="_blank" rel="nofollow" class="tooltip">CGV/CGU</a> |
  118.                         <a href="https://www.nautile.nc/nautile/mentions-legales" target="_blank" rel="nofollow" class="tooltip" >Mentions légales</a> |
  119.                         <a href="https://www.nautile.nc" target="_blank" rel="nofollow" class="tooltip">Notre site nautile.nc</a>
  120.                     </div>
  121.                 </section>
  122.             </section>
  123.         {%- endblock -%}            
  124.     </section>              
  125. {%- endblock -%}