templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello DefaultController!{% endblock %}
  5. {% block body %}
  6. <div class="home-area">
  7.         <div class="d-table">
  8.             <div class="d-table-cell">
  9.                 <div class="container">
  10.                     <div class="row align-items-center">
  11.                         <div class="col-lg-6 col-md-12">
  12.                             <div class="main-banner-content">
  13.                                 <h1>Vous êtes à la recherche d'une formation ? JKC est là !  </h1>
  14.                                 <p>JKC Formations est un organisme proposant des formations en tout genre par des formateurs expert en la matière.</p>
  15. <br>
  16.                                 <div class="row">
  17.                                 <div class="col-6"><img src="{{asset('assets/img/qualiopi.jpg')}}" style="width:200px"></div>
  18.                                 <div class="col-6"> <img src="{{asset('assets/img/icdl.png')}}" ></div>
  19.                                 </div>
  20.                                 
  21.                                
  22.                                 <div class="banner-btn">
  23.                                     <a href="{{path('apropos')}}" class="default-btn btn-style-one">A Propos</a>
  24.                                 </div>
  25.                             </div>
  26.                         </div>
  27.                         <div class="col-lg-6 col-md-12">
  28.                             <div class="banner-image animation-bounce">
  29.                                 <img src="{{asset('assets/img/tab-solution.png')}}" alt="image">
  30.                             </div>
  31.                         </div>
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.         </div>
  36.         <div class="svg-shape-bottom">
  37.             <img src="{{asset('assets/img/hero-shape-bottom.svg')}}" class="bottom-shape img-fluid" alt="">
  38.         </div>
  39.     </div>
  40.     <!-- End Home Area -->
  41.     
  43.     
  44.     
  45.     
  46.     <!-- Start How It Works Section -->
  47.     <section class="workprocess-area section-padding">
  48.         <div class="container">
  49.             <div class="row">
  50.                 <div class="col-sm-12">
  51.                     <div class="section-title">
  52.                         <h6>Les 3 processus d'une formation réussie</h6>
  53.                         <h2>Les procedés de formations</h2>
  54.                     </div>
  55.                 </div>
  56.             </div>
  57.             <div class="row">
  58.                 <div class="col-lg-4 col-md-6">
  59.                     <div class="workprocess-single-item line-border">
  60.                         <div class="workprocess-icon">
  61.                             <i class="flaticon-idea"></i>
  62.                         </div>
  63.                         <div class="workprocess-info">
  64.                             <h3>Choisir une formation</h3>
  65.                             <p>Nous avons plusieurs formations disponibles à <a href="{{path('nosformations')}}">JKC FORMATIONS</a>, choisissez en une et formez-vous !</p>
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.                 <div class="col-lg-4 col-md-6">
  70.                     <div class="workprocess-single-item line-border">
  71.                         <div class="workprocess-icon">
  72.                             <i class="flaticon-targeted-marketing"></i>
  73.                         </div>
  74.                         <div class="workprocess-info">
  75.                             <h3>Se former</h3>
  76.                             <p>Des formateurs à votre écoute pour vous apprendre et vous former sur la formation choisis !</p>
  77.                         </div>
  78.                     </div>
  79.                 </div>
  80.                 <div class="col-lg-4 col-md-6">
  81.                     <div class="workprocess-single-item">
  82.                         <div class="workprocess-icon">
  83.                             <i class="flaticon-development"></i>
  84.                         </div>
  85.                         <div class="workprocess-info">
  86.                             <h3>Élargir ses connaissances</h3>
  87.                             <p>Une fois votre formation terminée, vous repartirez plus intelligent qu'à l'arrivée !</p>
  88.                         </div>
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.         </div>
  93.     </section>
  94.     <!-- End How It Works Section -->
  95. {% endblock %}