-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
245 lines (219 loc) · 15.4 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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="refresh" content="30">
<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>Project</title>
<!--<div>
<label for="">Select theme</label>
<select name="" id="themeswitch">
<option value="default"> default</option>
<option value="blueishi">Blueishi</option>
</select>
</div>-->
<link rel="stylesheet" href="stylesheet.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
</style>
</head>
<script src="https://kit.fontawesome.com/b144e6efed.js" crossorigin="anonymous"></script>
<body>
<div class="container">
<div class="header">
<div id="navigations">
<a href="#">About</a>
<a href="#">Service</a>
<a href="#">Contact</a>
</div>
<h1>GLOBAL DESERTS</h1>
<h4>Are you a fan of nature and you would love to go around the world for beautiful places?<br> you're on the right website visit us for more</h4>
<button class="cta">
<span><a href="#" style="text-decoration: none; color: white;">Visit Us</a></span>
<svg viewBox="0 0 13 10" height="10px" width="15px">
<path d="M1,5 L11,5"></path>
<polyline points="8 1 12 5 8 9"></polyline>
</svg>
</button>
</div>
<!--<div class="content">
<h3>About company</h3>
<div id="content_article">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus, fugit similique! Velit quo quidem iste impedit explicabo harum recusandae libero illo illum, laboriosam natus, ratione quae reprehenderit iusto perspiciatis ex?</p>
</div>-->
</div>
<div id="about">
<h3 class="about_header">About Deserts</h3>
<div id="about_boxs">
<a href="saharapage.html">
<nav class="nature" style="background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)), url(https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg);
background-size: cover; ">
<h1>
Sahara Desert Africa
</h1>
<p>
Covering most of Northern Africa 3.6 million square miles the Sahara Desert is the third largest desert on the planet and the largest hot desert. While many people often think of the gorgeous sand dunes that are found in the Sahara, they only comprise a small portion. The landscape is primarily made of rocky hamada, or barren land with rocky plateaus. You’ll also find small patches of grassland (albeit sparse), shrubs of the desert variety, mountains, and salt flats. The Sahara is also home to an impressive array of flora and fauna, including several species of foxes.
</p>
<!--<img src="https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg" alt="">-->
</nav>
</a>
<a href="gobipage.html">
<nav class="nature" style="background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)), url(https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15469638289_1656cea189_o.jpg);
background-size: cover;">
<h1>
Gobi Desert China/Mongolia
</h1>
<p>
The Gobi Desert is a beast of a desert spread across parts of southern Mongolia and northwestern China. It is famous for its role in the Mongol Empire and important stops along the Silk Road. The Gobi is also known for its extreme temperatures from as high as 122 degrees Fahrenheit (50 degrees Celsius) in the summer and extremely low temperatures in the winter. The area is also rich in fossils, including dinosaur eggs, and animals like Bactrian camels, Siberian ibex, and Gobi brown bears.
</p>
<!--<img src="https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg" alt="">-->
</nav>
</a>
<a href="mojavepage.html">
<nav class="nature" style="background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)), url(https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/8752735982_2086bd22c2_k.jpg);
background-size: cover;">
<h1>
Mojave Desert Nevada/California
</h1>
<p>
The Mojave Desert covers portions of southeastern California and southern Nevada, along with small sections of northwestern Arizona and southwestern Utah. This desert is identifiable by the protected Joshua trees and is considered a ‘high desert.’ However, the incredible Death Valley, which is within the Mojave, is actually 282 feet (86 meters) below sea level. The Mojave is also home to the stunning Valley of Fire State Park plus many towns and museums, making it a very popular tourist destination.
</p>
<!--<img src="https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg" alt="">-->
</nav>
</a>
<a href="namibpage.html">
<nav class="nature" style="background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)), url(https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/8752735982_2086bd22c2_k.jpg);
background-size: cover;">
<h1>
Namib Desert Africa
</h1>
<p>
Stretching for 1,200 miles (1,931 kilometers), the Namib Desert happens to be one of the oldest on the planet – at least 55 million years. It is situated along the Atlantic coast of Africa in the countries of Namibia, Angola, and South Africa. Although a desert, the land is inhabited by an impressive array of flora and fauna, including ‘desert’ elephants that can go days without water.
</p>
<!--<img src="https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg" alt="">-->
</nav>
</a>
<a href="#">
<nav class="nature" style="background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)), url(https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/3398311871_a0306916ee_b1.jpg);
background-size: cover;">
<h1>
Atacama Desert South America
</h1>
<p>
Situated west of the Andes along the Pacific coast in Peru and Chile, the Atacama Desert is known as the ‘driest place on Earth’. Parts of the desert have never seen a drop of rain since records have been kept. This fact might lead you to believe that this area is devoid of life, but that’s not true. More than a million people call this desert home. Due to its location along the coast, the Atacama is cooler than most deserts and is frequently covered with fog.
</p>
<!--<img src="https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg" alt="">-->
</nav>
</a>
<a href="#">
<nav class="nature" style="background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)), url(https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/12435253353_15ad92569d_k.jpg);
background-size: cover;">
<h1>
Antarctic Desert Antarctica
</h1>
<p>
Winter darkness, cold, ice – these might be some of the words used to describe the continent of Antarctica. But, did you know you can add desert to that list? That’s right – Antarctica does not see enough precipitation to qualify as anything other than a desert. What little snow it does receive never melts and turns into ice. You won’t find any flora except for moss and algae. As for animals, you will see whales, seals and, of course, penguins.
</p>
<!--<img src="https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg" alt="">-->
</nav>
</a>
<a href="#">
<nav class="nature" style="background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)), url(https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/16367502541_04d3014224_k.jpg);
background-size: cover;">
<h1>
Sonoran Desert USA/Mexico
</h1>
<p>
Spread over portions of Arizona, California, and Mexico, the Sonoran Desert is a beautiful landscape brimming with endemic fauna and flora, including the Saguaro and Organ Pipe cacti. The area is also rich in culture with many Native American tribes calling the area home, plus cities such Phoenix and Tucson. Attractions include many national parks, such as the Joshua Tree National Park, and wildlife refuges such as the Kofa National Wildlife Refuge, which protects desert bighorn sheep.
</p>
<!--<img src="https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg" alt="">-->
</nav>
</a>
<a href="#">
<nav class="nature" style="background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)), url(https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/3517556519_427e05bf06_b.jpg);
background-size: cover;">
<h1>
Thar Desert India/Pakistan
</h1>
<p>
Also known as the Great Indian Desert, the Thar Desert is located in northwestern India and part of eastern Pakistan. The most populated desert on the planet, the Thar Desert is home to 83 people per square kilometer. The landscape is identifiable by large shifting sand dunes, which cover most of the desert, along with alluvial plains and salt lakes that appear during monsoon season. The biodiversity is impressive with more than 140 species of birds, 23 species of lizards, 25 snake species, plus the chinkara, or Indian gazelle, to name but a few.
</p>
<!--<img src="https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg" alt="">-->
</nav>
</a>
<a href="#">
<nav class="nature" style="background-image: linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)), url(https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/1024px-rub_al_khali_002.jpg);
background-size: cover;">
<h1>
Rub’ al Khali Saudi Arabia
</h1>
<p>
Known as the Empty Quarter in English, the Rub’ al Khali is the largest sand desert in the world that covers 225,000 square miles (583,000 square kilometers) throughout portions of Saudi Arabia, Oman, Yemen and the United Arab Emirates. The name ‘Empty Quarter’ is appropriate given its harsh environment, which does not allow much of anything to thrive there. However, that does not take away from its beauty.
</p>
<!--<img src="https://img.theculturetrip.com/1440x/smart/wp-content/uploads/2016/05/15811533674_de18e73938_k.jpg" alt="">-->
</nav>
</a>
</div>
</div>
<div id="service">
<h3>Our Service </h3>
<div id="service_list">
<div class="box">
<div class="icon">
<i class="fa fa-facebook"></i>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam error perferendis, iusto accusantium adipisci distinctio tempora non.</p>
</div>
<div class="box">
<div class="icon">
<i class="fa fa-brand fa-twitter"></i>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam error perferendis, iusto accusantium adipisci distinctio tempora non.</p>
</div>
<div class="box">
<div class="icon">
<i class="fa fa-brands fa-github"></i>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam error perferendis, iusto accusantium adipisci distinctio tempora non.</p>
</div>
<div class="box">
<div class="icon">
<i class="fa fa-brands fa-linkedin-in"></i>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam error perferendis, iusto accusantium adipisci distinctio tempora non.</p>
</div>
</div>
</div>
<div id="contact">
<!--<h3>Reach out to us</h3>
<div id="contact_form">
<form action="" class="register">
<p>RIGISTER HERE</p>
<label for="fullname">Full Name:</label><br>
<input type="text" name="" placeholder="Full Name" id="name"></br>
<label for="email">Email:</label><br>
<input type="email" name="mail" placeholder="Email" id="email"></br>
<label for="number">Phone Number:</label><br>
<input type="tel" name="number " placeholder="+2348100000000" id="tel"></br>
<label for="password">Password:</label><br>
<input type="password" name="password" placeholder="***********" id="password"></br>
<button type="submit">Register</button>
</form>
<form action="" class="login">
<p>Login</p>
<label for="">User ID:</label><br>
<input type="email, tel" name="" placeholder="Email/Number" id=""></br>
<label for="">password:</label><br>
<input type="password" name="" placeholder="************" id="password"><br>
<button type="submit">login</button>
</label>
</form>
</div>-->
</div>
</div>
</body>
<footer>
©Horlie 2022
</footer>
</html>