fsylvain/compact-portfolio
1
0
Fork 0
mirror of https://github.com/Floriansylvain/compact-portfolio.git synced 2026-08-19 19:53:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: hero section animations and spacing, urgent banner style

Browse Source
This commit is contained in:
Florian Sylvain
2025-10-14 19:03:27 +02:00
parent ba90a685d6
commit c929c87e50
2 changed files with 207 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+29 -12
View File
@@ -71,23 +71,40 @@
</div>
</header>
<main class="container">
<aside class="banner reveal" role="note" aria-label="Annonce d'emploi urgente">
<aside class="banner" role="note" aria-label="Annonce d'emploi urgente">
<div class="container">
<span class="badge-urgent">Urgent</span>
<span>À la recherche d'opportunités <strong>CDI, CDD, Freelance </strong>en développement
<strong>Back</strong>, <strong>Front</strong>, <strong>DevOps</strong>, etc.</span>
<a class="btn primary" href="#contact">↓</a>
</aside>
<strong>Back</strong>, <strong>Front</strong>, <strong>DevOps</strong>, etc. dans toute la France et à
l'international.</span>
<a class="btn primary" href="#contact">Contact</a>
</div>
</aside>
<section id="about" class="hero reveal" aria-labelledby="hero-title">
<main class="container">
<section id="about" class="hero hero-fullscreen" aria-labelledby="hero-title">
<div class="hero-card">
<p class="eyebrow">Développeur web fullstack</p>
<h1 id="hero-title">Je conçois, développe et déploie des applications web performantes et maintenables.</h1>
<p>
Diplômé d'un Bachelor Développeur Web à l'ESD Paris, autoentrepreneur et passionné d'informatique.
Actuellement à l'écoute de nouvelles opportunités.
<p class="eyebrow animate-fade-in">Développeur web fullstack</p>
<h1 id="hero-title" class="animate-slide-up">
<span class="word">Je</span>
<span class="word">conçois,</span>
<span class="word">développe</span>
<span class="word">et</span>
<span class="word">déploie</span>
<span class="word">des</span>
<span class="word">applications</span>
<span class="word">web</span>
<span class="word">performantes</span>
<span class="word">et</span>
<span class="word">maintenables.</span>
</h1>
<p class="animate-fade-in-delayed">
Diplômé d'un Bachelor Développeur Web à l'ESD Paris et récemment en poste chez Dollen, je porte une attention
particulière à la maintenabilité et aux bonnes pratiques. Passionné d'informatique, je m'investis
également dans des projets personnels et des missions en freelance pour continuer à progresser et résoudre des
problèmes.
</p>
<div class="cta">
<div class="cta animate-fade-in-delayed">
<a class="btn primary" href="#projects">Voir mes projets</a>
<a class="btn" href="#contact">Me contacter</a>
</div>