From b8674bf9f2cee2c13573bc1efdeb7b8679b7d5b3 Mon Sep 17 00:00:00 2001
From: Florian Sylvain <floriansylvainpro@gmail.com>
Date: Wed, 23 Feb 2022 23:28:32 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=8D=EF=B8=8F=20Added=20main=20and=20se?=
 =?UTF-8?q?ctions=20tags?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html          | 29 ++++++++++++++---------------
 stylesheet-main.css |  6 +++---
 2 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index 616d57d..7d4bf6e 100644
--- a/index.html
+++ b/index.html
@@ -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">
diff --git a/stylesheet-main.css b/stylesheet-main.css
index 78d2303..dc18af2 100644
--- a/stylesheet-main.css
+++ b/stylesheet-main.css
@@ -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;
 }