mirror of
https://github.com/Floriansylvain/portfolio.git
synced 2026-08-19 11:43:20 +02:00
🔍️ Added main and sections tags
This commit is contained in:
+14
-15
@@ -40,9 +40,9 @@
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<main id="content">
|
||||
|
||||
<div class="to-fade" id="about">
|
||||
<section class="to-fade" id="about">
|
||||
<h2>About</h2>
|
||||
<div class="block">
|
||||
<img loading="lazy" class="to-grow" src="assets/imgs/FlorianSylvain.webp" alt="Florian Sylvain">
|
||||
@@ -50,9 +50,9 @@
|
||||
IT student at Gustave Eiffel University and R&D Developer Apprentice at WATT Earth, I've always been passionate about computer science. Web design, video games, and algorithms are my main spearhead in computer science.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="to-fade" id="education">
|
||||
<section class="to-fade" id="education">
|
||||
<h2>Education</h2>
|
||||
|
||||
<div class="to-slide">
|
||||
@@ -71,9 +71,9 @@
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="to-fade" id="experience">
|
||||
<section class="to-fade" id="experience">
|
||||
<h2>Experience</h2>
|
||||
|
||||
<div class="to-slide">
|
||||
@@ -90,9 +90,9 @@
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="to-fade" id="projects">
|
||||
<section class="to-fade" id="projects">
|
||||
<h2>Projects</h2>
|
||||
<div class="projects-list">
|
||||
<div>
|
||||
@@ -137,8 +137,7 @@
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<span class="background-hider bgh-off" onclick="javascript:switchArticle(null)"></span>
|
||||
|
||||
@@ -209,19 +208,19 @@
|
||||
|
||||
<!-- --------- END Articles contents --------- -->
|
||||
|
||||
<div class="to-fade" id="hobbies">
|
||||
<section class="to-fade" id="hobbies">
|
||||
<h2>Hobbies</h2>
|
||||
<p>🚧 Work in progress 🚧</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="to-fade" id="contact">
|
||||
<section class="to-fade" id="contact">
|
||||
<h2>Contact</h2>
|
||||
<p>
|
||||
You can contact me by email at <a href="mailto:floriansylvainpro@gmail.com">floriansylvainpro@gmail.com</a> or by phone at <a href="tel:0695208226">(+33) 06 95 20 82 26</a>.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<a href="#landing">
|
||||
<div id="scrollToTop" class="scroll-to-top">
|
||||
|
||||
+3
-3
@@ -249,16 +249,16 @@ a {
|
||||
opacity: 100%;
|
||||
}
|
||||
|
||||
#content > div {
|
||||
#content > section {
|
||||
padding: 50px 10%;
|
||||
}
|
||||
|
||||
#content > div:nth-child(2n-1) {
|
||||
#content > section:nth-child(2n-1) {
|
||||
color: #121212;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#content > div:nth-child(2n) > h2 {
|
||||
#content > section:nth-child(2n) > h2 {
|
||||
border-bottom: 2px solid #fff;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user