-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (63 loc) · 4 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta charset="UTF-8"/>
<title>Fantaisies</title>
<meta name="author" content="Coignion Tristan"/>
<meta name="keywords" content="Mini-Projet HTML"/>
<link rel="stylesheet" type="text/css" href="./style/fantasy_style.css"/>
<link rel="stylesheet" type="text/css" href="./style/sommaire_style.css"/>
<link href="./icon/favicon1.ico" rel="icon" type="image/x-icon" />
</head>
<body>
<header>
<div>
<h1>De la Fantasy pour tous les goûts !</h1>
<nav class="banniere">
<span id="page"><a href="./index.html">Accueil</a></span> ♦
<span><a href="./html/discworld.html">Les annales du Disque-Monde </a></span> ♦
<span><a href="./html/croisee.html">A la Croisée des Mondes </a></span> ♦
<span><a href="./html/naheulbeuk.html">Le Donjon de Naheulbeuk</a></span>
</nav>
</div>
</header>
<div class="content">
<h2>Accueil du site</h2>
<div class="intro">
<p>Bonjour à toi visiteur venu d'ailleurs ! Tu es très sûrement exténué de ton voyage sur la toile. Alors, je te propose de venir t'assoir dans nos fauteuils, de prendre un thé, et de découvrir notre bibliothèque de livres de Fantasy.</p>
<p>Qu'est-ce que c'est que la Fantasy ? La fantasy, ou fantasie1 (terme issu de l’anglais fantasy : « imagination ») est un genre littéraire présentant un ou plusieurs éléments surnaturels qui relèvent souvent du mythe et qui sont souvent incarnés par l’irruption ou l’utilisation de la magie.</p>
<p>La fantasy fait partie des littératures de l'imaginaire. Dans la fantasy comme dans le merveilleux, le surnaturel est généralement accepté, voire utilisé pour définir les règles d'un monde imaginaire, et n'est pas nécessairement objet de doute ou de peur. Cela distingue la fantasy du fantastique où le surnaturel fait intrusion dans les règles du monde habituel, et de l'horreur où il suscite peur et angoisse. Par extension, à partir du genre littéraire, on parle aussi de fantasy à propos d'illustrations, de bandes dessinées, de films, de jeux, etc. <br/>
C'est dans ce genre de livres que tu pourras trouver des fées, des dragons, des nains et des elfes, mais aussi des hobbits, des châteaux cyclopéens, ainsi que des aventures folles et pleines de rebondissements !</p>
<p>Tiens en parlant de rebondissements... Nous nous en sommes fait presque tout nos livres par un stupide hobbit joufflu ! Alors, il ne nous reste que ceux de ma collection personnelle. Tu es très chanceux tu sais et pour cuase ! Ce sont également les meilleurs de la bilbiothèque !</p>
<h5>
3 livres s'offrent à toi, lequel choisis-tu ?
</h5>
</div>
<div class="bibliotheque">
<div class="livre">
<h3>Les annales du Disque-Monde</h3>
<a href="./html/discworld.html"><img src="./image/discworld_cover.jpg" alt="La huitième couleur - couverture"/></a>
<div class="caption">
Cette saga signée <span class="auteur">Terry Pratchett</span> vous emmenera dans un monde loufoque où la logique y est propre
</div>
</div>
<div class="livre">
<h3>A la croisée des Mondes</h3>
<a href="./html/croisee.html"><img src="./image/croisee_monde_cover3.jpg" alt="Les Royaumes du Nord - couverture"/></a>
<div class="caption">
Une trilogie de <span class="auteur">Philip Pullman</span> qui va vous faire voyager à travers plusieurs mondes parallèles
</div>
</div>
<div class="livre">
<h3>Le Donjon de Naheulbeuk</h3>
<a href="./html/naheulbeuk.html"><img src="./image/naheulbeuk_cover.jpg" alt="A l'aventure, compagnons - couverture"/></a>
<div class="caption">
Une série réalisée par <span class="auteur">John Lang</span> qui va suivre l'histoire d'aventuriers un peu nuls
</div>
</div>
</div>
</div>
<footer>
Site réalisé par Tristan Coignion dans le cadre d'un mini-projet de Technologie du Web à l'Université de Lille</footer>
</body>
</html>