templates/site/accueil.html.twig line 1

Open in your IDE?
  1. {% extends 'site/site.html.twig' %}
  3. {% block headtitle %}
  4.   {{ parent() }}
  5.   - Accueil
  6. {% endblock %}
  8. {% block page %}
  9.   <div class="container">
  10.     <div class="formation-acceuil">
  11.       <div class="block-formation-titre text-center">
  12.         <span>NOS</span> FORMATIONS
  13.       </div>
  14.       <div class="row">
  15.         <div class="col-12 col-lg-4">
  16.           <!-- Single Courses Start -->
  17.           <div class="single-courses">
  18.             <div class="courses-images">
  19.               <a>
  20.                 <img src="{{ asset('assets/site/images/courses-04.webp') }}" />
  21.               </a>
  22.             </div>
  23.             <div class="courses-content">
  24.               <h4 class="title">
  25.                 <a>CYCLE IAA DE FORMATION EN ASSURANCE</a>
  26.               </h4>
  27.               <div class="courses-meta">
  28.                 <span><i class="fa fa-clock-o"></i> 320 heures</span>
  29.                 <span><i class="fa fa-users"></i> +2000 participants</span>
  30.               </div>
  31.               <div class="courses-price-review">
  32.                 <div class="courses-price">
  33.                   <span class="sale-parice">En présentiel - en ligne</span>
  34.                 </div>
  35.               </div>
  36.             </div>
  37.           </div>
  38.           <!-- Single Courses End -->
  39.         </div>
  40.         <div class="col-12 col-lg-4">
  41.           <!-- Single Courses Start -->
  42.           <div class="single-courses">
  43.             <div class="courses-images">
  44.               <a>
  45.                 <img src="{{ asset('assets/site/images/courses-05.webp') }}" />
  46.               </a>
  47.             </div>
  48.             <div class="courses-content">
  49.               <h4 class="title">
  50.                 <a>
  51.                   SEMINAIRES
  53.                   EN INTER <br />ENTREPRISES
  54.                 </a>
  55.               </h4>
  56.               <div class="courses-meta">
  57.                 <span><i class="fa fa-clock-o"></i> 320 heures</span>
  58.                 <span><i class="fa fa-users"></i> +2000 participants</span>
  59.               </div>
  60.               <div class="courses-price-review">
  61.                 <div class="courses-price">
  62.                   <span class="sale-parice">En présentiel</span>
  63.                 </div>
  64.               </div>
  65.             </div>
  66.           </div>
  67.           <!-- Single Courses End -->
  68.         </div>
  69.         <div class="col-12 col-lg-4">
  70.           <!-- Single Courses Start -->
  71.           <div class="single-courses">
  72.             <div class="courses-images">
  73.               <a>
  74.                 <img src="{{ asset('assets/site/images/courses-03.webp') }}" />
  75.               </a>
  76.             </div>
  77.             <div class="courses-content">
  78.               <h4 class="title">
  79.                 <a>
  80.                   FORMATIONS
  82.                   EN INTRA <br />ENTREPRISES
  83.                 </a>
  84.               </h4>
  85.               <div class="courses-meta">
  86.                 <span><i class="fa fa-clock-o"></i> 320 heures</span>
  87.                 <span><i class="fa fa-users"></i> +2000 participants</span>
  88.               </div>
  89.               <div class="courses-price-review">
  90.                 <div class="courses-price">
  91.                   <span class="sale-parice">En présentiel</span>
  92.                 </div>
  93.               </div>
  94.             </div>
  95.           </div>
  96.           <!-- Single Courses End -->
  97.         </div>
  98.       </div>
  99.     </div>
  100.   </div>
  101.   <div class="container">
  102.     <div class="formation-acceuil">
  103.       <div class="block-formation-titre text-center">
  104.         <span>NOS</span> CYCLES
  105.       </div>
  106.       <div class="row">
  107.         <div class="col-12 col-lg-6">
  108.           <!-- Single Courses Start -->
  109.           <div class="color-mentor-bg-1 student-mentor cube-instuctor mb-sm-5">
  110.             <h4>
  111.               <a href="#">En présentiel</a>
  112.             </h4>
  113.             <div class="row">
  114.               <div class="col-lg-7 col-md-12">
  115.                 <div class="top-instructors">
  116.                   <p>
  117.                     9 mois, 3 jours par semaine pour les professionnels<br />
  118.                     7 mois, 5jours par semaine pour les candidats libres
  119.                   </p>
  120.                 </div>
  121.               </div>
  122.               <div class="col-lg-5 col-md-12">
  123.                 <div class="mentor-img">
  124.                   <img src="{{ asset('assets/site/images/cours-present.png') }}"
  125.                     alt="cours"
  126.                     width="100%" />
  127.                 </div>
  128.               </div>
  129.             </div>
  130.           </div>
  131.           <!-- Single Courses End -->
  132.         </div>
  133.         <div class="col-12 col-lg-6">
  134.           <div class="color-mentor-bg-2 student-mentor cube-instuctor">
  135.             <h4>
  136.               <a href="#">En ligne</a>
  137.             </h4>
  138.             <div class="row">
  139.               <div class="col-lg-7 col-md-12">
  140.                 <div class="top-instructors">
  141.                   <p>
  142.                     Pour ceux qui ne peuvent assister en présentiel<br />
  143.                     Le même cycle de formation est assuré en ligne en cours du soir.
  144.                   </p>
  145.                 </div>
  146.               </div>
  147.               <div class="col-lg-5 col-md-12">
  148.                 <div class="mentor-img">
  149.                   <img src="{{ asset('assets/site/images/cour-soir.png') }}"
  150.                     alt="cours"
  151.                     width="100%" />
  152.                 </div>
  153.               </div>
  154.             </div>
  155.           </div>
  156.           <!-- Single Courses End -->
  157.         </div>
  158.       </div>
  159.     </div>
  160.   </div>
  161.   <div class="block-contact">
  162.     <div class="container">
  163.       <div class="row">
  164.         <div class="col-12 col-md-9">
  165.           <div class="contact-titre mb-3">
  166.             Le cycle de formation en assurance de l’IAA est approuvé par les
  167.             instances de contrôle et est reconnu pour compléter le dossier
  168.             d’agrément pour l’exercice du métier d’agent général en Tunisie.
  169.           </div>
  170.         </div>
  171.         <div class="col-12 col-md-3 p-top">
  172.           <div class="btn-1">
  173.             <a href="contact-formation.html">
  174.               <button class="btn-1--couleur">CONTACTEZ NOUS</button>
  175.             </a>
  176.           </div>
  177.         </div>
  178.       </div>
  179.     </div>
  180.   </div>
  181.   <div class="container">
  182.     <div class="articles-page-acceuil">
  183.       <div class="block-formation-titre text-center">
  184.         <span>DERNIERS</span> EVENEMENTS
  185.       </div>
  186.       <div class="row">
  187.         <div class="col-12 col-lg-4">
  188.           <div class="articles">
  189.             <article class="card">
  190.               <img class="card__background"
  191.                 src="{{ asset('assets/site/images/article1.jpg') }}"
  192.                 alt="Photo of Cartagena's cathedral at the background and some colonial style houses"
  193.                 width="1920"
  194.                 height="2193" />
  195.               <div class="card__content | flow">
  196.                 <div class="card__content--container | flow">
  197.                   <h1 class="card__title">
  198.                     Evénement 1
  199.                   </h1>
  200.                   <p class="card__description">
  201.                     Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  202.                     Rerum in labore laudantium deserunt fugiat numquam.
  203.                   </p>
  204.                 </div>
  205.                 <button class="card__button">
  206.                   En savoir plus <i class="fa fa-arrow-right ml-3"></i>
  207.                 </button>
  208.               </div>
  209.             </article>
  210.           </div>
  211.         </div>
  212.         <div class="col-12 col-lg-4">
  213.           <div class="articles">
  214.             <article class="card">
  215.               <img class="card__background"
  216.                 src="{{ asset('assets/site/images/article2.jpg') }}"
  217.                 alt="Photo of Cartagena's cathedral at the background and some colonial style houses"
  218.                 width="1920"
  219.                 height="2193" />
  220.               <div class="card__content | flow">
  221.                 <div class="card__content--container | flow">
  222.                   <h2 class="card__title">
  223.                     Evénement 2
  224.                   </h2>
  225.                   <p class="card__description">
  226.                     Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  227.                     Rerum in labore laudantium deserunt fugiat numquam.
  228.                   </p>
  229.                 </div>
  230.                 <button class="card__button">
  231.                   En savoir plus <i class="fa fa-arrow-right ml-3"></i>
  232.                 </button>
  233.               </div>
  234.             </article>
  235.           </div>
  236.         </div>
  237.         <div class="col-12 col-lg-4">
  238.           <div class="articles">
  239.             <article class="card">
  240.               <img class="card__background"
  241.                 src="{{ asset('assets/site/images/article3.jpg') }}"
  242.                 alt="Photo of Cartagena's cathedral at the background and some colonial style houses"
  243.                 width="1920"
  244.                 height="2193" />
  245.               <div class="card__content | flow">
  246.                 <div class="card__content--container | flow">
  247.                   <h2 class="card__title">
  248.                     Evénement 3
  249.                   </h2>
  250.                   <p class="card__description">
  251.                     Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  252.                     Rerum in labore laudantium deserunt fugiat numquam.
  253.                   </p>
  254.                 </div>
  255.                 <button class="card__button">
  256.                   En savoir plus <i class="fa fa-arrow-right ml-3"></i>
  257.                 </button>
  258.               </div>
  259.             </article>
  260.           </div>
  261.         </div>
  262.       </div>
  263.     </div>
  264.   </div>
  266.   <!-- carousel formation- -->
  267. {% endblock %}