-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHotelsAtlantis.html
136 lines (127 loc) · 6.48 KB
/
HotelsAtlantis.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">
<title>Document</title>
<link rel="stylesheet" href="CSS/hotels.css">
<link rel="stylesheet" href="CSS/nav_footer.css">
</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">Atlantis hotels</h1>
<section>
<img src="https://cdn.pixabay.com/photo/2015/09/28/21/32/the-palm-962785_960_720.jpg" alt="Atlantic">
<article>
<h3>The best man can get</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">Dubai</h2>
<h3 id="h3">events:</h3>
<section id="section2">
<article>
<img src="https://cdn.pixabay.com/photo/2020/11/07/10/24/desert-5720527__340.jpg" alt="desert">
<h3>Desert</h3>
<p>Well, once you’re on the top of Erg Chebbi and<br> the sun is resting its molten form on the <br>dune-soft horizon, you’ll see. The draw of the<br> desert is intoxicating, and everyone should<br> experience it at least once.</p>
</article>
<article>
<img src="https://cdn.pixabay.com/photo/2021/06/19/17/51/italy-6349105__340.jpg" alt="village">
<h3>Village</h3>
<p>The village was the most common form of<br> habitation for the greater part of Europe's<br> population far into the 1800s, and as an<br> organized food producing unit it goes back to<br> around 7000 b.c. for southeast Europe,<br> and around 500 b.c. for northwest Europe</p>
</article>
<article>
<img src="https://cdn.pixabay.com/photo/2019/08/09/06/12/car-racing-4394450__340.jpg" alt="race">
<h3>Race car</h3>
<p>Touring car racing is a style of road<br> racing that is run with production-derived<br> race cars. It often features full-contact<br> racing due to the small speed differentials<br> and large grids.</p>
</article>
<article>
<img src="https://cdn.pixabay.com/photo/2018/02/04/19/42/ham-3130701__340.jpg" alt="meat">
<h3>Meat</h3>
<p>Meat is important in economy and culture, even<br> though its mass production and consumption<br> has been determined to pose risks for human<br> health and the environment. Many religions<br> have rules about which meat may<br> or may not be eaten.</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> Atlantis 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>