templates/front_myflix/base.html.twig line 1

Open in your IDE?
  1. {% set locale = app.request.locale %}
  2. {% set check_langue_back = checkLangueBack() %}
  3. <!DOCTYPE html>
  4. <html lang="{{ app.request.locale }}">
  5.     <head>
  6.         <!-- ==============================================
  7.         Basic Page Needs
  8.         =============================================== -->
  9.         <meta charset="utf-8">
  10.         <meta http-equiv="x-ua-compatible" content="ie=edge">
  11.         <meta name="viewport" content="width=device-width, initial-scale=1">
  13.         <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
  15.         <title>Myflix</title>
  17.         {% block stylesheets %}
  18.             <!-- ==============================================
  19.             Favicons
  20.             =============================================== -->
  21.             <link rel="shortcut icon" href="{{ asset('assets_front_myflix/images/favicon.ico.css') }}">
  22.             <link rel="apple-touch-icon" href="{{ asset('assets_front_myflix/images/apple-touch-icon.png.css') }}">
  23.             <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('assets_front_myflix/images/apple-touch-icon-72x72.png.css') }}">
  24.             <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('assets_front_myflix/images/apple-touch-icon-114x114.png.css') }}">
  26.             <!-- ==============================================
  27.             Vendor Stylesheet
  28.             =============================================== -->
  29.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/vendor/bootstrap.min.css') }}">
  30.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/vendor/slider.min.css') }}">
  31.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/main.css') }}">
  32.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/vendor/icons.min.css') }}">
  33.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/vendor/icons-fa.min.css') }}">
  34.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/vendor/animation.min.css') }}">
  35.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/vendor/gallery.min.css') }}">
  36.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/vendor/cookie-notice.min.css') }}">
  38.             <!-- ==============================================
  39.             Custom Stylesheet
  40.             =============================================== -->
  41.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/default.css') }}">
  42.             <link rel="stylesheet" href="{{ asset('assets_front_myflix/css/currencyswitcher.css') }}">
  44.             <!-- ==============================================
  45.             Theme Color
  46.             =============================================== -->
  47.             <meta name="theme-color" content="#21333e">
  49.             <!-- ==============================================
  50.             Theme Settings
  51.             =============================================== -->
  52.             <link href="{{ asset('assets_back/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
  53.             <link href="{{ asset('assets_front_myflix/css/style_front_myflix.css') }}" rel="stylesheet">
  54.         {% endblock %}
  55.     </head>
  57.     <body class="home">
  58.         <!-- Loader -->
  59.         <div id="global-loader" style="display: none">
  60.             <img src="{{ asset('assets_back/img/loader.svg') }}" class="loader-img" alt="Loader">
  61.         </div>
  62.         <!-- End Loader -->
  63.         <!-- Preloader -->
  64.         <div id="preloader" data-timeout="2000" class="odd preloader counter">
  65.             <div data-aos="fade-up" data-aos-delay="500" class="row justify-content-center text-center items">
  66.                 <div data-percent="100" class="radial">
  67.                     <span></span>
  68.                 </div>
  69.             </div>
  70.         </div>
  72.         {% block header %}
  73.         <!-- Header -->
  74.         <header id="header">
  76.             <!-- Navbar -->
  77.             <nav class="navbar navbar-expand navbar-fixed sub navbar-register">
  78.                 <div class="container header">
  80.                     <!-- Navbar Brand-->
  81.                     <a href="{{ path('front_myflix')}}" class="navbar-brand">
  82.                         <img src="{{ asset('assets_back/img/brand/logo.png') }}" alt="Myflix">
  83.                     </a>
  85.                     <!-- Nav holder -->
  86.                     <div class="ml-auto"></div>
  88.                     <!-- Navbar Items -->
  89.                     <ul class="navbar-nav items">
  90.                         <li class="nav-item">
  91.                             <a href="#header" class="smooth-anchor nav-link">{{ 'front.text.menu.home'|trans }}</a>
  92.                         </li>
  93.                         <li class="nav-item">
  94.                             <a href="#about" class="smooth-anchor nav-link">{{ 'front.text.menu.about'|trans }}</a>
  95.                         </li>
  96.                         <li class="nav-item">
  97.                             <a href="#services" class="smooth-anchor nav-link">{{ 'front.text.menu.services'|trans }}</a>
  98.                         </li>
  99.                         <li class="nav-item">
  100.                             <a href="#pricing" class="smooth-anchor nav-link">{{ 'front.text.menu.tarifs'|trans }}</a>
  101.                         </li>
  102.                         <li class="nav-item">
  103.                             <a href="#contact" class="smooth-anchor nav-link">{{ 'front.text.menu.contact'|trans }}</a>
  104.                         </li>
  106.                         <li class="nav-item hide-btn">
  107.                             {% if  is_granted('IS_AUTHENTICATED_FULLY')  %}
  108.                                 <a href="{{ path('app_logout')}}" class="nav-link">{{ 'front.text.menu.sing.out'|trans }}</a>
  109.                              {% else %}
  110.                                 <a href="{{ path('app_login')}}" class="nav-link">{{ 'front.text.menu.sing.in'|trans }}</a>
  111.                              {% endif %}
  112.                         </li>
  114.                         {% set locale = app.request.locale %}
  115.                         {% if check_langue_back is not empty %}
  116.                             <li class="nav-item dropdown">
  117.                                 <a href="#" class="nav-link">
  118.                                     {% if locale == 'en' %}
  119.                                         <img src="{{ asset('assets_back/img/flags/flag-en.svg') }}" alt="img" style="width: 32px;position: relative;top: 7px;">
  120.                                     {% else %}
  121.                                         <img src="{{ asset('assets_back/img/flags/flag-fr.svg') }}" alt="img" style="width: 32px;position: relative;top: 7px;">
  122.                                     {% endif %}
  123.                                     <i class="icon-arrow-down" style="display: none;"></i>
  124.                                 </a>
  125.                                 <ul class="dropdown-menu">
  126.                                     {% for langue in check_langue_back %}
  127.                                         <li class="nav-item">
  128.                                             <a href="{{ path('change_locale_front', {'locale': langue.isoCodeEn }) }}" class="nav-link" style="justify-content: left;">
  129.                                                 <img src="{{ asset('assets_back/img/flags/flag-' ~ langue.isoCodeEn ~ '.svg') }}" alt="img" style="width: 30px;"> {% if locale == 'en' %}{{ langue.nameEn }}{% else %}{{ langue.name }}{% endif %}
  130.                                             </a>
  131.                                         </li>
  132.                                     {% endfor %}
  133.                                 </ul>
  134.                             </li>
  135.                         {% endif %}
  136.                     </ul>
  138.                     <!-- Navbar Toggle -->
  139.                     <ul class="navbar-nav toggle">
  140.                         <li class="nav-item">
  141.                             <a href="#" class="nav-link" data-toggle="modal" data-target="#menu">
  142.                                 <i class="icon-menu m-0"></i>
  143.                             </a>
  144.                         </li>
  145.                     </ul>
  147.                     <!-- Navbar Action -->
  148.                     <ul class="navbar-nav action">
  149.                         <li class="nav-item ml-3">
  150.                              {% if  is_granted('IS_AUTHENTICATED_FULLY')  %}
  151.                                 <a href="{{ path('app_logout')}}" class="btn ml-lg-auto primary-button">{{ 'front.text.menu.sing.out'|trans }}</a>
  152.                              {% else %}
  153.                                 <a href="{{ path('app_login')}}" class="btn ml-lg-auto primary-button">{{ 'front.text.menu.sing.in'|trans }}</a>
  154.                              {% endif %}
  155.                         </li>
  156.                     </ul>
  157.                 </div>
  158.             </nav>
  160.         </header>
  161.         {% endblock %}
  163.         {% block body %}{% endblock %}
  165.         {% block footer %}
  166.         <!-- Footer -->
  167.         <footer>
  168.             <!-- Footer [content] -->
  169.             <section id="footer" class="odd footer offers">
  170.                 <div class="container">
  171.                     <div class="row">
  172.                         <div class="col-12 col-lg-3 footer-left">
  174.                             <!-- Navbar Brand-->
  175.                             <a class="navbar-brand" href="{{ path('front_myflix')}}">
  176.                                 <img src="{{ asset('assets_back/img/brand/logo.png') }}" alt="Myflix">
  177.                             </a>
  179.                             <ul class="navbar-nav">
  180.                                 <li class="nav-item">
  181.                                     <a href="#" class="nav-link">
  182.                                         <i class="fas fa-phone-alt mr-2"></i>
  183.                                         +(216) 71 752 999
  184.                                     </a>
  185.                                 </li>
  186.                                 <li class="nav-item">
  187.                                     <a href="#" class="nav-link">
  188.                                         <i class="fas fa-envelope mr-2"></i>
  189.                                         support@my-flix.io
  190.                                     </a>
  191.                                 </li>
  192.                                 <li class="nav-item">
  193.                                     <a href="#" class="nav-link">
  194.                                         <i class="fas fa-map-marker-alt mr-2"></i>
  195.                                         {{ 'front.text.menu.address'|trans }}
  196.                                     </a>
  197.                                 </li>
  198.                                 <li class="nav-item">
  199.                                     <a href="#contact" class="mt-4 btn outline-button smooth-anchor">{{ 'front.text.menu.contact'|trans }}</a>
  200.                                 </li>
  201.                             </ul>
  202.                         </div>
  203.                         <div class="col-12 col-lg-9 p-0 footer-right">
  204.                             <div class="row items">
  205.                                 <div class="col-12 col-lg-4 item">
  206.                                     <div class="card card-foo">
  207.                                         <h4>{{ 'front.text.services.lower'|trans }}</h4>
  208.                                         <a href="#about"><i class="icon-arrow-right"></i>{{ 'front.text.security'|trans }}</a>
  209.                                         <a href="#about"><i class="icon-arrow-right"></i>{{ 'front.text.controle'|trans }}</a>
  210.                                         <a href="#about"><i class="icon-arrow-right"></i>{{ 'front.text.sponsoring'|trans }}</a>
  211.                                         <a href="#about"><i class="icon-arrow-right"></i>{{ 'front.text.data'|trans }}</a>
  212.                                     </div>
  213.                                 </div>
  214.                                 <div class="col-12 col-lg-4 item">
  215.                                     <div class="card card-foo">
  216.                                         <h4>{{ 'front.text.features'|trans }}</h4>
  217.                                         <a href="#services"><i class="icon-arrow-right"></i>{{ 'front.text.category'|trans }}</a>
  218.                                         <a href="#services"><i class="icon-arrow-right"></i>{{ 'front.text.webinars'|trans }}</a>
  219.                                         <a href="#services"><i class="icon-arrow-right"></i>{{ 'front.text.view'|trans }}</a>
  220.                                         <a href="#services"><i class="icon-arrow-right"></i>{{ 'front.text.chat'|trans }}</a>
  221.                                         <a href="#services"><i class="icon-arrow-right"></i>{{ 'front.text.mnemonic'|trans }}</a>
  222.                                         <a href="#services"><i class="icon-arrow-right"></i>{{ 'front.text.content'|trans }}</a>
  223.                                     </div>
  224.                                 </div>
  225.                                 <div class="col-12 col-lg-4 item">
  226.                                     <div class="card card-foo">
  227.                                         <h4>{{ 'front.text.plans.s'|trans }}</h4>
  228.                                         <a href="#pricing"><i class="icon-arrow-right"></i>{{ 'front.text.pack.basic'|trans }}</a>
  229.                                         <a href="#pricing"><i class="icon-arrow-right"></i>{{ 'front.text.pack.Business'|trans }}</a>
  230.                                         <a href="#pricing"><i class="icon-arrow-right"></i>{{ 'front.text.pack.Premium'|trans }}</a>
  231.                                         <a href="#pricing"><i class="icon-arrow-right"></i>{{ 'front.text.pack.company'|trans }}</a>
  232.                                     </div>
  233.                                 </div>
  234.                             </div>
  235.                         </div>
  236.                     </div>
  237.                 </div>
  238.             </section>
  240.             <!-- Copyright -->
  241.             <section id="copyright" class="p-3 odd copyright">
  242.                 <div class="container">
  243.                     <div class="row">
  244.                         <div class="col-12 col-md-6 p-3 text-center text-lg-left">
  245.                         </div>
  246.                         <div class="col-12 col-md-6 p-3 text-center text-lg-right">
  247.                             <p>Copyright © {{ "now"|date("Y") }}  <a href="javascript:void(0);">MTechnologies</a>. {{ 'front.text.copy.right'|trans }}</p>
  248.                         </div>
  249.                     </div>
  250.                 </div>
  251.             </section>
  252.         </footer>
  254.         <!-- Scroll [to top] -->
  255.         <div id="scroll-to-top" class="scroll-to-top">
  256.             <a href="#header" class="smooth-anchor">
  257.                 <i class="fas fa-arrow-up"></i>
  258.             </a>
  259.         </div>
  260.         {% endblock %}
  262.         {% block javascripts %}
  263.             <!-- ==============================================
  264.             Vendor Scripts
  265.             =============================================== -->
  266.             <script src="{{ asset('assets_front_myflix/js/vendor/jquery.min.js') }}"></script>
  267.             <script src="{{ asset('assets_front_myflix/js/vendor/jquery.easing.min.js') }}"></script>
  268.             <script src="{{ asset('assets_front_myflix/js/vendor/jquery.inview.min.js') }}"></script>
  269.             <script src="{{ asset('assets_front_myflix/js/vendor/popper.min.js') }}"></script>
  270.             <script src="{{ asset('assets_front_myflix/js/vendor/bootstrap.min.js') }}"></script>
  271.             <script src="{{ asset('assets_front_myflix/js/vendor/ponyfill.min.js') }}"></script>
  272.             <script src="{{ asset('assets_front_myflix/js/vendor/slider.min.js') }}"></script>
  273.             <script src="{{ asset('assets_front_myflix/js/vendor/animation.min.js') }}"></script>
  274.             <script src="{{ asset('assets_front_myflix/js/vendor/progress-radial.min.js') }}"></script>
  275.             <script src="{{ asset('assets_front_myflix/js/vendor/bricklayer.min.js') }}"></script>
  276.             <script src="{{ asset('assets_front_myflix/js/vendor/gallery.min.js') }}"></script>
  277.             <script src="{{ asset('assets_front_myflix/js/vendor/shuffle.min.js') }}"></script>
  278.             <script src="{{ asset('assets_front_myflix/js/vendor/cookie-notice.min.js') }}"></script>
  279.             <script src="{{ asset('assets_front_myflix/js/vendor/particles.min.js') }}"></script>
  280.             <script src="{{ asset('assets_front_myflix/js/main.js') }}"></script>
  281.             <script src="{{ asset('assets_back/plugins/select2/js/select2.min.js') }}"></script>
  282.             {% if locale == "en" %}
  283.                 <script src="{{ asset('assets_login/js/parsley-en.min.js') }}"></script>
  284.             {% else %}
  285.                 <script src="{{ asset('assets_login/js/parsley.min.js') }}"></script>
  286.             {% endif %}
  287.         {% endblock %}
  288.         {% block custom_javascripts %}
  289.             {% include('front_myflix/default/javascripts.html.twig') %}
  290.         {% endblock %}
  291.     </body>
  292. </html>