templates/home/about.html.twig line 1

Open in your IDE?
  1. {% extends 'backfront.html.twig' %}
  3. {% block title %}Propos de SIP Academy - Votre Centre de Formation en IT{% endblock %}
  4. {% block meta_description %}
  5.     Découvrez SIP Academy, le centre de formation leader en développement web en Tunisie. Apprenez-en plus sur notre équipe dédiée à votre succès.
  6. {% endblock %}
  7. {% block body %}
  9. <div class="about-area mt-95">
  10.     <div class="container">
  11.         <div class="row">
  12.             <div class="col-lg-7">
  13.                 <div class="about-container">
  14.                     <h3>{{ setting.description1 }}</h3>
  15.                     <p style="text-align: justify">{{ setting.description2}}</p>
  17.                     <a class="button-default" href="{{ path('app_formations') }}">Nos formations</a>
  18.                 </div>
  19.             </div>
  20.             <div class="col-lg-5">
  21.                 <!--About Image Area Start-->
  22.                         <div class="about-image-area img-full">
  24.                             <img src="{{ asset('uploads/apropos/' ~ setting.imageapropos ) }}" alt="">
  25.                         </div>
  26.                         <!--About Image Area End-->
  27.                     </div>
  28.                 </div>
  29.             </div>
  30.         </div>
  31.         <!--End of About Area-->
  32.         <!--Fun Factor Area Start-->
  33.         <div class="fun-factor-area " style="background-color: #dae3ff">
  34.             <div class="container">
  35.                 <div class="row">
  36.                     <div class="col-lg-3 col-md-6 col-12">
  37.                         <div class="single-fun-factor mb-30">
  38.                             <h2><span class="">{{ setting.membres }}</span>+</h2>
  39.                             <h4>Membres</h4>
  40.                         </div>
  41.                     </div>
  42.                     <div class="col-lg-3 col-md-6 col-12">
  43.                         <div class="single-fun-factor mb-30">
  44.                             <h2><span class="">{{ setting.nbrformation }}</span>+</h2>
  45.                             <h4>Formations</h4>
  46.                         </div>
  47.                     </div>
  48.                     <div class="col-lg-3 col-md-6 col-12">
  49.                         <div class="single-fun-factor mb-30">
  50.                             <h2><span class="">{{ setting.formateurs }}</span>+</h2>
  51.                             <h4>Formateurs</h4>
  52.                         </div>
  53.                     </div>
  54.                     <div class="col-lg-3 col-md-6 col-12">
  55.                         <div class="single-fun-factor mb-30">
  56.                             <h2><span class="">{{ setting.pays }}</span>+</h2>
  57.                             <h4>Pays</h4>
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.         <!--End of Fun Factor Area-->
  64.         <!--Teachers Area Start-->
  65.         <div class="teachers-area section-padding bg-white">
  66.             <div class="container">
  67.                 <div class="row">
  68.                     <div class="col-md-12">
  69.                         <div class="section-title-wrapper">
  70.                             <div class="section-title">
  71.                                 <h3>Nos Formateurs</h3>
  73.                             </div>
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.                 <div class="row">
  78.                     {% for formateur in formateurs %}
  79.                     <div class="col-lg-3 col-md-6 col-12">
  80.                         <div class="agent mb-30">
  81.                             <div class="image img-full">
  82.                                 <a class="img" href="{{ path('app_details_coach',{'id':formateur.id}) }}"><img src="{{asset('uploads/coach/'~ formateur.logo  )}}" alt=""></a>
  83.                                 <div class="social">
  84.                                     <a href="{{ formateur.fb }}" class="facebook"><i class="fa fa-facebook"></i></a>
  85.                                     {% if formateur.twitter %}
  86.                                     <a href="{{ formateur.twitter }}" class="btn-youtube"><i class="fa fa-youtube"></i></a>
  87.                                     {% endif %}
  88.                                     <a href="{{ formateur.linkedin }}" class="linkedin"><i class="fa fa-linkedin"></i></a>
  89.                                     <a href="{{ formateur.github }}" style="background-color: black"><i class="fa fa-github"></i></a>
  90.                                     <a href="{{ formateur.siteweb }}" class="google"><i class="fa fa-dribbble"></i></a>
  92.                                 </div>
  93.                             </div>
  94.                             <div class="content">
  95.                                 <h5 class="title"><a href="{{ path('app_details_coach',{'id':formateur.id}) }}">{{ formateur.prenom }} {{ formateur.nom }}</a></h5>
  96.                                 <a href="#" class="phone">{{ formateur.phone }}</a>
  97.                                 <a href="#" class="email">{{formateur.email}}</a>
  98.                                 <span class="properties">{{ formateur.poste }}</span>
  99.                             </div>
  100.                         </div>
  101.                     </div>
  102.                  {% endfor %}
  103.                 </div>
  104.             </div>
  105.         </div>
  106.         <!--Teachers Area End-->
  107.         <!--Testimonial Area Start-->
  108.         <div class="testimonial-area">
  109.             <div class="container">
  110.                 <div class="row">
  111.                     <div class="testimonial-slider-2 owl-carousel">
  112.                         {% for temoii in temoi %}
  113.                         <div class="col-12">
  114.                             <div class="single-testimonial testimonial-style-2">
  115.                                 <div class="des-testimonial">
  116.                                     {{ temoii.description }}                                </div>
  117.                                 <div class="testimonial-author">
  118.                                     <div class="author-img">
  119.                                         <img src="{{ asset('uploads/temoignage/' ~ temoii.image ) }}" alt="" style="width: 100%;height: 100%" >
  120.                                     </div>
  121.                                     <div class="author-content">
  122.                                         <h5>{{ temoii.prenom }} {{ temoii.nom }} &nbsp; </h5>
  123.                                         <p>{{ temoii.poste }}</p>
  124.                                     </div>
  125.                                 </div>
  126.                             </div>
  127.                         </div>
  128.                  {% endfor %}
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </div>
  133.         <!--Testimonial Area End-->
  134.     <!--Course Area End-->
  135. {% endblock %}