vincent.astolfi
/
portfolio
mirror of https://github.com/viastolfi/portfolio.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

✨ some new pages
continuous-integration/drone/push Build is passing Details

Browse Source
main
Vincent ASTOLFI 10 months ago
parent ffadceb48d
commit 9c11619bc1
12 changed files with 196 additions and 55 deletions
Show Stats Download Patch File Download Diff File

21
index.html
Unescape View File

@ -6,26 +6,29 @@
<title>Vincent Astolfi</title> <title>Vincent Astolfi</title>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
<link rel="stylesheet" href="ressources/styles/index.css"> <link rel="stylesheet" href="ressources/styles/index.css">
<link rel="stylesheet" href="ressources/styles/menu.css">
</head> </head>
<body> <body>
<div class="menu"> <div class="menu">
<ul> <ul>
<li><a href="index.html">Vincent Astolfi</a></li> <li><a href="index.html">Vincent Astolfi</a></li>
<li><a href="./discover">Discover Me</a></li> <li><a href="./pages/discover.html">Discover Me</a></li>
<li><a href="./projects">Projects</a></li> <li><a href="./projects">Projects</a></li>
<li><a href="./cv.html">CV</a></li> <li><a href="./pages/cv.html">CV</a></li>
<li><a href="./contact">Contact Me</a></li> <li><a href="./pages/contact.html">Contact Me</a></li>
</ul> </ul>
</div> </div>
<div class="title">Vincent ASTOLFI Portfolio</div> <div class="title">Vincent ASTOLFI Portfolio</div>
<div class="subtitle">IT student at IUT Clermont Ferrand</div> <div class="subtitle">IT student at IUT Clermont Ferrand</div>
<button class="dicover_me_button" type="button"> <a href="./pages/discover.html">
Discover Me <button class="dicover_me_button" type="button">
<span class="material-symbols-outlined"> Discover Me
arrow_forward <span class="material-symbols-outlined">
</span> arrow_forward
</button> </span>
</button>
</a>
</body> </body>
</html> </html>

29
pages/contact.html
Unescape View File

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Me</title>
<link rel="stylesheet" href="../ressources/styles/index.css">
<link rel="stylesheet" href="../ressources/styles/menu.css">
<link rel="stylesheet" href="../ressources/styles/contact.css">
</head>
<body>
<div class="menu">
<ul>
<li><a href="../index.html">Vincent Astolfi</a></li>
<li><a href="./discover.html">Discover Me</a></li>
<li><a href="./projects.html">Projects</a></li>
<li><a href="./cv.html">CV</a></li>
<li><a href="./contact.html">Contact Me</a></li>
</ul>
</div>
Vous pouvez me contacter depuis mon adresse mail : vincent.astolfi@etu.uca.fr
ou depuis mes différents réseaux :
<a href="https://www.linkedin.com/in/vincent-astolfi-8854b0251/">
<img src="../ressources/assets/logo-linkedin-rond.webp" alt="My linkedin">
</a>
</body>
</html>

33
pages/cv.html
Unescape View File

@ -1,21 +1,32 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
<link href="../ressources/styles/cv.css" type="stylesheet">
<link href="../ressources/styles/index.css" type="stylesheet">
<title>My CV</title> <title>My CV</title>
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
<link rel="stylesheet" href="../ressources/styles/cv.css">
<link rel="stylesheet" href="../ressources/styles/menu.css">
</head> </head>
<body> <body>
<div class="menu">
<ul>
<li><a href="../index.html">Vincent Astolfi</a></li>
<li><a href="./discover.html">Discover Me</a></li>
<li><a href="./projects.html">Projects</a></li>
<li><a href="./cv.html">CV</a></li>
<li><a href="./contact.html">Contact Me</a></li>
</ul>
</div>
<div class="title">My CV</div> <div class="title">My CV</div>
<embed src="../ressources/pdf/CV Astolfi Vincent.pdf" width="800px" height="2100px" /> <embed src="../ressources/pdf/cv_astolfi_vincent.pdf" width="800px" height="1100px" />
<button class="download_button" type="button"> <a href="../ressources/pdf/cv_astolfi_vincent.pdf" download>
Download It <button class="download_button" type="button">
<span class="material-symbols-outlined"> Download It
download <span class="material-symbols-outlined">
</span> download
</button> </span>
</button>
</a>
</body> </body>
</html> </html>

