templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello HomeController!{% endblock %}
  5. {% block content %}
  6. <!--
  7. <div class="phototest">blabla</div>
  8. -->
  10. <div>
  11.     <div class="grid">
  12.         <div>
  13.             <img src="https://cdn.mos.cms.futurecdn.net/CAZ6JXi6huSuN4QGE627NR-320-80.jpg" class="img-rond">
  14.         </div>
  15.         <div>
  16.             <p> 
  17.                 Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
  18.                 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
  19.                 when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
  20.                 It has survived not only five centuries, but also the leap into electronic typesetting, 
  21.                 remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets 
  22.                 containing Lorem Ipsum passages, and more recently with desktop publishing software 
  23.                 like Aldus PageMaker including versions of Lorem Ipsum.
  24.                 Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
  25.                 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
  26.                 when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
  27.                 It has survived not only five centuries, but also the leap into electronic typesetting, 
  28.                 remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets 
  29.                 containing Lorem Ipsum passages, and more recently with desktop publishing software 
  30.                 like Aldus PageMaker including versions of Lorem Ipsum.
  31.             </p>
  32.             <section>
  33.                 <a href="" class="bouton">Télécharger CV</a>
  34.                 <a href="" class="bouton">Affichage du CV</a>
  35.             </section>
  36.         </div>
  37.     </div>
  38. </div>
  40. <div>
  41.     <div class="container-competences">
  42.         
  43.             <a href="{{ path("app_home") }}" class="box-comp">
  44.                 
  45.                 <img src="https://source.unsplash.com/1000x800">
  46.                 <span>Mes projets Personnels</span>
  47.                 
  48.             </a>
  49.         
  50.         
  51.             <a href="{{ path("app_home") }}" class="box-comp">
  52.                 <img src="https://source.unsplash.com/1000x802">
  53.                 <span>Les cours que je donne</span>
  54.             </a>
  55.         
  56.         
  57.             <a href="{{ path("app_home") }}" class="box-comp">
  58.                 <img src="https://source.unsplash.com/1000x804">
  59.                 <span>Projets Professionnels</span>
  60.             </a>
  61.         
  62.         
  63.             <a href="{{ path("app_home") }}" class="box-comp">
  64.                 <img src="https://source.unsplash.com/1000x806">
  65.                 <span>Partage, ça me fait plasir</span>
  66.             </a>
  67.         
  68.     </div>
  69. </div>
  71. <div class="tabs">
  73.     <input type="radio" name="tabs" id="tabone" checked="checked">
  74.     <label for="tabone">Domaine Technique</label>
  75.     <div class="tab">
  76.         <section class="list-domaine-comp">
  77.             <section class="list-domaine">
  78.                 <div class="conteneur-competence">
  79.                     <h6 class="titre-competence">Informatique</h6>
  80.                     <ul class="list-comp">
  81.                         <li class="competence">Intelligence Artificielle</li>
  82.                         <li class="competence">Robotique</li>
  83.                         <li class="competence">Cryptographie, CyberSécurité</li>
  84.                         <li class="competence">Développement WEB</li>
  85.                         <li class="competence">Développement Mobile</li>
  86.                         <li class="competence">Développement Bureautique</li>
  87.                         <li class="competence">Développement Embarqué</li>
  88.                         <li class="competence">Administration Base de données</li>
  89.                         <li class="competence">BIG DATA / Analyse de données</li>
  90.                         <li class="competence">Modélisation des données</li>
  91.                     </ul>
  92.                 </div>
  93.             </section>
  94.             
  95.             <section class="list-domaine">
  96.                 <div class="conteneur-competence">
  97.                     <h6 class="titre-competence">Management</h6>
  98.                     <ul class="list-comp">
  99.                         <li class="competence">Gestion de projet </li>
  100.                         <li class="competence">Méthode AGILE</li>
  101.                         <li class="competence">Méthode CYCLE EN V</li>
  102.                     </ul>
  103.                 </div>
  104.             </section>
  105.         </section> 
  106.     </div>
  108.     <input type="radio" name="tabs" id="tabtwo">
  109.     <label for="tabtwo">Développement</label>
  110.     <div class="tab">
  111.         <section class="list-domaine-comp">
  112.             <section class="list-domaine">
  113.                 <div class="conteneur-competence">
  114.                     <h6 class="titre-competence">LANGAGE</h6>
  115.                     <ul class="list-comp">
  116.                         <li class="competence">Javascript</li>
  117.                         <li class="competence">CSS3 / SCSS</li>
  118.                         <li class="competence">PHP</li>
  119.                         <li class="competence">JAVA</li>
  120.                         <li class="competence">KOTLIN</li>
  121.                         <li class="competence">C#</li>
  122.                         <li class="competence">C / C++</li>
  123.                         <li class="competence">BASH / POWER SHELL</li>
  124.                         <li class="competence">RUST / GO</li>
  125.                         <li class="competence">PYTHON</li>
  126.                     </ul>
  127.                 </div>
  128.             </section>
  129.             
  130.             <section class="list-domaine">
  131.                 <div class="conteneur-competence">
  132.                     <h6 class="titre-competence">FRAMEWORK</h6>
  133.                     <ul class="list-comp">
  134.                         <li class="competence">.NET / ASP.NET</li>
  135.                         <li class="competence">Silex / Symfony</li>
  136.                         <li class="competence">ENTITY Framework</li>
  137.                         <li class="competence">ANDROID</li>
  138.                         <li class="competence">Flutter</li>
  139.                     </ul>
  140.                 </div>
  141.             </section>
  142.         </section>
  143.     </div>
  144.     
  145.     <input type="radio" name="tabs" id="tabthree">
  146.     <label for="tabthree">Infrastructure</label>
  147.     <div class="tab">
  148.       <section class="list-domaine-comp">
  149.             <section class="list-domaine">
  150.                 <div class="conteneur-competence">
  151.                     <h6 class="titre-competence">Infrastructure</h6>
  152.                     <ul class="list-comp">
  153.                         <li class="competence">Cloud</li>
  154.                         <li class="competence">Gestion disques</li>
  155.                         <li class="competence">Sécurité du réseau</li>
  156.                         <li class="competence">Réseau</li>
  157.                         <li class="competence">Automatisation de tâches</li>
  158.                     </ul>
  159.                 </div>
  160.             </section>
  161.             
  162.             <section class="list-domaine">
  163.                 <div class="conteneur-competence">
  164.                     <h6 class="titre-competence">VIRTUALISATION</h6>
  165.                     <ul class="list-comp">
  166.                         <li class="competence">VSPHERE (serveur de virtualisation)</li>
  167.                         <li class="competence">Containerisation (docker)</li>
  168.                         <li class="competence">Kubernates</li>
  169.                     </ul>
  170.                 </div>
  171.             </section>
  172.         </section>
  173.     </div>
  175.     <input type="radio" name="tabs" id="tabfour">
  176.     <label for="tabfour">CyberSécurité</label>
  177.     <div class="tab">
  178.       <section class="list-domaine-comp">
  179.             <section class="list-domaine">
  180.                 <div class="conteneur-competence">
  181.                     <h6 class="titre-competence">FAILLES</h6>
  182.                     <ul class="list-comp">
  183.                         <li class="competence">CRSF</li>
  184.                         <li class="competence">TOKEN</li>
  185.                         <li class="competence">Intégrité / anonymisation</li>
  186.                         <li class="competence">Cryptologie (cryptographie / cryptoAnalyse)</li>
  187.                         <li class="competence">Injection SQL</li>
  188.                         <li class="competence">ARP / XSS</li>
  189.                     </ul>
  190.                 </div>
  191.             </section>
  192.             
  193.             <section class="list-domaine">
  194.                 <div class="conteneur-competence">
  195.                     <h6 class="titre-competence">OUTIL</h6>
  196.                     <ul class="list-comp">
  197.                         <li class="competence">KALI LINUX</li>
  198.                         <li class="competence">WIRESHARK</li>
  199.                         <li class="competence">FIREEYE</li>
  200.                         <li class="competence"> RSA (ARCHER, netwitness)</li>
  201.                         <li class="competence">OWASP</li>
  202.                         <li class="competence">CVE</li>
  203.                     </ul>
  204.                 </div>
  205.             </section>
  207.             <section class="list-domaine">
  208.                 <div class="conteneur-competence">
  209.                     <h6 class="titre-competence">ANALYSES</h6>
  210.                     <ul class="list-comp">
  211.                         <li class="competence">SandBox</li>
  212.                         <li class="competence">FLUX</li>
  213.                         <li class="competence">DATAS</li>
  214.                     </ul>
  215.                 </div>
  216.             </section>
  217.         </section>
  218.     </div>
  220.     <input type="radio" name="tabs" id="tabfive">
  221.     <label for="tabfive">GESTION PROJET</label>
  222.     <div class="tab">
  223.       <section class="list-domaine-comp">
  224.             <section class="list-domaine">
  225.                 <div class="conteneur-competence">
  226.                     <h6 class="titre-competence">METHODE</h6>
  227.                     <ul class="list-comp">
  228.                         <li class="competence">CYCLE EN V</li>
  229.                         <li class="competence">KANBAN</li>
  230.                         <li class="competence">SCRUM</li>
  231.                     </ul>
  232.                 </div>
  233.             </section>
  234.             
  235.             <section class="list-domaine">
  236.                 <div class="conteneur-competence">
  237.                     <h6 class="titre-competence">MOA</h6>
  238.                     <ul class="list-comp">
  239.                         <li class="competence">KALI LINUX</li>
  240.                         <li class="competence">WIRESHARK</li>
  241.                         <li class="competence">FIREEYE</li>
  242.                         <li class="competence"> RSA (ARCHER, netwitness)</li>
  243.                         <li class="competence">OWASP</li>
  244.                         <li class="competence">CVE</li>
  245.                     </ul>
  246.                 </div>
  247.             </section>
  249.             <section class="list-domaine">
  250.                 <div class="conteneur-competence">
  251.                     <h6 class="titre-competence">MOE</h6>
  252.                     <ul class="list-comp">
  253.                         <li class="competence">SandBox</li>
  254.                         <li class="competence">FLUX</li>
  255.                         <li class="competence">DATAS</li>
  256.                     </ul>
  257.                 </div>
  258.             </section>
  260.             <section class="list-domaine">
  261.                 <div class="conteneur-competence">
  262.                     <h6 class="titre-competence">OUTIL</h6>
  263.                     <ul class="list-comp">
  264.                         <li class="competence">SandBox</li>
  265.                         <li class="competence">FLUX</li>
  266.                         <li class="competence">DATAS</li>
  267.                     </ul>
  268.                 </div>
  269.             </section>
  270.         </section>
  271.     </div>
  273.     <input type="radio" name="tabs" id="tabsix">
  274.     <label for="tabsix">PERSONNEL</label>
  275.     <div class="tab">
  276.         <section class="list-domaine-comp">
  277.             <section class="list-domaine">
  278.                 <div class="conteneur-competence">
  279.                     <h6 class="titre-competence">MOI</h6>
  280.                     <ul class="list-comp">
  281.                         <li class="competence">SPORT</li>
  282.                         <li class="competence">Informatique</li>
  283.                         <li class="competence">Cuisine</li>
  284.                         <li class="competence">Curieux</li>
  285.                     </ul>
  286.                 </div>
  287.             </section>
  288.         </section>
  289.     </div>
  290.   </div>
  291.     
  292. </main>{% endblock %}