-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (83 loc) · 4.09 KB
/
index.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="fr">
<head>
<!--
Autrice : ABID Fatima
Date : 04.06.2023
Description : page d'accueil du blog décrivant le concept du cosy gaming.
-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./resources/css/style.css">
<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=Poppins:wght@300&display=swap" rel="stylesheet">
<title>Cosy Gaming</title>
</head>
<body>
<header>
<h1><a href="./index.html">Cosy Gaming</a></h1>
</header>
<!-- Début de la barre de navigation du site-->
<nav id="navSidebar">
<ul>
<li><img src="./resources/images/BarreNavigationLaterale/home.png" alt="Icône d'une maison"><a href="./index.html">Accueil</a></li>
<li><img src="./resources/images/BarreNavigationLaterale/blog.png" alt="Icône d'une page web"><a href="./src/html/blog.html">Blog</a></li>
<li><img src="./resources/images/BarreNavigationLaterale/stat.png" alt="Icône d'un graphique"><a href="./src/html/statistiques.html">Stats</a></li>
<li><img src="./resources/images/BarreNavigationLaterale/contact.png" alt="Icône d'une note avec un stylo"><a href="./src/html/contact.html">Contact</a></li>
</ul>
</nav>
<!-- Fin de la barre de navigation du site-->
<!--Début du component principal-->
<section id="sectionIndex">
<h2>
Qu'est-ce que le cosy gaming ?
</h2>
<!--Début explications du blog-->
<div id="content">
<p id="index">
Bonjour et bienvenu-e sur mon blog dédié au cosy gaming ! Si vous cherchez une expérience de jeu relaxante et confortable, le cosy gaming est fait pour vous. Il s'agit d'une approche plus détendue du jeu vidéo, où l'accent est mis sur la convivialité, la simplicité et le plaisir simple. Sur ce blog vous trouverez des reviews de jeux testés par nos blogueurs,
des articles sur nos favoris, un calendrier sur les sorties à venir et une page de contact grâce à laquelle nous pourrons échanger.
</p>
<img src="./resources/images/Home/accueil.gif" alt="gif pixelisé et animé d'un jeu avec un personnage féminin sur un nuage entouré d'autres nuages, le fond est violet-rose.">
</div>
<!--Fin explications du blog-->
<a href="./src/html/blog.html"><button id="startBlog">START</button></a>
</section>
<!--Fin du component principal-->
<!--Début footer-->
<footer>
<div id="logo">
<a href="./index.html"><img src="./resources/images/icons/logo.PNG" alt="logo du blog"></a>
</div>
<ul>
<li>
<a href="./index.html">Accueil</a>
</li>
<li>
<a href="./src/html/blog.html">Blog</a>
</li>
<li>
<a href="./src/html/statistiques.html">Statistiques</a>
</li>
<li>
<a href="./src/html/contact.html">Contact</a>
</li>
</ul>
<div id="socialMedias">
<a href="https://www.instagram.com/cozy.games/?hl=fr"><img src="./resources/images/icons/instagram.png" alt="Logo d'instagram"></a>
<a href="https://twitter.com/cozy__games"><img src="./resources/images/icons/twitter.png" alt="logo de twitter"></a>
<a href="https://www.twitch.tv/cozygames"><img src="./resources/images/icons/twitch.png" alt="logo de twitch"></a>
</div>
<div id="newsletterForm">
<label for="email">Inscris toi à notre newsletter</label>
<div id="mailSaisie">
<input type="email" id="email" placeholder="Ecris ton email ici">
<button>OK</button>
</div>
</div>
</footer>
<!--Fin footer-->
</body>
</html>