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.
83 lines
3.5 KiB
83 lines
3.5 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<LINK rel="stylesheet" type="text/css" href="style.css">
|
|
<title>MyLife</title>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap" rel="stylesheet">
|
|
|
|
|
|
</head>
|
|
|
|
<body id="id_1">
|
|
<header id="id_1_1">
|
|
|
|
<div id = "id_1_1_1">
|
|
<img src="moi3.png" alt="Ma grosse tete la" title="ça pousse" id="id_1_1_1_1"/>
|
|
<h1 id="id_1_1_1_2">Je m'apelle Esteban Jacques,</br></br>étudiant en première année de BUT informatique</h1>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<section id="id_1_2">
|
|
|
|
<article id="id_1_2_1" class="conteneur_des_images_de_fond_pour_galeries_et_liens">
|
|
<a href="Automobile" class="liens_sur_images_de_fond_pour_galeries" id="id_1_2_1_1"><img src="RS4.jpg" alt="automobile_photo" title="automobile_photo" id="id_1_2_1_1_1" class="images_de_fond_pour_galeries"/></a>
|
|
</article>
|
|
|
|
<article id="id_1_2_2" class="conteneur_des_images_de_fond_pour_galeries_et_liens">
|
|
<a href="Ski" class="liens_sur_images_de_fond_pour_galeries" id="id_1_2_2_1"><img src="ski.jpg" alt="ski_photo" title="ski_photo" id="id_1_2_2_1_1" class="images_de_fond_pour_galeries"/></a>
|
|
</article>
|
|
|
|
<article id="id_1_2_3" class="conteneur_des_images_de_fond_pour_galeries_et_liens">
|
|
<a href="Avion" class="liens_sur_images_de_fond_pour_galeries" id="id_1_2_3_1"><img src="avion.jpg" alt="avion_photo" title="avion_photo" id="id_1_2_3_1_1" class="images_de_fond_pour_galeries"/></a>
|
|
</article>
|
|
|
|
<article id="id_1_2_4" class="conteneur_des_images_de_fond_pour_galeries_et_liens">
|
|
<a href="Informatique" class="liens_sur_images_de_fond_pour_galeries" id="id_1_2_4_1"><img src="matrix4k.jpg" alt="informatique_photo" title="informatique_photo" id="id_1_2_4_1_2" class="images_de_fond_pour_galeries"/></a>
|
|
<div id="id_1_2_4_2"></div>
|
|
</article>
|
|
|
|
</section>
|
|
|
|
<footer id="id_1_6">
|
|
|
|
<div id="id_1_6_1" class="conteneurs_des_images_et_paragraphes_pour_aller_sur_les_pages_de_vie">
|
|
<a href="Perso" class="liens_sur_images_pour_aller_sur_les_pages_de_vie" id="id_1_6_1_1"><img src="cafe.jpg" alt="cafe" title="cafe" id="id_1_6_1_1_1" class="illustrations_pour_pages_de_vie"/></a>
|
|
<h1 id="id_1_6_1_2" class="paragraphes_pour_pages_de_vie">Vie personelle</h1>
|
|
</div>
|
|
|
|
<div id="id_1_6_2" class="conteneurs_des_images_et_paragraphes_pour_aller_sur_les_pages_de_vie">
|
|
<h1 id="id_1_6_2_2" class="paragraphes_pour_pages_de_vie">Vie étudiante</h1>
|
|
<a href="Etudes" class="liens_sur_images_pour_aller_sur_les_pages_de_vie" id="id_1_6_2_1"><img src="amphi" alt="amphi" title="amphi" id="id_1_6_2_1_1" class="illustrations_pour_pages_de_vie"/></a>
|
|
</div>
|
|
|
|
<aside id="id_1_6_3">
|
|
|
|
<h2 id="id_1_6_3_1">Réseaux sociaux</h2>
|
|
|
|
<div id="id_1_6_3_2">
|
|
<ul id="id_1_6_3_2_1">
|
|
<li><a href="http://instagram.com"><img src="insta.png" id="id_1_6_3_2_1_1" class="logos_réseaux_sociaux"></a></li>
|
|
<li><a href="http://x.com"><img src="x.png" id="id_1_6_3_2_1_2" class="logos_réseaux_sociaux"></a></li>
|
|
<li><a href="http://youtube.com"><img src="youtube.png" id="id_1_6_3_2_1_3" class="logos_réseaux_sociaux"></a></li>
|
|
<li><a href="http://discord.com"><img src="discord.png" id="id_1_6_3_2_1_4" class="logos_réseaux_sociaux"></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</aside>
|
|
|
|
</footer>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|