-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (44 loc) · 2.17 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
<!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">
<!-- Google fonts -->
<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@400;700&family=Bellefair&family=Barlow:wght@400;700&display=swap"
rel="stylesheet">
<!-- Our custom CSS -->
<link rel="stylesheet" href="css/index.css">
<title>Frontend Mentor | Space tourism website</title>
</head>
<body class="home">
<header>
<div>
<img src="./assets/shared/logo.svg" alt="space tourism logo" class="logo">
</div>
<!-- <nav>
<ul class="primary-navigation underline-indicators flex">
<li><a class="uppercase txt-white ff-sans-condensed letter-spacing-2" href="index.html"><span class="">00 </span>Home</a></li>
<li><a class="uppercase txt-white ff-sans-condensed letter-spacing-2" href="destination.html"><span class="">01 </span>Destination</a></li>
<li><a class="uppercase txt-white ff-sans-condensed letter-spacing-2" href="crew.html"><span class="">02 </span>Crew</a></li>
<li><a class="uppercase txt-white ff-sans-condensed letter-spacing-2" href="technology.html"><span class="">03 </span>Technology</a></li>
</ul>
</nav> -->
</header>
<div class="grid-container grid-container--home">
<div>
<h1 class="txt-light fs-500 ff-sans-cond uppercase letter-spacing-1">So, you want to travel to
<span class="fs-900 ff-serif txt-white d-block">Space</span>
</h1>
<p class="txt-light">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>
<a class="large-button bg-white txt-dark ff-serif fs-600 uppercase" href="destination.html">Explore</a>
</div>
</div> <!-- /grid-container -->
</body>
</html>