28
pages/discover.html
Unescape View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Discover Me</title>
<link rel="stylesheet" href="../ressources/styles/index.css">
<link rel="stylesheet" href="../ressources/styles/menu.css">
</head>
<body>
<div class="menu">
<ul>
<li><a href="../index.html">Vincent Astolfi</a></li>
<li><a href="./discover.html">Discover Me</a></li>
<li><a href="./projects.html">Projects</a></li>
<li><a href="./cv.html">CV</a></li>
<li><a href="./contact.html">Contact Me</a></li>
</ul>
</div>
Je m'appelle Vincent Astolfi et je suis actuellement étudiant en troisième année à l'iut informatique de Clermont-Ferrand en informatique
Je suis passioné de science et de matématiques depuis le début de mon parcours scolaire et d'informatique également depuis ma rentrée à l'UIT
L'année prochaine, je rentre à l'école d'ingénieur de l'ISIMA en formation en alternance chez Michelin.
Vous pouvez retrouver toute les informations concerntant mes projets et mon CV depuis ce site donc n'hésitez pas.
</body>
</html>

21
pages/projects.html
Unescape View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My projects</title>
<link rel="stylesheet" href="../ressources/styles/index.css">
<link rel="stylesheet" href="../ressources/styles/menu.css">
</head>
<body>
<div class="menu">
<ul>
<li><a href="../index.html">Vincent Astolfi</a></li>
<li><a href="./discover.html">Discover Me</a></li>
<li><a href="./projects.html">Projects</a></li>
<li><a href="./cv.html">CV</a></li>
<li><a href="./contact.html">Contact Me</a></li>
</ul>
</div>
</body>
</html>

BIN
ressources/assets/logo-linkedin-rond.webp
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
ressources/pdf/CV Astolfi Vincent.pdf
View File

Binary file not shown.

BIN
ressources/pdf/cv_astolfi_vincent.pdf
View File

Binary file not shown.

4
ressources/styles/contact.css
Unescape View File

@ -0,0 +1,4 @@
img {
width:100px;
height:100px;
}

45
ressources/styles/cv.css
Unescape View File

@ -0,0 +1,45 @@
body {
background-color: #36454F;
color: white;
margin: 0;
font-family: Arial, sans-serif;
}
.title {
font-size: 2.5em;
text-align: center;
margin-top: 20px;
}
.download_button {
display: block;
margin: 20px auto;
padding: 10px 20px;
background-color: white;
color: #36454F;
border: none;
border-radius: 25px;
font-size: 1em;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
embed {
display: block;
margin: 20px auto;
}
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48;
margin-left: 5px;
}
.download_button:hover {
background-color: #cccccc;
}

36
ressources/styles/index.css
Unescape View File

@ -3,41 +3,7 @@ body {
color: white; color: white;
margin: 0; margin: 0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
overflow: hidden; /* Makes the page non-scrollable */ overflow: hidden;
}
.menu {
display: flex;
justify-content: space-between;
background-color: #000000;
padding: 10px 20px;
}
.menu ul {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
justify-content: space-between;
}
.menu ul li {
margin: 0 15px;
align-self: center;
}
.menu ul li:first-child {
margin-right: auto;
}
.menu ul li a {
color: white;
text-decoration: none;
}
.menu ul li a:hover {
text-decoration: underline;
} }
.title { .title {

34
ressources/styles/menu.css
Unescape View File

@ -0,0 +1,34 @@
.menu {
display: flex;
justify-content: space-between;
background-color: #000000;
padding: 10px 20px;
}
.menu ul {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
justify-content: space-between;
}
.menu ul li {
margin: 0 15px;
align-self: center;
}
.menu ul li:first-child {
margin-right: auto;
}
.menu ul li a {
color: white;
text-decoration: none;
}
.menu ul li a:hover {
text-decoration: underline;
}
Write Preview
Loading…
Cancel
Save