esteban.jacques
/
site_portfolio_qui_marche
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Presque

Browse Source
master
Esteban JACQUES 3 weeks ago
parent 72d649c0c8
commit 7d631219c3
9 changed files with 72 additions and 31 deletions
Show Stats Download Patch File Download Diff File

14
css/menu.css
Unescape View File

@ -24,4 +24,16 @@
.liens_dans_le_menu:hover{
color: black;
background-color: grey;
}
}
#reseaux_fixe{
position: fixed;
top: 10vh;
right: 0.01vw;
z-index: 10;
}
.logos_réseaux_sociaux_dans_menu{
height: 7vh;
margin-bottom: 3vh;
}

28
css/style.css
Unescape View File

@ -62,34 +62,6 @@
z-index:-2
}
#id_1_1_3{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 7vh;
background-color: darkslategrey;
display: flex;
justify-content: space-around;
align-items: center;
z-index: 10;
}
.liens_dans_le_menu{
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: white;
}
.liens_dans_le_menu:hover{
color: black;
background-color: grey;
}
#id_1_2{
display:flex;
flex-direction: column;

4
html/Automobile
Unescape View File

@ -21,6 +21,10 @@
<a href="Perso" class="liens_dans_le_menu">Vie privée</a>
<a href="Etudes" class="liens_dans_le_menu">Vie étudiante</a>
</div>
<div id="reseaux_fixe">
<a href="http://instagram.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/insta.png" class="logos_réseaux_sociaux_dans_menu" ></a>
<a href="http://x.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/x.png" class="logos_réseaux_sociaux_dans_menu"></a>
</div>
</header>
<div class="gallerie_images">
<a href="../images_en_grand/RS4_B6"><img src="../automobile_photos/RS4_B6.png" alt="RS4_B6" title="Audi RS4 B6"></a>

6
html/Avion
Unescape View File

@ -21,8 +21,12 @@
<a href="Perso" class="liens_dans_le_menu">Vie privée</a>
<a href="Etudes" class="liens_dans_le_menu">Vie étudiante</a>
</div>
<div id="reseaux_fixe">
<a href="http://instagram.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/insta.png" class="logos_réseaux_sociaux_dans_menu" ></a>
<a href="http://x.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/x.png" class="logos_réseaux_sociaux_dans_menu"></a>
</div>
</header>
<video width="100%" autoplay muted>
<video width="100%" autoplay muted loop>
<source src="../images/Avion.mp4" type="video/mp4">
Probleme engine kaput
</video>

0
Etudes → html/Etudes
Unescape View File

20
html/Informatique
Unescape View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Informatique</title>
</head>
<body>
<header><h1>Informatique</h1></header>
<a href="main">Revenir</a>
</body>
</html>

4
html/Perso
Unescape View File

@ -30,6 +30,10 @@
<a href="Perso" class="liens_dans_le_menu">Vie privée</a>
<a href="Etudes" class="liens_dans_le_menu">Vie étudiante</a>
</div>
<div id="reseaux_fixe">
<a href="http://instagram.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/insta.png" class="logos_réseaux_sociaux_dans_menu" ></a>
<a href="http://x.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/x.png" class="logos_réseaux_sociaux_dans_menu"></a>
</div>
</header>
<h1>Ma vie perso</h1>
</header>

20
html/Ski
Unescape View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Ski</title>
</head>
<body>
<header><h1>Ski</h1></header>
<a href="main">Revenir</a>
</body>
</html>

7
html/main
Unescape View File

@ -6,6 +6,7 @@
<meta charset="utf-8">
<LINK rel="stylesheet" type="text/css" href="../css/style.css">
<LINK rel="stylesheet" type="text/css" href="../css/menu.css">
<title>MyLife</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
@ -26,7 +27,7 @@
<img src="../images/mur.jpg" alt="Mur" title="Mur" id="id_1_1_2"/>
<div id="id_1_1_3">
<div id="menu">
<a href="main" class="liens_dans_le_menu">Page principale</a>
<a href="Automobile" class="liens_dans_le_menu">Automobile</a>
<a href="Ski" class="liens_dans_le_menu">Ski</a>
@ -35,6 +36,10 @@
<a href="Perso" class="liens_dans_le_menu">Vie privée</a>
<a href="Etudes" class="liens_dans_le_menu">Vie étudiante</a>
</div>
<div id="reseaux_fixe">
<a href="http://instagram.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/insta.png" class="logos_réseaux_sociaux_dans_menu" ></a>
<a href="http://x.com" class="liens_réseaux_sociaux_dans_menu"><img src="../images/x.png" class="logos_réseaux_sociaux_dans_menu"></a>
</div>
</header>
<section id="id_1_2">

Write Preview
Loading…
Cancel
Save