-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (49 loc) · 2.39 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
<title>Space tourism website</title>
<link rel="stylesheet" href="./css/stylesindexnavigation.css">
<link rel="stylesheet" href="./css/stylesindexbody.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Barlow+Condensed:wght@200;400&family=Bellefair&display=swap" rel="stylesheet">
</head>
<body>
<!-- This is header portion -->
<img class="imgbrand" src="./assets/shared/logo.svg" alt="Logo">
<input id="checking" type="checkbox" checked="checked">
<label for="checking" class="btn-ham"><img src="./assets/shared/icon-hamburger.svg" alt=""> </label>
<label for="checking" class="btn-close"><img src="./assets/shared/icon-close.svg" alt=""> </label>
<div class="sidebar">
<a class=" pointers " href="./html/technology-vehicle.html"><p><span class="count-nav">03</span> TECHNOLOGY</p></a>
<a class=" pointers" href="./html/crew-pilot.html"><p><span class="count-nav">02</span> CREW</p></a>
<a class=" pointers" href="./html/destination-moon.html"><p><span class="count-nav">01</span> DESTINATIONS</p></a>
<a class=" pointers active" href="./index.html"><p><span class="count-nav">00</span> HOME</p></a>
</div>
<hr class="accent">
<!-- ---------------------- -->
<!-- This is body -->
<div id="mainbody">
<div class="row">
<div class="one-side">
<div class="text-container">
<h4 class="sub-heading">So, you want to travel to</h4>
<h1 class="heading">SPACE</h1>
<p class="description">Let's face it; if you want to go to space, you might as well genuinely go to
outer space and not hover kind of on the edge of it. Well sit back, and relax
because we'll give you a truly out of this world experience!</p>
</div>
</div>
<div class="other-side">
<div class="btnspace">
<p class="bigbtn"> <a href="./html/destination-moon.html">Explore</a></p>
</div>
</div>
</div>
</div>
<!-- ---------------------- -->
</body>
</html>