-
Notifications
You must be signed in to change notification settings - Fork 0
/
accueil.html
85 lines (77 loc) · 4.9 KB
/
accueil.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
<!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>Page d'accueil</title>
<link rel="stylesheet" href="accueil.css">
<link rel="shortcut icon" href="../projet fil rouge/pictogrammes pour site/logo du site.png" />
</head>
<body>
<header>
<!-- <div class="banner" style="background-image: url(../images/image\ bannière.jpeg);"> -->
<!-- <h1>DISCOVERY DREAM</h1> -->
</div>
<!-- Banière avec image -->
<nav id="accueil">
<ul>
<li><a href="#">ACCUEIL</a></li>
<li>
<a href="http://127.0.0.1:5500/projet%20fil%20rouge/asie.html#asie" target="_blank">ASIE</a>
<ul>
<li><a href="http://127.0.0.1:5500/projet%20fil%20rouge/japon.html#japon" target="_blank">Japon</a></li>
<li><a href="http://127.0.0.1:5500/projet%20fil%20rouge/chine.html#chine" target="_blank">Chine</a></li>
<li><a href="http://127.0.0.1:5500/projet%20fil%20rouge/coree.html#coree" target="_blank">Corée du Sud</a></li>
</ul>
</li>
<li>
<a href="http://127.0.0.1:5500/projet%20fil%20rouge/amerique.html#amerique" target="_blank">AMÉRIQUE DU SUD</a>
<ul>
<li><a href="http://127.0.0.1:5500/projet%20fil%20rouge/mexique.html#mexique" target="_blank">Mexique</a></li>
<li><a href="http://127.0.0.1:5500/projet%20fil%20rouge/colombie.html#colombie" target="_blank">Colombie</a></li>
<li><a href="http://127.0.0.1:5500/projet%20fil%20rouge/bresil.html#bresil" target="_blank">Brésil</a></li>
</ul>
</li>
<li>
<a href="http://127.0.0.1:5500/projet%20fil%20rouge/europe.html#europe" target="_blank">EUROPE</a>
<ul>
<li><a href="http://127.0.0.1:5500/projet%20fil%20rouge/italie.html#italie" target="_blank">Italie</a></li>
<li><a href="http://127.0.0.1:5500/projet%20fil%20rouge/grece.html#grece" target="_blank">Grèce</a></li>
<li><a href="http://127.0.0.1:5500/projet%20fil%20rouge/islande.html#islande" target="_blank">Islande</a></li>
</ul>
</li>
</ul>
</nav>
<!-- rajouter éventuellement une barre de recherche avec le pictogramme de la loupe -->
</header>
<!-- <figure><img src="../projet fil rouge/pictogrammes pour site/logo site.png"width="800px" alt="logo du site"></figure> -->
<div class="example">
<img src="../projet fil rouge/pictogrammes pour site/logo site.png"
width="1000" height="1000" alt="logo du site" />
<div class="content">
<div class="text">Venez découvrir la prochaine destination de vos rêves grâce à notre sélection d'information telles que les traditions, les lieux d'intérêts et la gastronomie des pays d'<a href="http://127.0.0.1:5500/projet%20fil%20rouge/asie.html#asie" target="_blank">Asie</a>, d'<a href="http://127.0.0.1:5500/projet%20fil%20rouge/amerique.html#amerique" target="_blank">Amérique du Sud</a> et d'<a href="http://127.0.0.1:5500/projet%20fil%20rouge/europe.html#europe" target="_blank">Europe</a> que nous avons visité !
</div>
</div>
</div>
<main>
<!-- diaporama ici -->
<!-- <section>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut autem nulla praesentium neque. Magnam consequuntur laudantium atque animi ut? Tempore commodi quibusdam veniam ea incidunt tempora quod dignissimos quidem nemo. <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam illo odit vitae mollitia dolorem esse minus temporibus iusto culpa, sapiente repudiandae magni a tempora cupiditate natus architecto omnis, nulla necessitatibus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut autem nulla praesentium neque. Magnam consequuntur laudantium atque animi ut? Tempore commodi quibusdam veniam ea incidunt tempora quod dignissimos quidem nemo. <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam illo odit vitae mollitia dolorem esse minus temporibus iusto culpa, sapiente repudiandae magni a tempora cupiditate natus architecto omnis, nulla necessitatibus.</p></p>
</section> -->
</main>
<footer>
<ul>
<li class="contact"><a href="http://127.0.0.1:5500/projet%20fil%20rouge/contact.html" target="_blank">Contactez-nous !</a></li>
</ul>
<ul>
<il class="retrouveznous">Retrouvez-nous là-bas !</il>
<ul class="reseaux">
<a href="https://www.instagram.com/"><il><img src="../projet fil rouge/pictogrammes pour site/logo instagram.png" width="20" alt="instagram"></il></a>
<a href="https://www.facebook.com/"> <il><img src="../projet fil rouge/pictogrammes pour site/logo facebook.png" width="20" alt="facebook"></il></a>
</ul>
<il class="mentions">Mentions Légales</il>
</ul>
</footer>
</body>
</html>