-
Notifications
You must be signed in to change notification settings - Fork 0
/
etape4.html
44 lines (40 loc) · 2.92 KB
/
etape4.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colored Design</title>
<!-- <link rel="stylsheet" href="../sitePOMME/css/style_index.css"> -->
<!-- style dans l'entête -->
</head>
<body>
<!-- le contenu principal >>> souvent nommé id="main" ou id="container" -->
<div id="conteneur">
<h1 id="header"><a href="#" title="Colored Design - Accueil"><span>Colored Design</span></a></h1>
<!-- ici la navigation -->
<nav>
<ul id="menu">
<li><a href="">Etape 1</a></li>
<li><a href="">Etape 2</a></li>
<li><a href="">Etape 3</a></li>
<li><a href="">Etape 4</a></li>
<li><a href="">Etape 5</a></li>
</ul>
</nav>
<!-- une 2éme div pour le contenu après l'entête de la page -->
<div id="contenu">
<h2>Un titre</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae voluptas adipisci, placeat eum vitae nulla sequi cum similique labore quos laboriosam iure suscipit quaerat velit maxime nobis neque praesentium a!</p>
<blockquote>
<p>jus de fruit est une pomme</p>
</blockquote>
<h3>Les bonnes pommes font le bon cidre</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laudantium expedita velit culpa dolor aspernatur in, iste quibusdam a corrupti non nam corporis aliquam accusamus beatae quia vel nobis, voluptas fugiat! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati eveniet distinctio error odio. Rerum molestias nisi nulla autem, repudiandae recusandae deserunt adipisci odio, odit alias voluptatem error qui minus hic! Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus odit, error ipsum minima reprehenderit qui assumenda laborum magni itaque repellat facere id saepe, eius, quis numquam perspiciatis autem tempore quod.lorem. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad quas amet omnis at? Incidunt atque deleniti consequatur pariatur iste, corporis odio enim optio earum tempore, sed voluptatem assumenda amet. Ipsa.lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam, perferendis? Delectus, suscipit culpa. Illo dolor, sequi alias dignissimos nulla, sit aspernatur magnam at, possimus maxime libero pariatur vel laudantium rerum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis saepe eaque ipsam reiciendis corrupti blanditiis animi fugiat voluptate, dicta tenetur at aperiam. Ipsum laborum nisi quia, velit temporibus praesentium ipsa!</p>
<!-- fermeture de div contenu -->
</div>
<!-- ici le pied de page avec l'id footer que l'on trou -->
<p id="footer">Réalisation des codes HTML/CSS, du tutoriel et du design par ElMoustiko</p>
<!-- fermeture de #conteneur -->
</div>
</body>
</html>