templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %} {% block title %}Accueil{% endblock
  2. %} {% block body %}
  4. <br><br><br>
  5. <h3>Chanrothmony KHY<div class="cidessous">Développeuse / Intégratrice Web Junior</div></h3>
  8. <!-- carousel page accueil -->
  10. {# <section class="container">
  11.   <br />
  12.   <br />
  14.   <div
  15.     id="carouselExampleControls"
  16.     class="carousel slide"
  17.     data-bs-ride="carousel"
  18.   >
  19.     <div class="carousel-inner">
  20.       <div class="carousel-item active">
  21.         <img
  22.           src="uploads/image/entreprise2.png"
  23.           class="d-block w-100"
  24.           alt="..."
  25.           style="border-radius: 40px"
  26.         />
  27.       </div>
  29.       <div class="carousel-item">
  30.         <img
  31.           src="uploads/image/save my seat!(4).png"
  32.           class="d-block w-100"
  33.           alt="..."
  34.           style="border-radius: 40px"
  35.         />
  36.       </div>
  38.       <div class="carousel-item">
  39.         <img src="uploads/image/astro.jpg" class="d-block w-100" alt="..." style="border-radius: 40px;" />
  40.       </div>
  41.     </div>
  43.     <button
  44.       class="carousel-control-prev"
  45.       type="button"
  46.       data-bs-target="#carouselExampleControls"
  47.       data-bs-slide="prev"
  48.     >
  49.       <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  50.       <span class="visually-hidden">Previous</span>
  51.     </button>
  52.     <button
  53.       class="carousel-control-next"
  54.       type="button"
  55.       data-bs-target="#carouselExampleControls"
  56.       data-bs-slide="next"
  57.     >
  58.       <span class="carousel-control-next-icon" aria-hidden="true"></span>
  59.       <span class="visually-hidden">Next</span>
  60.     </button>
  61.   </div>
  62. </section>
  64. <br /><br /><br> #}
  66. <!-- fiche métier développeur web -->
  68. <br><br><br>
  70. <div class="petitedescription"><br> Description du profil Développeur / Intégrateur Web<br><img src="uploads/image/web.jpg" alt="" style="width: 300px;"><div class="textdescrip"><br> Le Développeur / Intégrateur Web prend en charge toute la partie création de site ou d'application pour une entreprise. Il doit également gérer la maintenance de ces plateformes. Il choisit les meilleures solutions techniques en fonction des besoins. Il possède toutes les compétences techniques pour s'adapter aux différents problèmes techniques et informatiques liés aux sites internet et applications. <br><br></div></div>
  72. <br><br><br>
  74. <!--
  75. <div class="card border-dark mb-3" style="max-width: 18rem">
  76.   <div class="card-header">Les missions</div>
  77.   <div class="card-body text-dark">
  78.     <p class="card-text">
  79.       <li>Programmer/Développer et mettre à jour des applications </li>
  80.       <li>S'assurer du bon fonctionnement des plateformes développées</li>
  81.       <li>Analyse technique</li>
  82.       <li>Conception du site internet</li>     
  83.       <li>Programmation du site internet</li>
  84.       <li>Tests et validation</li>
  85.     </p>
  86.   </div>
  87. </div>
  89. <div class="card border-dark mb-3" style="max-width: 18rem">
  90.   <div class="card-header">Les compétences</div>
  91.   <div class="card-body text-dark">
  92.     <p class="card-text">
  93.      <li> Maitrîse des langages utilisés pour le développement Web</li>
  94.      <li> Capacité d'autonomie continue</li>
  95.     </p>
  96.   </div>
  97. </div>
  99. <div class="card border-dark mb-3" style="max-width: 18rem">
  100.   <div class="card-header">Les qualités</div>
  101.   <div class="card-body text-dark">
  102.     <p class="card-text">
  103.      <li>Patience</li>
  104.      <li>Rigoureux</li>
  105.      <li>Réfléchi</li>
  106.      <li>Sens de l'organisation</li>
  107.      <li>Sens de l'écoute</li>
  108.      <li>Autonomie et créativité</li>
  109.      <li>Polyvalent</li>
  110.     </p>
  111.   </div>
  112. </div>
  113. -->
  116. <div class="accordion" id="accordionPanelsStayOpenExample">
  117.   <div class="accordion-item">
  118.     <h2 class="accordion-header" id="panelsStayOpen-headingOne">
  119.       <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
  120.         Les missions
  121.       </button>
  122.     </h2>
  123.     <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
  124.       <div class="accordion-body">
  125.         <li>Programmer/Développer et mettre à jour des applications </li>
  126.         <li>S'assurer du bon fonctionnement des plateformes développées</li>
  127.         <li>Analyse technique</li>
  128.         <li>Conception du site internet</li>     
  129.         <li>Programmation du site internet</li>
  130.         <li>Tests et validation</li>
  131.       </div>
  132.     </div>
  133.   </div>
  134.   <div class="accordion-item">
  135.     <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
  136.       <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
  137.         Les compétences
  138.       </button>
  139.     </h2>
  140.     <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo">
  141.       <div class="accordion-body">
  142.         <li> Maitrîse des langages utilisés pour le développement Web</li>
  143.         <li> Capacité d'autonomie continue</li>
  144.         <li>Régler les problèmes (origine, correctifs, mise en ligne des correctifs)</li>
  145.         <li>Bonne culture numérique</li>
  146.         <li>Bon relationnel</li>
  147.       </div>
  148.     </div>
  149.   </div>
  150.   <div class="accordion-item">
  151.     <h2 class="accordion-header" id="panelsStayOpen-headingThree">
  152.       <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
  153.         Les qualités
  154.       </button>
  155.     </h2>
  156.     <div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingThree">
  157.       <div class="accordion-body">
  158.         <li>Patience</li>
  159.      <li>Rigoureux</li>
  160.      <li>Réfléchi</li>
  161.      <li>Sens de l'organisation</li>
  162.      <li>Sens de l'écoute</li>
  163.      <li>Autonomie et créativité</li>
  164.      <li>Polyvalent</li>
  165.       </div>
  166.     </div>
  167.   </div>
  168. </div>
  171. {% endblock %}