-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (175 loc) · 8.15 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Go To Paris</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
crossorigin="anonymous">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Hind+Siliguri" rel="stylesheet">
</head>
<body>
<header>
<img src="gfx/gotoparis-logo.svg" alt="">
<nav>
<ul>
<li>
<a href="#hoteller">HOTEL</a>
</li>
<li>
<a href="#events">EVENTS</a>
</li>
<li>
<a href="#pakkerejser">PAKKEREJSER</a>
</li>
</ul>
</nav>
</header>
<main>
<section id="hoteller">
<h1>HOTEL</h1>
<div class="content">
<div class="hotel">
<img src="img/hotel-triangle.png" alt="">
<h2>Hôtel du Triangle d'Or</h2>
<div class="stars">
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>
</div>
<p>Hôtel du Triangle d'Or er et charmerende 3-stjernet hotel med en fantastisk beliggenhed lige ved teatret i Olympia i Paris '9. arrondissement.
<span>6 Rue Godot de Mauroy 75009 Paris, Frankrig</span></p>
<a href="">BESTIL</a>
</div>
<div class="hotel">
<img src="img/hotel-joke.png" alt="">
<h2>Hôtel joke</h2>
<div class="stars">
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>
</div>
<p>
Kan du lide originalitet? Er du fan af overraskelser? Lad dig blive fristet af dette hotel og nyd en uforglemmelig og usædvanlig ferie i hjertet af Paris '9. arrondissement!
<span>69 Rue Blanche, 75009 Paris, Frankrig</span></p>
<a href="">BESTIL</a>
</div>
<div class="hotel">
<img src="img/le-petit-moulin.jpg" alt="">
<h2>Hôtel du Petit Moulin</h2>
<div class="stars">
<i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>
</div>
<p>Dette berømte 4-stjernede couture-hotel inviterer gæsterne til at opdage charmen og den unikke karakter af sine individuelt designede luksuriøse værelser og suiter - hver mere overraskende end det sidste.
<span>29 Rue de Poitou, 75003 Paris, Frankrig</span></p>
<a href="">BESTIL</a>
</div>
</div>
</section>
<section id="events">
<h1>EVENTS</h1>
<div class="content">
<div class="event">
<img src="img/crazy-horse.jpg" alt="">
<div class="agelimit">
<p>18+</p>
</div>
<h2>Crazy Horse</h2>
<p>Crazy Horse er en parisisk kabaret kendt for sine sceneshows udført af nøgne kvindelige dansere og for det varierede udvalg af magiske og forskellige oplevelser mellem hver nøgne show og det næste.
<span>12 Avenue George V, 75008 Paris, Frankrig</span></p>
<a href="">Læs mere</a>
</div>
<div class="event">
<img src="img/centre-pompidou.jpg" alt="">
<i class="fas fa-palette"></i>
<h2>Centre Pompidou</h2>
<p>For at opdage museet og dets uforlignelige samling af moderne og samtidskunst foreslår Center Pompidou guidede ture og foredrag om en rejse gennem oprettelsen af det 20. og 21. århundrede.
<span> Place Georges-Pompidou, 75004 Paris, Frankrig</span></p>
<a href="">Læs mere</a>
</div>
<div class="event">
<img src="img/lavamatic1.png" alt="">
<h2>Lavomatic</h2>
<i class="fas fa-cocktail"></i>
<p>
Denne bar er placeret bag døren til et vaskeri, i rue Renée Boulanger i Paris 10th arrondissement. Når du er i vaskeri, led efter den skjulte knap og få adgang til Lavomatic!
<span>30 Rue René Boulanger, 75010 Paris, Frankrig</span></p>
<a href="">Læs mere</a>
</div>
</div>
</section>
<section id="pakkerejser">
<h1>PAKKEREJSER</h1>
<div class="content3">
<h3>Vælg antal dage:</h3>
<p><span>3</span>dage</p>
<p><span>5</span>dage</p>
<p><span>7</span>dage</p>
<div class="line"></div>
<h3>Vælg hotel:</h3>
<figure>
<img src="img/hotel-triangle-room.png" alt="">
<!-- <figcaption>Hôtel du Triangle d'Or</figcaption> -->
</figure>
<figure>
<img src="img/hotel-joke-room.png" alt="">
<!-- <figcaption>Hôtel Joke</figcaption> -->
</figure>
<figure>
<img src="img/le-petit-moulin-room.jpg" alt="">
<!-- <figcaption>Hôtel du Petit Moulin</figcaption> -->
</figure>
<div class="line"></div>
<h3>Vælg event:</h3>
<figure>
<img src="img/crazy-horse2.jpeg" alt="">
<!-- <figcaption>Crazy Horse</figcaption> -->
</figure>
<figure>
<img src="img/centre-pompidou1.jpg" alt="">
<!-- <figcaption>Centre Pompidou</figcaption> -->
</figure>
<figure>
<img src="img/lavamatic2.png" alt="">
<!-- <figcaption>Lavomatic</figcaption> -->
</figure>
<div class="line"></div>
<button type="button">UDREGN PRIS</button>
</div>
</div>
</section>
<footer>
<img src="gfx/gotoparis-logo.svg" alt="" class="footer-logo">
<img src="img/louvre-bottom.png" alt="" class="footer-img">
<nav>
<ul>
<li>Om os</li>
<li>Priser</li>
<li>Hoteller</li>
<li>Events</li>
<li>Pakkerejser</li>
<li>FAQ</li>
</ul>
</nav>
<div class="social">
<img src="gfx/my-icons-collection/png/001-facebook.png" alt="">
<img src="gfx/my-icons-collection/png/003-instagram.png" alt="">
<img src="gfx/my-icons-collection/png/002-twitter.png" alt="">
</div>
<address>
<p>Kannikegade 12</p>
<p>8000 Århus C</p>
<p>Telefon: +45 87 48 65 54</p>
</address>
<form action="#">
<label for="navn">Navn:</label>
<input type="text" name="navn">
<label for="email">E-mail:</label>
<input type="text" name="email">
<label for="besked">Besked:</label>
<input type="text" name="besked">
<input type="submit">
</form>
</footer>
</main>
</body>
</html>