-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
86 lines (81 loc) · 2.72 KB
/
home.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
<!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/home.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+Condensed:wght@300;400&family=Barlow:wght@200;400&family=Bellefair&display=swap"
rel="stylesheet"
/>
<script defer src="/js/home.js"></script>
<title>Space Tourism</title>
<link rel="shortcut icon" href="/assets/shared/logo.svg" />
</head>
<body>
<div class="main-container">
<navbar class="nav-bar">
<img class="logo" src="/assets/shared/logo.svg" alt="logo" />
<img
class="hamburger"
src="/assets/shared/icon-hamburger.svg"
alt="hamburger icon"
/>
<div class="overlay"></div>
<nav class="nav-drawer">
<img
class="close"
src="/assets/shared/icon-close.svg"
alt="close icon"
/>
<ul class="nav-drawer-links">
<li>
<a href="/home.html"><span>00</span> HOME</a>
</li>
<li>
<a href="/destination.html"><span>01</span> DESTINATION</a>
</li>
<li>
<a href="/crew.html"><span>02</span> CREW</a>
</li>
<li>
<a href="/technology.html"><span>03</span> TECHNOLOGY</a>
</li>
</ul>
</nav>
<nav class="nav-links-container">
<ul class="nav-links">
<li>
<a href="/home.html"><span>00</span> HOME</a>
</li>
<li>
<a href="/destination.html"><span>01</span> DESTINATION</a>
</li>
<li>
<a href="/crew.html"><span>02</span> CREW</a>
</li>
<li>
<a href="/technology.html"><span>03</span> TECHNOLOGY</a>
</li>
</ul>
</nav>
</navbar>
<section class="container">
<article class="introduction">
<h1>SO, YOU WANT TO TRAVEL TO</h1>
<h2>SPACE</h2>
<p>
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>
</article>
<a class="circle" href="/destination.html">EXPLORE</a>
</section>
</div>
</body>
</html>