-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (82 loc) · 2.57 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
<!DOCTYPE html>
<html lang="en">
<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"
/>
<link rel="stylesheet" href="./public/css/reset.css" />
<link rel="stylesheet" href="./public/css/index.css" />
<script async src="./js/index.js" type="module"></script>
<script async src="./js/helpers.js" type="module"></script>
<title>Space tourism website</title>
</head>
<body class="home-body">
<header class="primary-header flex">
<div>
<img
src="./assets/shared/logo.svg"
alt="Space tourism logo"
class="logo"
/>
</div>
<button
class="mobile-nav-toggle"
aria-controls="primary-navigation"
type="button"
aria-expanded="false"
>
<span class="sr-only">Menu</span>
</button>
<nav
class="primary-navigation flex"
data-visible="false"
id="primary-navigation"
>
<ul class="flex underline-indicators">
<li class="active">
<a class="numbered-title" href="index.html">
<span aria-hidden="true">00</span>Home
</a>
</li>
<li>
<a class="numbered-title" href="destinations.html">
<span aria-hidden="true">01</span>Destination
</a>
</li>
<li>
<a class="numbered-title" href="crew.html">
<span aria-hidden="true">02</span>Crew
</a>
</li>
<li>
<a class="numbered-title" href="technology.html">
<span aria-hidden="true">03</span>Technology
</a>
</li>
</ul>
</nav>
</header>
<main class="grid-container grid-container--home">
<div class="hero-text">
<h1 class="fs-500 ff-sans-cond letter-spacing-1 upper-case text-accent">
So, you want to travel to
</h1>
<span class="text-white fs-900 ff-serif upper-case">space</span>
<p class="ff-sans-normal text-accent">
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="CTA">
<a href="./destinations.html" class="large-button">Explore</a>
</div>
</main>
</body>
</html>