Nantes Université

Skip to content
Extraits de code Groupes Projets
Valider 4d644ed7 rédigé par Estevan ROLLAND's avatar Estevan ROLLAND
Parcourir les fichiers

Première version du About Me

parent 23c3f263
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
Affichage de
avec 93 ajouts et 54 suppressions
assets/css/header.css
+ 8
− 7
Voir le fichier @ 4d644ed7
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
} }
html { html {
font-family: "Oxanium", sans-serif; font-family: "Oxanium", sans-serif !important;
font-optical-sizing: auto; font-optical-sizing: auto;
font-weight: 500; font-weight: 500;
font-style: normal; font-style: normal;
...@@ -25,12 +25,6 @@ html { ...@@ -25,12 +25,6 @@ html {
height: 100%; height: 100%;
} }
h1 {
font-family: "Oxanium", sans-serif;
font-optical-sizing: auto;
font-weight: bolder;
}
body { body {
min-height: 100%; min-height: 100%;
display: flex; display: flex;
...@@ -40,6 +34,13 @@ body { ...@@ -40,6 +34,13 @@ body {
transition: 0.5s; transition: 0.5s;
} }
h1 {
font-family: "Oxanium", sans-serif !important;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}
/* Navbar */ /* Navbar */
.navbar { .navbar {
display: flex; display: flex;
......
assets/css/main.css
+ 41
− 11
Voir le fichier @ 4d644ed7
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
} }
#body { #body {
display: block; display: flex;
margin: auto; flex-direction: column;
} }
/* VIDEO PART */ /* VIDEO PART */
...@@ -37,15 +37,6 @@ video { ...@@ -37,15 +37,6 @@ video {
height: 10%; height: 10%;
} }
.title h1 {
font-family: "Oxanium", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: bolder;
margin-bottom: 2%;
}
.title a { .title a {
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -67,3 +58,42 @@ video { ...@@ -67,3 +58,42 @@ video {
fill: rgba(255,255,255,0.8) fill: rgba(255,255,255,0.8)
} }
#about-me {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 50vh;
}
#about-me h1 {
width: 20%;
}
#about-me p {
border-left: thick solid;
padding-left: 2%;
width: 80%;
}
#projects {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: 50vh;
}
#projects h1 {
width: 20%;
}
#projects p {
border-right: thick solid;
padding-left: 2%;
width: 80%;
}
assets/css/perso.css 0 → 100644
+ 0
− 0
Voir le fichier @ 4d644ed7
assets/css/professional.css 0 → 100644
+ 0
− 0
Voir le fichier @ 4d644ed7
assets/css/projects.css 0 → 100644
+ 0
− 0
Voir le fichier @ 4d644ed7
assets/imgs/FIRST_PLANET.png 0 → 100644
+ 0
− 0
Voir le fichier @ 4d644ed7
assets/imgs/FIRST_PLANET.png

2,72 Mo

assets/imgs/Interior.png 0 → 100644
+ 0
− 0
Voir le fichier @ 4d644ed7
assets/imgs/Interior.png

1,57 Mo

assets/imgs/Sci-Fi Passage.png 0 → 100644
+ 0
− 0
Voir le fichier @ 4d644ed7
assets/imgs/Sci-Fi Passage.png

2,37 Mo

