-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
102 lines (102 loc) · 2.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home</title>
<link
rel="shortcut icon"
href="./assets/destination/image-moon.webp"
type="image/x-icon" />
<link rel="stylesheet" href="./styles.css" />
<!-- <script src="./app.js" defer></script> -->
<script type="module" src="./app.js"></script>
<link
href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Bellefair&family=Barlow:wght@400;700&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="./home-page.css" />
</head>
<body>
<div class="main_container">
<header class="main_header">
<div class="topnav">
<div class="logo">
<a href="">
<img src="./assets/shared/logo.svg" alt="logo image" />
</a>
</div>
<div class="topnav_links">
<div class="hr_line"></div>
<ul>
<li>
<a href="./index.html" class="links_h active"
><span class="nav_bold">00</span> home</a
>
</li>
<li>
<a href="./destination.html" class="links_h"
><span class="nav_bold">01</span> destination</a
>
</li>
<li>
<a href="./crew.html" class="links_h"
><span class="nav_bold">02</span> crew</a
>
</li>
<li>
<a href="./technology.html" class="links_h"
><span class="nav_bold">03</span> technology</a
>
</li>
</ul>
</div>
</div>
<div class="overlay">
<div class="overlay_content">
<a href="./index.html" class="links_sm activeSm"
><span class="nav_bold">00 </span> home</a
>
<a href="./destination.html" class="links_sm"
><span class="nav_bold">01</span> destination</a
>
<a href="./crew.html" class="links_sm crew"
><span class="nav_bold">02</span> crew</a
>
<a href="./technology.html" class="links_sm"
><span class="nav_bold">03</span> technology</a
>
</div>
</div>
<div class="open">
<img
id="toggleNav"
src="./assets/shared/icon-hamburger.svg"
alt="icon-hamburger menu image" />
</div>
</header>
<div class="container">
<main>
<div class="home_main">
<div class="home">
<div class="home_main_content">
<h4>SO, YOU WANT TO TRAVEL TO</h4>
<h1>SPACE</h1>
<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>
</div>
<div class="home_main_btn">
<a href="./destination.html">
<span class="button"> explore </span>
</a>
</div>
</div>
</div>
</main>
</div>
</div>
</body>
</html>