-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (52 loc) · 4.12 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet">
<title>Simpsons</title>
</head>
<body>
<div id="wrapper">
<header>
<h2>Oooooh Pinaise ! ...</h2>
<figure>
<img id="famille-simpson" src="./images/image-simpsons.jpg" alt="Famille Simpsons">
</figure>
</header>
<main>
<section>
<nav>
<ul>
<li class="link"><a href="#Accueil">Accueil</a></li>
<li class="link"><a href="#Le_film">Le film</a></li>
<li class="link"><a href="#Personnages">Personnages</a></li>
<li class="link"><a href="#Histoire">Histoire</a></li>
<li class="link"><a href="https://github.com/Jojoaventurier" target="_blank">Matt Groening</a></li>
</ul>
</nav>
<article id="wrapper2">
<h1>Les Simpsons</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit assumenda tempora sunt cum placeat accusantium praesentium laudantium animi explicabo voluptates doloremque, illum omnis magnam aliquam eius quibusdam nostrum iure exercitationem natus vitae aliquid a fugiat. Vel, eum possimus. Sint officia quidem omnis exercitationem optio repellendus in et aliquam ratione! Blanditiis nulla mollitia quidem adipisci vitae iusto nobis magnam reprehenderit. Sit nulla asperiores debitis eveniet, doloremque, ipsam tempora placeat eum dolorem ex natus voluptatibus, architecto sed enim libero laudantium quaerat omnis ipsa fugiat. Aspernatur quidem maiores dignissimos commodi, voluptatibus praesentium odit, exercitationem sequi, omnis deleniti ea sed iusto? Accusantium cum dolorem odit laboriosam cupiditate aliquam quod enim officia minima veniam ex molestiae, libero ducimus quasi beatae quisquam voluptates autem dolores saepe ipsa! Vero minima tempore voluptatem atque dolore, perspiciatis vel aliquid eveniet ea nisi quibusdam repellendus dignissimos reiciendis voluptate, enim, magni blanditiis? Numquam doloremque pariatur quos facere ipsa labore ut placeat excepturi similique. Quod ipsum possimus quibusdam magnam animi, vero distinctio commodi facilis debitis error nihil reiciendis placeat ipsam sunt reprehenderit, id sit aut. Porro odit enim incidunt tempore beatae distinctio, veniam placeat voluptatem, nostrum, illo voluptas hic quas maxime quos molestiae amet sint dolore dolores minus eos voluptate impedit perspiciatis deleniti molestias. Molestias mollitia sunt tenetur quas officiis aspernatur, delectus quae libero dolores blanditiis similique dicta aliquid ducimus harum corrupti? Esse facere repellat quia beatae nisi laudantium tempore aperiam vero reiciendis quae dignissimos autem dolorem culpa labore aspernatur quos odit ullam, corporis modi dolorum unde quod! Nihil architecto nesciunt numquam.
</p>
</article>
<aside>
<figure class="imgContainer">
<img id="matt-groening" src="./images/photo-matt.jpg" alt="Matt Groening">
<figcaption>
<h3>Matt Groening</h3>
</figcaption>
</figure>
<p id="texte-1">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quasi nesciunt voluptas amet voluptates inventore distinctio! Rerum facilis enim, voluptatibus cupiditate maxime sed quidem commodi, accusamus delectus officiis, ad nam ab aut quisquam eum doloribus sequi tempora quo aperiam quis ea.
</p>
</aside>
</section>
</main>
<footer>
<small>©2015 The Simsons Elan</small>
</footer>
</div>
</body>
</html>