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

🔍️ Added main and sections tags

Browse Source
This commit is contained in:
Florian Sylvain
2022-02-23 23:28:32 +01:00
parent cf5af43fd2
commit b8674bf9f2
2 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+14 -15
View File
@@ -40,9 +40,9 @@
</h1> </h1>
</div> </div>
<div id="content"> <main id="content">
<div class="to-fade" id="about"> <section class="to-fade" id="about">
<h2>About</h2> <h2>About</h2>
<div class="block"> <div class="block">
<img loading="lazy" class="to-grow" src="assets/imgs/FlorianSylvain.webp" alt="Florian Sylvain"> <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. 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> </p>
</div> </div>
</div> </section>
<div class="to-fade" id="education"> <section class="to-fade" id="education">
<h2>Education</h2> <h2>Education</h2>
<div class="to-slide"> <div class="to-slide">
@@ -71,9 +71,9 @@
</p> </p>
</div> </div>
</div> </section>
<div class="to-fade" id="experience"> <section class="to-fade" id="experience">
<h2>Experience</h2> <h2>Experience</h2>
<div class="to-slide"> <div class="to-slide">
@@ -90,9 +90,9 @@
</p> </p>
</div> </div>
</div> </section>
<div class="to-fade" id="projects"> <section class="to-fade" id="projects">
<h2>Projects</h2> <h2>Projects</h2>
<div class="projects-list"> <div class="projects-list">
<div> <div>
@@ -137,8 +137,7 @@
</div> </div>
</section>
</div>
<span class="background-hider bgh-off" onclick="javascript:switchArticle(null)"></span> <span class="background-hider bgh-off" onclick="javascript:switchArticle(null)"></span>
@@ -209,19 +208,19 @@
<!-- --------- END Articles contents --------- --> <!-- --------- END Articles contents --------- -->
<div class="to-fade" id="hobbies"> <section class="to-fade" id="hobbies">
<h2>Hobbies</h2> <h2>Hobbies</h2>
<p>🚧 Work in progress 🚧</p> <p>🚧 Work in progress 🚧</p>
</div> </section>
<div class="to-fade" id="contact"> <section class="to-fade" id="contact">
<h2>Contact</h2> <h2>Contact</h2>
<p> <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>. 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> </p>
</div> </section>
</div> </main>
<a href="#landing"> <a href="#landing">
<div id="scrollToTop" class="scroll-to-top"> <div id="scrollToTop" class="scroll-to-top">
stylesheet-main.css
+3 -3
View File
@@ -249,16 +249,16 @@ a {
opacity: 100%; opacity: 100%;
} }
#content > div { #content > section {
padding: 50px 10%; padding: 50px 10%;
} }
#content > div:nth-child(2n-1) { #content > section:nth-child(2n-1) {
color: #121212; color: #121212;
background-color: #fff; background-color: #fff;
} }
#content > div:nth-child(2n) > h2 { #content > section:nth-child(2n) > h2 {
border-bottom: 2px solid #fff; border-bottom: 2px solid #fff;
} }