-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
52 lines (46 loc) · 2.22 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
<!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="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
<link rel="stylesheet" href="./css/index.css">
<title>Frontend Mentor | Space tourism website</title>
</head>
<body class="home">
<a class="skip-to-content" href="#main">Skip to content</a>
<header class="primary-header flex">
<!-- navbar -->
<div class="logo">
<img src="./assets/shared/logo.svg" alt="">
<!-- toggle Button -->
</div>
<div class="nav-line"></div>
<button aria-expanded="false" class="mobile-toggle" aria-controls="primary-navigation"><span class="sr-only"> menu</span></button>
<nav class="nav">
<ul id="primary-navigation" class="primary-navigation flex underline-indicators" data-visible="false">
<li class="active"><a href="index.html" class="text-white uppercase ff-sans-cond"><span aria-hidden='true'>00</span> Home</a></li>
<li><a href="destination.html" class="text-white uppercase ff-sans-cond"><span aria-hidden='true'>01</span> Destination</a></li>
<li><a href="crew.html" class="text-white uppercase ff-sans-cond"><span aria-hidden='true'>02</span> Crew</a></li>
<li><a href="technology.html" class="text-white uppercase ff-sans-cond"><span aria-hidden='true'>03</span> technology</a></li>
</ul>
</nav>
</header>
<main id="main" class="grid-container grid-container--home">
<!-- H1 should be the title of your page -->
<div>
<h1 class="text-accent fs-500 ff-sans-cond uppercase letter-spacing-1">So, you want to travel to
<span class="d-block fs-900 ff-serif text-white">Space</span>
</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="explore-button">
<a href="destination.html" class="large-button uppercase ff-serif text-dark bg-white">Explore</a>
</div>
</main>
<script src="./js/app.js"></script>
</body>
</html>