You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

63 lines
3.1 KiB

<section id="experience" class="section experience">
<div class="container">
<span class="section-subtitle">Parcours</span>
<h2 class="section-title">Expériences professionnelles</h2>
<div class="experience-grid">
<article class="experience-card" data-experience="3">
<span class="experience-date">2024 - Présent</span>
<h3>Alternant développeur web</h3>
<p class="experience-company">Coqpit, Clermont-Ferrand</p>
<div class="experience-preview">
<p>Création de plugin via une API et et développement de sites webs en autonomie</p>
</div>
<div class="experience-hover">
<!--synthèse en 2 lignes-->
<p>• 1120 heures</p>
<p>• Suivi du projet directement avec les clients</p>
<p>• Création de sites webs avec Wordpress(HTML, SCSS, JS, PHP (laravel))</p>
<p>Cliquez pour plus de détails</p>
</div>
</article>
<article class="experience-card" data-experience="2">
<span class="experience-date">2024 (10 semaines)</span>
<h3>Stage en entreprise</h3>
<p class="experience-company">Open Studio, Clermont-Ferrand</p>
<div class="experience-preview">
<p>Développement d'un module du CMS open source Thelia </p>
</div>
<div class="experience-hover">
<p>• Développement du module CustomFrontMenu qui permet à un client de gérer lui même ses menus</p>
<p>• Développement de scripts pour automatiser la création de la documentation du CMS </p>
<p>Cliquez pour plus de détails</p>
</div>
</article>
<article class="experience-card" data-experience="1">
<span class="experience-date">2023 (10 semaines)</span>
<h3>Stage en entreprise</h3>
<p class="experience-company">Code Rhapsody, Lyon</p>
<div class="experience-preview">
<p>Développement d'une application interne de gestion des temps et de facturation automatisée</p>
</div>
<div class="experience-hover">
<p>• Développement d'une application interne de gestion des temps et de facturation automatisée </p>
<p>Cliquez pour plus de détails</p>
</div>
</article>
</div>
</div>
<!-- Modal -->
<div id="experienceModal" class="modal">
<div class="modal-content">
<button class="modal-close">&times;</button>
<span class="modal-date"></span>
<h3 class="modal-title"></h3>
<p class="modal-company"></p>
<div class="modal-description"></div>
<div class="modal-skills"></div>
<div class="modal-achievements"></div>
</div>
</div>
</section>