templates/home/espaceMembre.html.twig line 1

Open in your IDE?
  1. {% extends 'navigation.html.twig' %}
  2. {% block title %}{{title}}{% endblock %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     {# <link rel="stylesheet" href="{{asset('syscrmnc/' ~ controller ~ '/css/' ~ filename ~ '.css')}}"> #}
  6. {% endblock %}
  7. {% block javascripts %}
  8.     {{ parent() }}
  9.     {# <script src="{{asset('syscrmnc/' ~ controller ~ '/js/' ~ filename ~ '.js')}}"></script> #}
  10.     <style>
  11.         .card-custom {
  12.         border-radius: 1.5rem;
  13.         box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  14.         width: 50%;
  15.         }
  16.         .title-accent {
  17.         color: #6f42c1; /* Violet Bootstrap */
  18.         font-weight: 700;
  19.         }
  20.     </style>
  21. {% endblock %}
  23. {% block container %}
  24. <section id="services" class="services mt-5">
  25.     <div class="container">
  26.         <div class="section-title">
  27.             <h2>{{title}}</h2>
  28.             <p>Espace Membre</p>
  29.         </div>
  30.         <div class="block-content fontPoppins">
  31.             <div class="card card-custom p-5 mb-5 mt-3 mx-auto">
  32.                 <h2 class="title-accent text-center mb-4">Connexion</h2>
  33.                 <form>
  34.                 <div class="mb-3">
  35.                 <label for="email" class="form-label">Adresse email</label>
  36.                 <input type="email" class="form-control" id="email" placeholder="Entrez votre email" required>
  37.                 </div>
  38.                 <div class="mb-3">
  39.                 <label for="password" class="form-label">Mot de passe</label>
  40.                 <input type="password" class="form-control" id="password" placeholder="Entrez votre mot de passe" required>
  41.                 </div>
  42.                 <div class="d-flex justify-content-between align-items-center mb-3">
  43.                 <div class="form-check">
  44.                 <input class="form-check-input" type="checkbox" id="remember">
  45.                 <label class="form-check-label" for="remember">Se souvenir de moi</label>
  46.                 </div>
  47.                 <a href="#" class="small text-decoration-none">Mot de passe oublié ?</a>
  48.                 </div>
  49.                 <div class="d-grid">
  50.                 <button type="submit" class="btn btn-primary">Se connecter</button>
  51.                 </div>
  52.                 </form>
  53.             </div>
  54.         </div>
  55.     </div>
  56. </section>
  57. {% endblock %}