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

✨ project finish
continuous-integration/drone/push Build is failing Details

Browse Source
main
Vincent ASTOLFI 11 months ago
parent 2ee185502d
commit 7d46783795
8 changed files with 139 additions and 12 deletions
Show Stats Download Patch File Download Diff File

2
index.html
Unescape View File

@ -13,7 +13,7 @@
<ul>
<li><a href="index.html">Vincent Astolfi</a></li>
<li><a href="./pages/discover.html">Discover Me</a></li>
<li><a href="./projects">Projects</a></li>
<li><a href="./pages/projects.html">Projects</a></li>
<li><a href="./pages/cv.html">CV</a></li>
<li><a href="./pages/contact.html">Contact Me</a></li>
</ul>

16
pages/contact.html
Unescape View File

@ -4,7 +4,6 @@
<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>
@ -18,9 +17,20 @@
<li><a href="./contact.html">Contact Me</a></li>
</ul>
</div>
Vous pouvez me contacter depuis mon adresse mail : vincent.astolfi@etu.uca.fr
<div class="title">
Me contacter
</div>
<br>
<br>
ou depuis mes différents réseaux :
<div class="subtitle">
Vous pouvez me contacter depuis mon adresse mail : vincent.astolfi@etu.uca.fr
</div>
<div class="subtitle">
ou depuis mes différents réseaux :
</div>
<a href="https://www.linkedin.com/in/vincent-astolfi-8854b0251/">
<img src="../ressources/assets/logo-linkedin-rond.webp" alt="My linkedin">

23
pages/discover.html
Unescape View File

@ -4,7 +4,7 @@
<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/contact.css">
<link rel="stylesheet" href="../ressources/styles/menu.css">
</head>
<body>
@ -17,12 +17,25 @@
<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
<div class="title">
Qui suis-je
</div>
<div class="subtitle">
Je m'appelle Vincent Astolfi et je suis actuellement étudiant en troisième année à l'iut informatique de Clermont-Ferrand en informatique
</div>
L'année prochaine, je rentre à l'école d'ingénieur de l'ISIMA en formation en alternance chez Michelin.
<div class="subtitle">
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
</div>
Vous pouvez retrouver toute les informations concerntant mes projets et mon CV depuis ce site donc n'hésitez pas.
<div class="subtitle">
L'année prochaine, je rentre à l'école d'ingénieur de l'ISIMA en formation en alternance chez Michelin.
</div>
<div class="subtitle">
Vous pouvez retrouver toute les informations concerntant mes projets et mon CV depuis ce site donc n'hésitez pas.
</div>
</body>
</html>

42
pages/projects.html
Unescape View File

@ -4,7 +4,7 @@
<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/projects.css">
<link rel="stylesheet" href="../ressources/styles/menu.css">
</head>
<body>
@ -17,5 +17,45 @@
<li><a href="./contact.html">Contact Me</a></li>
</ul>
</div>
<div class="projects">
<div class="title">archivr</div>
<div class="subtitle">Description : </div>
<div class="text">
Projets web permettant la création de visite guidée en réalité virtuelle à partir de photo 360°
</div>
<div class="subtitle">Techonlogies : </div>
<div class="text">
PHP, JS, A-frame framework
</div>
<a class="link" href="https://github.com/viastolfi/maettleship">Lien du projet</a>
<div class="title">Maettleship</div>
<div class="subtitle">Description : </div>
<div class="text">
Projets web de jeu de bataille navale multijoueur en ligne (toujours en cours)
</div>
<div class="subtitle">Techonlogies : </div>
<div class="text">
JS, NodeJS, Socket.io
</div>
<a class="link" href="https://github.com/viastolfi/archivr">Lien du projet</a>
<div class="title">VSC</div>
<div class="subtitle">Description : </div>
<div class="text">
Application de type master-detail permettant de servir d'accompagnateur pour le jeu Vampire Survivors
</div>
<div class="subtitle">Techonlogies : </div>
<div class="text">
C#, WPF, API Steam
</div>
<a class="link" href="https://github.com/viastolfi/VSC">Lien du projet</a>
<div class="subtitle">Vous pouvez retrouver tout mes autres projets ici :</div>
<a href="https://github.com/viastolfi">
<img src="../ressources/assets/GitHub-Mark-ea2971cee799.png" alt="My github">
</a>
</div>
</body>
</html>

BIN
ressources/assets/GitHub-Mark-ea2971cee799.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

22
ressources/styles/contact.css
Unescape View File

@ -1,4 +1,26 @@
body {
background-color: #36454F;
color: white;
margin: 0;
font-family: Arial, sans-serif;
overflow: hidden;
}
img {
width:100px;
height:100px;
display: block;
margin: 20px auto;
}
.title {
font-size: 4em;
text-align: center;
margin-top: 10%;
}
.subtitle {
font-size: 2,5em;
text-align: center;
margin-top: 3%;
}

1
ressources/styles/index.css
Unescape View File

@ -15,6 +15,7 @@ body {
.subtitle {
font-size: 2,5em;
text-align: center;
margin-top: 3%;
}
.dicover_me_button {

41
ressources/styles/projects.css
Unescape View File

@ -0,0 +1,41 @@
body {
background-color: #36454F;
color: white;
margin: 0;
font-family: Arial, sans-serif;
}
.title {
font-size: 4em;
font-style: bold;
text-align: center;
margin-top: 2%;
}
.subtitle {
font-size: 2em;
text-align: center;
margin-top: 1%;
}
.text {
font-size: 1em;
text-align: center;
margin-top: 1%;
}
.link {
text-decoration: none;
text-align: center;
font-size: 1em;
display: block;
margin: 20px auto;
color: white;
}
img {
width:100px;
height:100px;
display: block;
margin: 20px auto;
}
Write Preview
Loading…
Cancel
Save