-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (131 loc) · 6.65 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
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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<title>Reservia : trouvez votre hébergement pour des vacances de rê,ve</title>
<!-- Compatibilité IE <9 -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<nav class="navigation">
<div class="LogoHeader">
<img alt="Logo Reservia" src="./images/logo/[email protected]">
</div>
<a id="CompteClient" href="test.html">S'inscrire</a>
<!-- lien provisoire -->
<a class="NavGauche" href="#SectionHebergement">Hébergements</a>
<a class="NavDroite" href="#SectionActivite">Activités</a>
<!-- lien provisoire -->
</nav>
<section class="SectionHeader">
<h2>Trouvez votre hébergement pour des vacances de rêve</h2>
<h3>En plein centre ville ou en pleine nature</h3>
<form method="post" action="hebergements.php">
<label>Rechercher
<input name="localisation" type="search" value="Marseilles">
</label>
</form>
<!--Message de synthèse de la recherche-->
Plus de
<!--insérer chiffre début-->
50
<!--insérer chiffre fin -->
logements
</section>
</header>
<main>
<!--Pavé hébergement-->
<section class="SectionHebergement">
<div class="Principal">
<!--résultats recherche hébergement-->
<h2 id="SectionHebergement">Hébergements à
<!--insérer le nom de commune début -->
<!-- pour maquette -->
Marseilles
<!-- insérer le nom de commune fin -->
<!-- accord pluriel? -->
<!-- grille affichage résultats -->
</h2>
<article class="ArticleHebergement">
<!-- fiche hébergement -->
<h3>Titre</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquam quam ipsum, eget varius lectus lipsum interdum nec. Nunc egestas, orci in mollis pharetra, lorem urna aliquet ex, non sollicitudin est nulla aliquet enim. Cras tincidunt
interdum mi vitae egestas. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque fringilla scelerisque orci, quis suscipit neque tristique nec. Integer lacinia pretium consequat. Praesent
rhoncus sagittis molestie. Etiam pulvinar tellus vitae urna posuere elementum. Donec gravida tempus lectus. In consequat felis ac porta viverra. Vestibulum consequat porta odio sed mollis. Fusce semper hendrerit est nec fringilla.
Cras sed odio egestas, sodales odio facilisis, molestie lectus.</p>
</article>
</div>
<aside class="AsideHebergement">
<h2>Les plus populaires</h2>
<!-- grille -->
<article class="ArticleHebergement">
<!--fiche hébergement-->
<h3>Titre</h3>
<p>Nulla tincidunt augue vel commodo rutrum. Nunc sit amet augue ultricies lorem ipsum sem consectetur etius moderis. Ut non eros nec nisi dapibus vehicula ac sit amet tellus. Curabitur non viverra neque. Fusce eleifend ultricies neque,
vel hendrerit purus vehicula ut. Nullam lacinia nisl sed ipsum posuere convallis. Nam tristique nibulumque bibendum libero mattis bibendum. Aliquam placerat, nibulumque non placerat aliquam, tortor nibulumque lacinia dui, vitae
fringilla erat velit id arcantis. Donec mauris eros, elementum et ante nec, scelerisque aliquam lorem. Ut nec eros sit lipsum amet enim commodo efficitur. Praesent quam diam, bibendum sit amet congue eu, tempus eget elit. Integer
porttitor risus justo, ac sagittis dui molestie vitae. Maecenas ut hendrerit enim. Maecenas nec urna ante.</p>
</article>
</aside>
</section>
<section class="SectionActivite">
<!--Pavé activités-->
<h2 id="SectionActivite">Activités à
<!--insérer le nom de commune -->
<!--accord pluriel?-->
</h2>
<!--résultats recherche activités-->
<!-- grille affichage résultats -->
<article class="ArticleActivite">
<!--fiche activité -->
<h3>Titre activité</h3>
<p>ras in ultrices justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce fringilla justo a diam posuere aliquam. In hac habitasse platea dictumst. Ut ullamcorper mattis pulvinar. Nullam interdum,
urna quis condimentum interdum, mauris felis lipsum cursus mi, a dapibus tellus augue id sapiens. In nibulumque neque, commodo tempor lectus nec, consequat suscipit lorem.</p>
</article>
</section>
</main>
<footer>
<section class="SectionFooter">
<h2>À propos</h2>
<ul>
<li><a href="test.html">Fonctionnement du site</a>
<!-- lien provisoire -->
</li>
<li><a href="test.html">Conditions générales de vente</a>
<!-- lien provisoire -->
</li>
<li><a href="test.html">Données et confidentialité</a>
<!-- lien provisoire -->
</li>
</ul>
</section>
<section class="SectionFooter">
<h2>Nos hébergements</h2>
<!--accord pluriel?-->
<ul>
<li><a href="test.html">Charte qualité</a>
<!-- lien provisoire -->
</li>
<li><a href="test.html">Soumettre votre hôtel</a>
<!-- lien provisoire -->
</li>
</ul>
</section>
<section class="SectionFooter">
<h2>Assistance</h2>
<ul>
<li><a href="test.html">Centre d'aide</a>
<!-- lien provisoire -->
</li>
<li><a href="test.html">Me contacter</a>
<!-- lien provisoire -->
</li>
</ul>
</section>
</footer>
</body>
</html>