-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
144 lines (144 loc) · 7.91 KB
/
index.html
File metadata and controls
144 lines (144 loc) · 7.91 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accueil | Letecode</title>
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- Open graph -->
<meta property="og:title" content="Accueil | Letecode">
<meta property="og:description" content="Letecode est une grande Communauté">
<meta property="og:type" content="website">
<meta property="og:image" content="https://josaphatmutale.github.io/MonTp/img/logo-trans_copy.png">
<meta property="og:url" content="https://josaphatmutale.github.io/MonTp/">
<!-- google font -->
<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=Montserrat:wght@500&display=swap" rel="stylesheet">
<!-- bootstrap icon -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
</head>
<body>
<!-- La mise en page commence ici -->
<div class="wrapper">
<!-- Début de l'en-tête -->
<nav class="nav-bar">
<div class="nav-logo" id="nav-logo">
<img id="logo" src="img/logo-trans_copy.png" alt="Mon logo">
<span style="color: white; font-size:17px;" class="txt-logo">Letecode </span>
</div>
<div id="nav-links" class="nav-links">
<ul id="list-links">
<li>
<a href="#" title="Accueil">Accueil</a>
</li>
<li>
<a href="pages/communaute.html" title="Communauté" >Communauté</a>
</li>
<li>
<a href="pages/cours.html" title="Cours">Cours</a>
</li>
<li>
<a href="pages/contact.html" title="Contacts" >Contacts</a>
</li>
</ul>
<button type="button" id="btn-close" title="Fermer le menu" class="btn-close">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="40" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
</svg>
</button>
</div>
<button id="btn-menu" type="menu" title="Ouvrir le menu" class="btn-menu">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="40" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
</nav>
<!-- Fin de l'en-tête -->
<main>
<!-- Début du corps de la page -->
<section class="main_index">
<!-- Première section -->
<h1>
Bienvenue sur notre site
</h1>
<p>
Nous vous apprenons à changer le<br>
monde avec votre créativité
</p>
<div>
<!-- Lien de la page contact -->
<p class="lien_contact_index">
<a href="pages/contact.html">Nous contactez</a>
</p>
<!-- -->
</div>
</section>
<!-- Fin de la 1ère section -->
<section class="contenu_index">
<!-- 2e section -->
<div class="part1_contenu_index">
<img src="img/logo-trans_copy.png" alt="logo2">
</div>
<div class="part2_contenu_index">
<h2>
Vous avez droit<br>
d'apprendre
</h2>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vel laborum velit iusto illum ut dicta totam error eius minus harum voluptas blanditiis cum delectus accusamus aperiam cupiditate consequuntur nam incidunt id facilis iste, esse repellendus quod. Minima adipisci, dolores sapiente voluptatibus mollitia,
</p>
</div>
</section>
<!-- Fin de la 2e section -->
<section class="container_index">
<h2>
A propos de nous
</h2>
<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam veniam, sit ea aut beatae voluptas. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Error totam provident quo quaerat maiores, in molestias, a ullam quia dignissimos praesentium. Aspernatur repudiandae esse ipsa <strong>molestias</strong>. Quas nesciunt accusamus ipsum? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eligendi, praesentium.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus voluptatum cum veritatis ipsa quod, voluptatem ut nemo odio, quae labore placeat quos eius reprehenderit neque? Saepe animi alias excepturi pariatur! Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque nihil ipsa quod optio repudiandae fugit! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim iste perferendis quidem nihil placeat temporibus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint recusandae tenetur soluta aliquid quidem error cumque deleniti in iste vitae.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet natus est nesciunt quisquam mollitia ducimus numquam id similique temporibus repellat voluptatem reiciendis dignissimos rerum earum consectetur velit error expedita quidem iusto, aut voluptatibus? Eaque accusamus quam non exercitationem officia adipisci odio voluptatem sit molestias animi, nihil earum delectus est, ab explicabo tenetur sed quo error incidunt. Quod, beatae cupiditate? Consectetur eligendi voluptates quidem error alias provident laboriosam est id repellat. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Corrupti, nulla dicta fugiat officia error eveniet cupiditate dolore porro maxime dolores minus cum voluptates explicabo itaque suscipit et optio adipisci veniam!
</p>
<h3>
Les options:
</h3>
<ul>
<li>
-Git et Github
</li>
<li>
-Html5
</li>
<li>
-Css3
</li>
<li>
-Javascript
</li>
</ul>
</div>
</section>
<!-- Fin du corps de page -->
</main>
<!-- Début du pieds de la page -->
<footer>
<div class="footer_index">
<p>
Développé par Letecode @2023
</p>
</div>
</footer>
<!-- Fin du pieds de la page -->
</div>
<!-- Fin de la page index -->
<script src="Js/index.js"></script>
</body>
</html>