-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
77 lines (77 loc) · 4.25 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html lang="FR-fr">
<head>
<!-- paramètre html -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- fichier de style css -->
<link rel="stylesheet" type="text/css" href="core/style_core/style_haut_bas.css">
<link rel="stylesheet" type="text/css" href="core/style_core/style_barre_nav.css">
<link rel="stylesheet" type="text/css" href="core/style_core/style_widgets.css">
<link rel="stylesheet" type="text/css" href="styles/style_erreur_404.css">
<!-- titre -->
<title>😶🌫️ Z'êtes perdu ?</title>
</head>
<body>
<!--en-tête de page-->
<header id="haut_de_page" class="header" role="banner">
<div class="titre_seul">
<h1 class="titre_site" id="titre_site" title="Pandaroux007">Pandaroux007</h1>
</div>
<div id="icone_menu_hamburger">
<span></span>
<span></span>
<span></span>
</div>
</header>
<!--barre de navigation et de recherche-->
<section id="menu_nav_pages_et_recherche" role="navigation">
<!--onglets avec liens vers téléchargement et doc-->
<nav class="onglets">
<a href="index.html"><li>Accueil</li></a>
<a href="index.html#presentation"><li>Présentation</li></a>
<a href="index.html#projets"><li>Projets</li></a>
<a href="index.html#application"><li>Applications</li></a>
</nav>
<!--Barre de recherche et son icone-->
<div class="conteneur_recherche" title="Entrez un terme ici">
<input type="text" class="barre_de_recherche" placeholder="Rechercher..." autocomplete="on" autofocus>
<div class="icone-loupe-recherche">
<img src="core/icons_core/recherche.svg" onmousedown="return false" onmousemove="return false" alt="Recherche" title="Rechercher" width="20px" height="20px">
</div>
</div>
</section>
<!--Contenu de la page (article, etc...)-->
<main class="partie_centrale" role="main">
<br><br>
<section class="sections_partie_centrale">
<img class="img_warning" src="icons/404.svg" onmousedown="return false" onmousemove="return false" alt="Avertissement" title="⚠️ Erreur 404! ⚠️">
<div class="paragraphe_erreur">
<h1>ERREUR 404</h1>
<p class="paragraphe_erreur"><i>Aïe, désolé, mais il semble que la page que vous recherchez n'existe pas ou plus...</i></p>
<p><i>Deux solutions s'offrent à vous. Sois vous continuez à errer dans les profondeurs de ce site<br>
(curieux que vous êtes</i> 👀<i>), soit vous retournez à l'accueil pour découvrir mes projets! </i>🔥</p>
</div>
<a href="index.html" class="bouton">Retourner à l'Accueil</a>
</section>
</main>
<!--bas de page-->
<footer class="bas_de_page" role="contentinfo">
<div class="bas_de_page_gauche">
<p>© 2025 Pandaroux007</p>
</div>
<div class="bas_de_page_centre">
<a href="index.html">Accueil</a>
</div>
<!--lien sociaux-->
<div class="bas_de_page_droite">
<a href="https://www.youtube.com/@pandaroux007" target="_blank"><img src="core/icons_core/youtube.png" onmousedown="return false" onmousemove="return false" alt="YouTube" title="YouTube"></a>
<a href="https://github.com/pandaroux007" target="_blank"><img src="core/icons_core/github.png" onmousedown="return false" onmousemove="return false" alt="GitHub" title="GitHub"></a>
<a href="https://forum.arduino.cc/u/pandaroux007/summary" target="_blank"><img src="core/icons_core/arduino.svg" onmousedown="return false" onmousemove="return false" alt="Forum Arduino" title="Forum Arduino"></a>
</div>
</footer>
<!--charger le javascript -->
<script src="core/scripts_core/eventClickBurgerMenu.js"></script>
<script>0</script>
</body>
</html>