templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block carousel %} {% endblock %} 
  5. {% block content %}
  7.         <!-- START THE FEATURETTES -->
  9.         <div class="row">
  10.             {% for about in abouts %}
  11.             <div class="col-md-7">
  12.                 <h2 class="featurette-heading">A propos de nous </h2>
  13.                 <p class="lead">{{about.description|striptags}}</p>
  14.             </div>
  15.             <div class="col-md-5">
  16.                 <img  src="/upload/{{about.getImage()}}"  width="400" height="400">
  17.             </div>
  18.             {% endfor %}
  19.         </div>
  21.         <hr class="featurette-divider">
  23.         <h1 class="">Nos Services</h1>
  24.         <div class="row mt-2">
  25.             {% for se in services %}
  26.             <div class="col-12 col-md-3">
  27.                 <div class="card">
  28.                         <a href="#">
  29.                         <img src="upload/{{se.image}}" alt ="Image tourisme" class="card-img-top" title="Image grotte" />
  30.                         </a>
  31.                         <div class="card-body">
  32.                             <h5 class="card-title"><a href="#">{{se.titre}}</a></h5>
  33.                             <p class="card-text small">{{se.description|striptags}}</p>
  34.                         </div>
  35.                     </div>
  36.             </div>
  37.             {% endfor %}
  39.         </div>
  41.         <hr class="featurette-divider">
  43.         <h2 class="text-center">Ils nous font confiance... </h2>
  44.         <div class="container align-self-center p-5">
  45.             <div class="row">
  46.                 {% for cl in clients %}
  47.                 <div class="col-lg-2">
  48.                     <img  src="upload/{{cl.image}}" alt="carrefour" width="100" height="90">   
  49.                 </div><!-- /.col-lg-2 -->
  50.                 {% endfor %}
  51.             </div><!-- /.row -->
  52.         </div>
  53.         <hr class="featurette-divider">
  54.         
  56.         <!-- /END THE FEATURETTES -->
  58.          <!-- Three columns of text below the carousel -->
  59.          <h2 class="text-center" style="margin-bottom: 5%;"> Equipe Dirigeante</h2>
  60.          <div class="row">
  61.             <div class="col-lg-4">
  62.                 <img  src="{{asset('assets/images/paul_ghislain.PNG')}}" alt="paul_ghislain" width="100" height="90">
  63.                 <h2>Paul Ghislain BATSOTSA</h2>
  64.                 <p> Gérant, 46 ans , diplômé ingénieur informatique de l'institut Africain d'informatique-IAI GABON. 15 ans expériences dans différents secteurs informatiques,télécoms, banques et sociétés de SSI,il s’occupe principalement des activités administratives et commerciales . </p>
  65.                 <p><a class="btn btn-primary" href="{{ path('construction')}}" role="button">En savoir plus &raquo;</a></p>
  66.             </div><!-- /.col-lg-4 -->
  67.             <div class="col-lg-4">
  68.                 <img  src="{{asset('assets/images/igor_gamath.jpg')}}" alt="igor_gamath" width="100" height="90">
  69.                 <h2>Igor Josphin GAMATH GOUBILI</h2>
  70.                 <p> Responsable informatique et technique , 29 ans, développeur Web Full Stack et Mobile. Différentes expériences dans l'analyse, développement, tests et intégration logiciels. il occupe les fonctions de directeur informatique et technique. </p>
  71.                 <p><a class="btn btn-primary" href="{{ path('construction')}}" role="button">En savoir plus &raquo;</a></p>
  72.             </div><!-- /.col-lg-4 -->
  73.             <div class="col-lg-4">
  74.                 <img  src="{{asset('assets/images/christ_celin.PNG')}}" alt="igor_gamath" width="100" height="90">
  75.                 <h2>Christ Celin NKOUKA</h2>
  76.                 <p>Responsable formation et supprort, 33 ans, ingénieur d'études et développement. Plusieurs années d'expériences dans différents secteurs informatiques notamment l'assistance et formation , développement , intégration et tests logiciels. il occupe les fonctions de directeur des formations et support. </p>
  77.                 <p><a class="btn btn-primary" href="{{ path('construction')}}" role="button">En savoir plus &raquo;</a></p>
  78.             </div><!-- /.col-lg-4 -->
  79.         </div><!-- /.row -->
  80.         
  82. {% endblock content %}