You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.5 KiB
52 lines
1.5 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<LINK rel="stylesheet" type="text/css" href="style.css">
|
|
<title>MyLife</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<div id = "header_background"></div>
|
|
<a href="Perso" class="pages">Ma vie perso</a>
|
|
<a href="Etudes" class="pages">Ma vie étudiante</a>
|
|
<img src="moi3.png" alt="Ma grosse tete la" title="ça pousse" id="photo"/>
|
|
</div>
|
|
</header>
|
|
<div id="automobile" class="background">
|
|
<a href="Automobile" class="titleBackground" id="titleVoiture">L'automobile</a>
|
|
</div>
|
|
<div id="ski" class="background">
|
|
<a href="Ski" class="titleBackground" id="titleSki">Le ski</a>
|
|
</div>
|
|
<div id="avion" class="background">
|
|
<a href="Avion" class="titleBackground" id="titleAvion">L'aéronautique</a>
|
|
</div>
|
|
<div id="informatique" class="background">
|
|
<a href="Informatique" class="titleBackground" id="titleInformatique">L'informatique</a>
|
|
<div id="gradient"></div>
|
|
</div>
|
|
<div id="piedPage">
|
|
<a href="Perso">Ma vie perso</a>
|
|
<a href="Etudes">Ma vie étudiante</a>
|
|
<aside>
|
|
<h2 id="reseaux">Réseaux sociaux</h2>
|
|
<div id="liens">
|
|
<a href="http://instagram.com"><img src="insta.png" id="insta" class="logo"></a>
|
|
<a href="http://x.com"><img src="x.png" id="x" class="logo"></a>
|
|
<a href="http://youtube.com"><img src="youtube.png" id="youtube" class="logo"></a>
|
|
<a href="http://discord.com"><img src="discord.png" id="discord" class="logo"></a>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
<footer>footer</footer>
|
|
</body>
|
|
|
|
|
|
</html>
|