templates/pages/home.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}
  4.     Accueil |
  5.     {{ parent() }}
  6. {% endblock %}
  8. {% block content %}
  10. <div class="container">
  11.     <img src="assets/img/logo_ctobi.svg" class="mt-2 mb-2 " style="width:15%; height:15%;" alt="oOops logo ctobi is missing...">
  12. </div>
  14. <div class="jumbotron text-right mx-15" style="background-image: url('assets/img/lighthouse1920.png');background-size: cover; height: 650px;">
  15.     <div style="margin-top: 250px;">
  16.         <a class="btn btn-primary btn-info" href="{{ path ('projects_page') }}">Découvrez plus &raquo;</a>
  17.         <p>
  18.             <h1 class="display-4" style="color:white;">
  19.                 <strong>Nous sommes à votre écoute</strong>
  20.             </h1>
  21.         </p>
  22.     </div>
  24.     <hr class="my-4" style="width: 730px; margin-left: 320px">
  25.     <div class="h6" style="color:#68748D;">
  26.         Sollicitez nos services, nous pouvons améliorer la performance de votre entreprise.
  27.         <span class="pl-3 align-middle">
  28.             <i class="far fa-handshake fa-2x"></i>
  29.         </span>
  30.     </div>
  31.     <div></div>
  32. </div>
  33. {# Row activities #}
  34. <div class="card-deck">
  35.     {% include "_partials/_activities.html.twig" with {
  36.             'icon' : '/assets/img/img_consulting.png',
  37.             'title' : 'Conseil',
  38.             'text' : 'Gestion d\'entreprise et Sytèmes d\'informations',
  39.             'link':'#consulting'
  40.         }%}
  42.     {% include "_partials/_activities.html.twig" with {
  43.         'icon' : '/assets/img/img_techno.png',
  44.         'title':'Technologie',
  45.         'text':'Web, Business Intelligence, Big Data, Cloud',
  46.         'link':'#technology'
  47.         }%}
  49.     {% include "_partials/_activities.html.twig" with {
  50.         'icon' : '/assets/img/img_globe.png',
  51.         'title':'Outsourcing',
  52.         'text':'Externalisation travaux & fonctions d\'entreprise',
  53.         'link':'#outsourcing'
  54.         }%}
  55. </div>
  57. <div class="container mt-3">
  58.     <div class="row">
  59.     {# IT consulting #}    
  60.         {% include "_partials/_activitiesdetail.html.twig" with {
  61.         'bordertype':'success',
  62.         'textcolor':'408080',
  63.         'color':'999999',
  64.         'title' : 'Conseil en organisation et gestion d\'écosystèmes digitaux ...',
  65.         'textmuted':'essayez, vôtre choix sera la bon !',
  66.         'textlead' : 'Ensemble de services de conseil, d\'assistance et d\'audit d\'entreprise et sytèmes d\'informations - Assistance dans les démarches d\'aide au choix d\'outils exploitation, maintenance - Assistances maîtrises d\'ouvrage / d\'oeuvres',
  67.         }%}    
  68.     </div>        
  69.     <div class="row">
  70.     {# IT technology #}    
  71.         {% include "_partials/_activitiesdetail.html.twig" with {
  72.         'bordertype':'info',
  73.         'textcolor':'0080C0',
  74.         'color':'68748D',
  75.         'title' : 'Expertise technique et accompagnement technologique ...',
  76.         'textmuted':'voyez par vous-même comment !',
  77.         'textlead' : 'Mise en opération desystèmes informatiques: CRM, ERP, décisionnels - Architecture et Urbanisation SI - Modélisation base de données.',
  78.         }%}        
  79.     </div>
  80.     <div class="row">
  81.     {# IT outsouricing #}    
  82.         {% include "_partials/_activitiesdetail.html.twig" with {
  83.             'bordertype':'danger',
  84.             'textcolor':'6E153E',
  85.             'color':'999999',
  86.             'title' : 'Le complément humain qualifié à la disposition de vôtre structure ...',
  87.             'textmuted' : 'pourquoi pas tester chez vous ?',
  88.             'textlead':'Pilotage et animation de projet. Mise en place et coordination des équipes. Définition et suivi de planning d\'actions. Gestion des budgets et consolidation. Suivi des risques projet.',
  89.             }%}
  90.     </div>
  91. </div>
  92. {% endblock %}