main.html
+ 36
− 32
Voir le fichier @ 4d644ed7
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</li> </li>
<li class="cb_logo"> <li class="cb_logo">
<a href="perso.html">About Me</a> <a href="#about-me">About Me</a>
</li> </li>
<li> <li>
<a href="projects.html">Projects</a> <a href="projects.html">Projects</a>
...@@ -58,42 +58,46 @@ ...@@ -58,42 +58,46 @@
<div id="body"> <div id="body">
<div > <div id="about-me">
<h1> <h1>
ABOUT ME ABOUT ME
</h1> </h1>
<p> <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu viverra odio. Nulla vestibulum odio vel quam blandit, eu auctor est ornare. Integer egestas, elit ac malesuada scelerisque, quam lacus luctus sem, ac lobortis augue diam a lectus. Etiam convallis eu velit nec posuere. Suspendisse potenti. Aenean euismod massa sed varius posuere. Integer porttitor turpis non ex tincidunt vulputate. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit placerat porta. Suspendisse imperdiet, turpis molestie cursus ultricies, tellus nisi suscipit massa, dignissim egestas leo nisi a dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Hello !
<br> My name is Estevan ROLLAND,
Nullam ullamcorper tempor iaculis. Nunc bibendum feugiat lacus at blandit. Cras dictum sagittis sodales. In tortor ex, blandit in posuere sit amet, tincidunt vitae tortor. Integer augue metus, ultrices id ex nec, dapibus placerat nibh. Phasellus ut tincidunt leo, dictum sodales odio. Praesent in lectus volutpat, sagittis odio non, auctor arcu. Sed sed condimentum turpis, ut molestie metus. Sed feugiat velit eget turpis varius, non malesuada nibh vehicula. Maecenas pretium dignissim dignissim. In odio sapien, pellentesque nec odio eget, placerat dictum ex. Nunc facilisis ultricies arcu, non finibus augue consectetur ac. Praesent quis neque purus. Mauris molestie nisl non pharetra porttitor. <br> I'm 19 years old and I'm a first year computer science student in Nantes, France.
<br> My goal is to get an ingeneer diploma in computer science, specialized in software and applications development.
Nullam id nisi dictum, ullamcorper est blandit, consectetur felis. Nulla feugiat eget metus nec porttitor. Aenean diam neque, faucibus nec turpis sit amet, convallis ultricies nulla. Mauris non elementum erat, vel pulvinar diam. Integer vitae suscipit quam, vel sodales nisi. Morbi pretium felis interdum mi semper imperdiet. In vel pellentesque elit. Quisque in metus erat. <br>
<br> Passionate about music and digital arts like 3D modeling, I developped a real creative mind. I played piano for 12 years and started creating my own tracks in 2020.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque enim felis, sagittis facilisis urna at, molestie posuere ipsum. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus in condimentum lectus. In vulputate vel eros a maximus. Suspendisse gravida est vel faucibus suscipit. Vestibulum tempus turpis vel semper sagittis. Curabitur nec volutpat odio. Duis lacinia blandit placerat. Praesent congue leo viverra, ullamcorper tellus at, porta dui. Sed tincidunt condimentum neque sit amet semper. Etiam tempus, arcu in facilisis ultrices, felis nisl bibendum enim, vitae porta enim ante quis nisl. <br> My artist name is Shadorian, I make electro music, mostly synthwave, techno and house. I sometimes release remixes of songs I like on my YouTube channel and Soundcloud.
<br>
Sed viverra sapien quis urna viverra euismod. Aenean sit amet cursus nunc. In risus velit, euismod vitae semper sit amet, cursus vel dolor. In hac habitasse platea dictumst. Curabitur commodo enim ut arcu tristique ultricies. Duis vel risus ac nibh mollis venenatis. Mauris purus risus, cursus sit amet elit ac, auctor tempor ligula. Nullam sed sagittis eros. Nulla venenatis turpis nec odio dictum tristique at vitae nisl. Suspendisse potenti. <br> As a fan of movies, especially sci-fi movies, I always wanted to try to rebuild the scenes I saw in Star Wars, Marvel's movies, but also video games like Cyberpunk 2077.
<br> So I decided to learn Blender to start my journey in 3D modeling. I already had the basics and a good sense of space thanks to my little experience with SketchUp and Solidworks.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu viverra odio. Nulla vestibulum odio vel quam blandit, eu auctor est ornare. Integer egestas, elit ac malesuada scelerisque, quam lacus luctus sem, ac lobortis augue diam a lectus. Etiam convallis eu velit nec posuere. Suspendisse potenti. Aenean euismod massa sed varius posuere. Integer porttitor turpis non ex tincidunt vulputate. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit placerat porta. Suspendisse imperdiet, turpis molestie cursus ultricies, tellus nisi suscipit massa, dignissim egestas leo nisi a dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <br>
<br> Currently I have a few projects that combine my hobbies like creating a FPS multiplayer videogame or visuals for my music.
Nullam ullamcorper tempor iaculis. Nunc bibendum feugiat lacus at blandit. Cras dictum sagittis sodales. In tortor ex, blandit in posuere sit amet, tincidunt vitae tortor. Integer augue metus, ultrices id ex nec, dapibus placerat nibh. Phasellus ut tincidunt leo, dictum sodales odio. Praesent in lectus volutpat, sagittis odio non, auctor arcu. Sed sed condimentum turpis, ut molestie metus. Sed feugiat velit eget turpis varius, non malesuada nibh vehicula. Maecenas pretium dignissim dignissim. In odio sapien, pellentesque nec odio eget, placerat dictum ex. Nunc facilisis ultricies arcu, non finibus augue consectetur ac. Praesent quis neque purus. Mauris molestie nisl non pharetra porttitor. <br> Some of these projects have been reported due to my lack of skills at the moment of development.
</p>
Nullam id nisi dictum, ullamcorper est blandit, consectetur felis. Nulla feugiat eget metus nec porttitor. Aenean diam neque, faucibus nec turpis sit amet, convallis ultricies nulla. Mauris non elementum erat, vel pulvinar diam. Integer vitae suscipit quam, vel sodales nisi. Morbi pretium felis interdum mi semper imperdiet. In vel pellentesque elit. Quisque in metus erat. </div>
<div id="projects">
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque enim felis, sagittis facilisis urna at, molestie posuere ipsum. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus in condimentum lectus. In vulputate vel eros a maximus. Suspendisse gravida est vel faucibus suscipit. Vestibulum tempus turpis vel semper sagittis. Curabitur nec volutpat odio. Duis lacinia blandit placerat. Praesent congue leo viverra, ullamcorper tellus at, porta dui. Sed tincidunt condimentum neque sit amet semper. Etiam tempus, arcu in facilisis ultrices, felis nisl bibendum enim, vitae porta enim ante quis nisl. <p>
<br>
Sed viverra sapien quis urna viverra euismod. Aenean sit amet cursus nunc. In risus velit, euismod vitae semper sit amet, cursus vel dolor. In hac habitasse platea dictumst. Curabitur commodo enim ut arcu tristique ultricies. Duis vel risus ac nibh mollis venenatis. Mauris purus risus, cursus sit amet elit ac, auctor tempor ligula. Nullam sed sagittis eros. Nulla venenatis turpis nec odio dictum tristique at vitae nisl. Suspendisse potenti. <br>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu viverra odio. Nulla vestibulum odio vel quam blandit, eu auctor est ornare. Integer egestas, elit ac malesuada scelerisque, quam lacus luctus sem, ac lobortis augue diam a lectus. Etiam convallis eu velit nec posuere. Suspendisse potenti. Aenean euismod massa sed varius posuere. Integer porttitor turpis non ex tincidunt vulputate. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit placerat porta. Suspendisse imperdiet, turpis molestie cursus ultricies, tellus nisi suscipit massa, dignissim egestas leo nisi a dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <br>
<br>
Nullam ullamcorper tempor iaculis. Nunc bibendum feugiat lacus at blandit. Cras dictum sagittis sodales. In tortor ex, blandit in posuere sit amet, tincidunt vitae tortor. Integer augue metus, ultrices id ex nec, dapibus placerat nibh. Phasellus ut tincidunt leo, dictum sodales odio. Praesent in lectus volutpat, sagittis odio non, auctor arcu. Sed sed condimentum turpis, ut molestie metus. Sed feugiat velit eget turpis varius, non malesuada nibh vehicula. Maecenas pretium dignissim dignissim. In odio sapien, pellentesque nec odio eget, placerat dictum ex. Nunc facilisis ultricies arcu, non finibus augue consectetur ac. Praesent quis neque purus. Mauris molestie nisl non pharetra porttitor. <br>
<br>
Nullam id nisi dictum, ullamcorper est blandit, consectetur felis. Nulla feugiat eget metus nec porttitor. Aenean diam neque, faucibus nec turpis sit amet, convallis ultricies nulla. Mauris non elementum erat, vel pulvinar diam. Integer vitae suscipit quam, vel sodales nisi. Morbi pretium felis interdum mi semper imperdiet. In vel pellentesque elit. Quisque in metus erat. <br>
<br>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque enim felis, sagittis facilisis urna at, molestie posuere ipsum. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus in condimentum lectus. In vulputate vel eros a maximus. Suspendisse gravida est vel faucibus suscipit. Vestibulum tempus turpis vel semper sagittis. Curabitur nec volutpat odio. Duis lacinia blandit placerat. Praesent congue leo viverra, ullamcorper tellus at, porta dui. Sed tincidunt condimentum neque sit amet semper. Etiam tempus, arcu in facilisis ultrices, felis nisl bibendum enim, vitae porta enim ante quis nisl. <br>
<br>
Sed viverra sapien quis urna viverra euismod. Aenean sit amet cursus nunc. In risus velit, euismod vitae semper sit amet, cursus vel dolor. In hac habitasse platea dictumst. Curabitur commodo enim ut arcu tristique ultricies. Duis vel risus ac nibh mollis venenatis. Mauris purus risus, cursus sit amet elit ac, auctor tempor ligula. Nullam sed sagittis eros. Nulla venenatis turpis nec odio dictum tristique at vitae nisl. Suspendisse potenti. <br>
</p> </p>
<h1>
PROJECTS
</h1>
</div> </div>
</div> </div>
</body> </body>
......
perso.html → projects.html
+ 8
− 4
Voir le fichier @ 4d644ed7
<!-- Mes projets perso : Blender, Musique --> <!-- Page d'acceuil -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<link rel="stylesheet" type="text/css" href="assets/css/main.css"> <link rel="stylesheet" type="text/css" href="assets/css/main.css">
<link rel="stylesheet" type="text/css" href="assets/css/header.css"> <link rel="stylesheet" type="text/css" href="assets/css/header.css">
<title>My Personal Projects - Estevan's Portfolio</title> <title>Estevan's Portfolio</title>
<link rel="website-icon" type="png" href="#"> <link rel="website-icon" type="png" href="#">
<!-- FONTS --> <!-- FONTS -->
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</li> </li>
<li class="cb_logo"> <li class="cb_logo">
<a href="perso.html">About Me</a> <a href="main.html">About Me</a>
</li> </li>
<li> <li>
<a href="projects.html">Projects</a> <a href="projects.html">Projects</a>
...@@ -55,5 +55,9 @@ ...@@ -55,5 +55,9 @@
</a> </a>
</div> </div>
</div> </div>
<div id="body">
</div>
</body> </body>
</html> </html>
\ No newline at end of file
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter