-
Notifications
You must be signed in to change notification settings - Fork 0
/
HotelsWaves.html
136 lines (127 loc) · 6.39 KB
/
HotelsWaves.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
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="stylesheet" href="CSS/nav_footer.css">
<link rel="stylesheet" href="CSS/hotels.css">
<title>Document</title>
</head>
<body>
<header>
<nav>
<a href="index.html">
<img src="https://cdn.pixabay.com/photo/2017/06/05/19/05/house-2374925__340.png" alt="Home">
</a>
<a href="videos.html">
<img id="videoLogo" src="https://cdn.pixabay.com/photo/2016/02/01/12/20/play-1173495_960_720.png" alt="Video">
</a>
</nav>
</header>
<main>
<h1 id="mainHeadline">Waves hotels</h1>
<section>
<img src="https://cdn.pixabay.com/photo/2014/07/21/19/20/lobby-398845_960_720.jpg" alt="waves" width="900px" height="500px">
<article>
<h3>Haloa</h3>
<p id="description">
Lorem ipsum dolor adipisicing elit.<br> Alias fuga enim expedita. Illo inventore ea ex eligendi<br> alias iure ad voluptatem debitis, <br>quas dolorum fugiat facilis laborum <br>cupiditate error. Rerum!<br>
Lorem ipsum dolor adipisicing elit.<br> Alias fuga enim expedita. Illo inventore ea ex eligendi<br> alias iure ad voluptatem debitis, <br>quas dolorum fugiat facilis laborum <br>cupiditate error. Rerum!<br>
Lorem ipsum dolor adipisicing elit.<br> Alias fuga enim expedita. Illo inventore ea ex eligendi<br> alias iure ad voluptatem debitis, <br>quas dolorum fugiat facilis laborum <br>cupiditate error. Rerum!<br>
Lorem ipsum dolor adipisicing elit.<br> Alias fuga enim expedita. Illo inventore ea ex eligendi<br> alias iure ad voluptatem debitis, <br>quas dolorum fugiat facilis laborum <br>cupiditate error. Rerum!<br>
Lorem ipsum dolor adipisicing elit.<br> Alias fuga enim expedita. Illo inventore ea ex eligendi<br> alias iure ad voluptatem debitis, <br>quas dolorum fugiat facilis laborum <br>cupiditate error. Rerum!
</p>
</article>
</section><br>
<h2 id="h2">Hawai</h2>
<h3 id="h3">events:</h3>
<section id="section2">
<article>
<img src="https://cdn.pixabay.com/photo/2014/08/15/11/29/beach-418742__340.jpg" alt="see">
<h3>beach</h3>
<p>A beach is a landform alongside a body of water which <br>consists of loose particles. The particles composing<br> a beach are typically made from rock, such as sand,<br> gravel, shingle, pebbles, etc., or biological sources, <br>such as mollusc shells or coralline algae.</p>
</article>
<article>
<img src="https://cdn.pixabay.com/photo/2013/11/01/11/13/dolphin-203875__340.jpg" alt="dolphin">
<h3>Swimming with dolphins</h3>
<p>If you are a confident swimmer between the ages<br> of 10-88 years old, you can enjoy this special experience.<br> The sessions are conducted in guided groups of up to <br>three persons with one guide for the whole group.</p>
</article>
<article>
<img src="https://cdn.pixabay.com/photo/2017/01/11/08/30/market-1971125__340.jpg" alt="market">
<h3>Street food</h3>
<p>Street food consists of ready-to-eat foods or drinks sold by<br> a hawker, or vendor, in a street or other public<br> place, such as at a market or fair.</p>
</article>
<article>
<img src="https://cdn.pixabay.com/photo/2017/12/14/09/41/new-zealand-3018634__340.jpg" alt="volcano">
<h3>Volcano</h3>
<p>A volcano is a rupture in the crust of a planetary-mass<br> object, such as Earth, that allows hot lava, volcanic <br>ash, and gases to escape from a magma chamber below the surface.</p>
</article>
</section><br><br>
<section id="table">
<table style="width:100%">
<caption>Workers</caption><br>
<tr>
<th>Last name</th>
<th>First name</th>
<th>Age</th>
<th>Picture</th>
<th>Other</th>
</tr>
<tr>
<td>Belay</td>
<td>Eliyahu</td>
<td>24</td>
<td>
<img src="https://cdn.pixabay.com/photo/2017/05/16/21/24/gorilla-2318998__340.jpg" alt="a">
</td>
<td>ipsum</td>
</tr>
<tr>
<td>sd</td>
<td>df</td>
<td>dfg</td>
<td>
<img src="https://cdn.pixabay.com/photo/2017/05/16/21/24/gorilla-2318998__340.jpg" alt="s">
</td>
<td>gf</td>
</tr>
<tr>
<td>df</td>
<td>vf</td>
<td>hgf</td>
<td>
<img src="https://cdn.pixabay.com/photo/2017/05/16/21/24/gorilla-2318998__340.jpg" alt="f">
</td>
<td>dw</td>
</tr>
<tr>
<td>edf</td>
<td>dg</td>
<td>dh</td>
<td>
<img src="https://cdn.pixabay.com/photo/2017/05/16/21/24/gorilla-2318998__340.jpg" alt="g">
</td>
<td>frd</td>
</tr>
</table>
</section>
<section id="order">
<h3 class="order">Order a room<h3><br><br>
<form autocomplete="on" id="form">
<h4> Waves hotel</h4>
<label for="Full name">Full name :</label>
<input minlength="4" pattern="[A-Z]*" type="text" name="Full name" placeholder="please enter full name"><br>
<label>Check in:</label>
<input type="date"><br>
<label>Check out:</label>
<input type="date"><br>
<label>email :</label>
<input required type="email"><br>
</form><br>
<input type="button" value="Order">
</section>
</main>
<footer>this is footer</footer>
</body>
</html>