Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@math-pixel
math-pixel authored Oct 25, 2021
1 parent 0fb73b1 commit 1ee4aa9
Show file tree
Hide file tree
Showing 2 changed files with 76 additions and 25 deletions.
41 changes: 37 additions & 4 deletions css.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,6 +64,10 @@ body{
align-content: space-around;
}

a:visited{
color: white;
}


.en-tete{
display: flex
Expand Down Expand Up @@ -356,6 +360,17 @@ body{
padding: 100px;
}

.prog{
display: flex;
justify-content: space-around;
text-align: center;
text-decoration: none;
color: white;
}
.prog a{
margin: 10px;
}




Expand Down Expand Up @@ -495,19 +510,37 @@ body{
text-align: center;

}
.stage{
animation-name: floating-scolaire;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.obj{
animation-name: floating-experience;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.int{
animation-name: floating-passion;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.exp h4{
text-align: center;
line-height: 15px;
max-width: 150px;

margin: 10px;
}
.exp h4:hover{
border-bottom: thick double #32a1ce;
}
.exp div{
text-align: center;
}
}
.exp a:visited{
text-decoration-color: none;
}


.footer{
Expand Down
60 changes: 39 additions & 21 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>
<title>CV</title>
<meta charset="UTF-8" />
<meta charset="UTF-10" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css.css" />
<link rel="icon" href="./image/sphere_100px.png">
Expand All @@ -11,7 +11,7 @@
<body>

<div class="page">
<h1 class="titre_bienvenue">CV en ligne &#128203;</h2>
<h1 class="titre_bienvenue">CV en ligne &#1210203;</h2>
<div class="en-tete">
<img src="./image/profil2.png" class="profil">
<h1 class="name">Chavanel Mathieu</h1>
Expand All @@ -21,7 +21,7 @@ <h1 class="name">Chavanel Mathieu</h1>
<div class ="glass scolaire">
<h1 class="titre">Parcours et <br>Niveau<br>Scolaire</h1>
<div class="overlay">
<div class="text">Parcours Scolaire &#128200;</div>
<div class="text">Parcours Scolaire &#1210200;</div>
<div >
<ul class="list_scolaire">
<li>Lycee Louis Lachenal 1ere STI2D et Terminal SIN </li>
Expand All @@ -38,7 +38,7 @@ <h1 class="titre">Parcours et <br>Niveau<br>Scolaire</h1>
<div class ="glass passion">
<h1 class="titre">Passions</h1>
<div class="overlay">
<div class="text">Passions &#9889;</div>
<div class="text">Passions &#910109;</div>
<div class="list_Passion">
<ul>
<li>Sports</li>
Expand All @@ -56,7 +56,7 @@ <h1 class="titre">Passions</h1>
<div class ="glass informatique">
<h1 class="titre">Languages<br>Informatique</h1>
<div class="overlay">
<div class="text">Languages Informatique &#128190;</div>
<div class="text">Languages Informatique &#1210190;</div>
<div class="list_Informatique">
<ul>
<li>Python</li><br>
Expand All @@ -70,7 +70,7 @@ <h1 class="titre">Languages<br>Informatique</h1>
<div class ="glass projet">
<h1 class="titre">Projets<br>Personnel</h1>
<div class="overlay">
<div class="text">Projets Personnel &#128165;</div>
<div class="text">Projets Personnel &#1210165;</div>
<div class="list_projet">
<ul>
<li>Imprimante 3D DIY</li>
Expand Down Expand Up @@ -135,6 +135,12 @@ <h3>c# / c++</h3>
</div>
</div>
</div>
<div class="prog">
<img src="./image/icons8-arrow-96(3).png">
<a href="program_page.html"><h3>Mes programmes</h3></a>
<img src="./image/icons8-arrow-96(3).png">
</div>

<div class="port_perso" id="projets_perso">
<h1>Projets Personnel</h1>
</div>
Expand All @@ -144,49 +150,61 @@ <h1>Projets Personnel</h1>

<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 8</div>
<div class="numbertext">1 / 10</div>
<img src="./image/print_3d/72.jpg" class="img_slide">
<div class="text">3D Printer</div>
</div>

<div class="mySlides fade">
<div class="numbertext">2 / 8</div>
<div class="numbertext">2 / 10</div>
<img src="./image/japon blender3.png" class="img_slide">
<div class="text">3D Creation</div>
</div>

<div class="mySlides fade">
<div class="numbertext">3 / 8</div>
<div class="numbertext">3 / 10</div>
<img src="./image/print_3d/62.jpg" class="img_slide">
<div class="text">3D Printer</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 8</div>
<div class="numbertext">4 / 10</div>
<img src="./image/mathieu clone.png" class="img_slide">
<div class="text">Photoshoped Image</div>
</div>

<div class="mySlides fade">
<div class="numbertext">5 / 8</div>
<div class="numbertext">5 / 10</div>
<img src="./image/print_3d/65.jpg" class="img_slide">
<div class="text">3D Printer</div>
</div>

<div class="mySlides fade">
<div class="numbertext">6 / 8</div>
<div class="numbertext">6 / 10</div>
<img src="./image/killua.png" class="img_slide">
<div class="text">Photoshoped Image</div>
</div>
<div class="mySlides fade">
<div class="numbertext">7 / 8</div>
<div class="numbertext">7 / 10</div>
<img src="./image/print_3d/11.jpg" class="img_slide">
<div class="text">3D Printer</div>
</div>
<div class="mySlides fade">
<div class="numbertext">8 / 8</div>
<div class="numbertext">8 / 10</div>
<img src="./image/sbre cyberpunk.png" class="img_slide">
<div class="text">3D Creation</div>
</div>
<div class="mySlides fade">
<div class="numbertext">9 / 10</div>
<img src="./image/tableMix.jpg" class="img_slide">
<div class="text">Table de mixage DIY</div>
</div>
<div class="mySlides fade">
<div class="numbertext">10 / 10</div>
<img src="./image/rengoku sword1.png" class="img_slide">
<div class="text">3D Creation</div>
</div>



</div>

Expand All @@ -196,9 +214,9 @@ <h1>Projets Personnel</h1>
<h1>Experience</h1>
</div>
<div class="exp">
<div><h4 >Stage de 3eme chez scenik</h4></div>
<div><h4 >Job d'été chez Objectif nuit</h4></div>
<div><h4 >creation de template et du site internet : <a href="https://www.festiloc74.com/" target="_blank">Festi'Loc 74</a></h4></div>
<div class="stage"><h4 >Stage de 3eme chez scenik</h4></div>
<div class="obj"><h4 >Job d'été chez Objectif nuit</h4></div>
<div class="int"><h4 >creation de template et du site internet : <a href="https://www.festiloc74.com/" target="_blank" class="yey___designs">Festi'Loc 74</a></h4></div>
</div>

</div>
Expand All @@ -207,13 +225,13 @@ <h1>Experience</h1>
<footer class="footer">
<div>
<h1>
Contact &#128513;
Contact &#1210513;
</h1>
<h2>
<ul class="list_contact">
<li>&#128236; [email protected]</li><br>
<li>&#128222; 07 83 39 63 65</li><br>
<li>&#128230; 40 rue de la crete</li><br>
<li>&#1210236; [email protected]</li><br>
<li>&#1210222; 07 103 39 63 65</li><br>
<li>&#1210230; 40 rue de la crete</li><br>
<li style="display: flex;"><img src="image/github_logo.png" class="logo"><a class="yey___design" href="https://github.com/math-pixel" target="_blank" style="padding-left: 10px;">math-pixel</a></li><br>
<li style="display: flex;"><img src="image/icone_insta.png" class="logo"><a class="yey___design" href="https://www.instagram.com/yey___design/" target="_blank" style="padding-left: 10px;">@yey___design</a></li><br>

Expand Down

0 comments on commit 1ee4aa9

Please sign in to comment.