templates/front/security/base.html.twig line 82

Open in your IDE?
  1. {% extends 'front/layout/base.html.twig' %}
  2. {% block title %}Log in!{% endblock %}
  3. {% block bodyCssClasses %}landing-page{% endblock %}
  4. {% block body %}
  5.     <div class="content-bg-wrap"></div>
  6.     <!-- Header Standard Landing  -->
  7.     <div class="header--standard header--standard-landing" id="header--standard">
  8.         <div class="container">
  9.             <div class="header--standard-wrap">
  10.                 <a href="https://bikingman.com/fr/les-courses/" class="BikingMan" target="_blank">
  11.                     <div class="img-wrap">
  12.                         <img loading="lazy" src="{{ asset('build/images/BikingMan_logoH_W.png') }}" alt="BikingMan" width="257" >
  13.                        
  14.                     </div>
  15.                 </a>
  16.                 <div class="flagsDeconnected">
  17.                     {% if (app.request.attributes.get('_route_params').id is defined ) %}
  18.                     <a href="{{ path(app.request.attributes.get('_route'), {'_locale': 'fr','id': app.request.attributes.get('_route_params').id}) }}" style="display: inline">
  19.                         <img style="height: 20px; display: inline;border-radius: 0px;min-width: 20px;min-height: 20px;margin-right: 20px" loading="lazy" src="{{ asset('build/images/fr.svg') }}" alt="BikingMan">
  20.                     </a>
  21.                     <a href="{{ path(app.request.attributes.get('_route'), {'_locale': 'en','id': app.request.attributes.get('_route_params').id}) }}" style="display: inline">
  22.                         <img style="height: 20px; display: inline;border-radius: 0px;min-width: 20px;min-height: 20px;" loading="lazy" src="{{ asset('build/images/us.svg') }}" alt="BikingMan">
  23.                     </a>
  24.                     {% else %}
  25.                     <a href="{{ path(app.request.attributes.get('_route'), {'_locale': 'fr'}) }}" style="display: inline">
  26.                         <img style="height: 20px; display: inline;border-radius: 0px;min-width: 20px;min-height: 20px;margin-right: 20px" loading="lazy" src="{{ asset('build/images/fr.svg') }}" alt="BikingMan">
  27.                     </a>
  28.                     <a href="{{ path(app.request.attributes.get('_route'), {'_locale': 'en'}) }}" style="display: inline">
  29.                         <img style="height: 20px; display: inline;border-radius: 0px;min-width: 20px;min-height: 20px;" loading="lazy" src="{{ asset('build/images/us.svg') }}" alt="BikingMan">
  30.                     </a>
  31.                     {% endif %}
  32.                 </div>
  33.                
  34.             </div>
  35.         </div>
  36.     </div>
  37.     <!-- ... end Header Standard Landing  -->
  38.     <div class="header-spacer--standard"></div>
  39.     <div class="container" id="security-container-used-in-modal-js-for-redirection">
  40.         <div class="row display-flex">
  41.             <div class="col col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
  42.                 <div class="landing-content">
  43.                     <h1>{{'titreLogin'|trans}}</h1>
  44.                     <p>{{'textLogin'|trans}}
  45.                     </p> 
  46.                     {% block leftButton %}
  47.                         <a href="{{ path('front.security.app_login') }}" class="btn btn-md btn-primary big-text-btn">{{'Créer mon compte'|trans}}</a>
  48.                     {% endblock %}
  49.                 </div>
  50.             </div>
  51.             <div class="col col-xl-5 col-lg-6 col-md-12 col-sm-12 col-12">
  52.                
  53.                 <!-- Login-Registration Form  -->
  54.                 <div class="registration-login-form black-form">
  55.                 <!-- Nav tabs -->
  56.                 <ul class="nav nav-tabs" id="registration-form-tabs" role="tablist">
  57.                     <li class="nav-item" role="presentation">
  58.                         <a class="nav-link active" id="login-tab" data-bs-toggle="tab" href="#login" role="tab" aria-controls="login" aria-selected="true">
  59.                             <svg class="olymp-login-icon"><use xlink:href="#olymp-login-icon"></use></svg>
  60.                         </a>
  61.                     </li>
  62.                     <li class="nav-item" role="presentation">
  63.                         <a class="nav-link" id="profile-tab" data-bs-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">
  64.                            <img loading="lazy" src="{{ asset('build/images/add-user.png') }}" alt="Register Biking" width="21" >
  65.                         </a>
  66.                     </li>
  67.                 </ul>
  68.                 <!-- Tab panes -->
  69.                 <div class="tab-content" id="registration-form-tabs-content">
  70.                     
  71.                         {% block card %}{% endblock %}
  72.                     
  73.                     
  74.                 </div>
  75.             </div>
  76.             
  77.             <!-- ... end Login-Registration Form  -->    
  78.                 
  79.             </div>
  80.         </div>
  81.     </div>
  82. {% endblock %}
  83. {% block javascripts %}
  84.    {{ parent() }}
  85. {% endblock %}
  86.