-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
37 lines (35 loc) · 2.05 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;400&family=Bellefair&display=swap">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
<link rel="stylesheet" href="style.css">
<title>Frontend Mentor | Space tourism website</title>
</head>
<body>
<header class=" header display-flex gap-2 justify-space-between align-items-center">
<img src="./assets/shared/logo.svg" alt="logo">
<img src="./assets/shared/icon-hamburger.svg" alt="hamburger icon" class="hamburger-btn">
<nav class="margin-left-auto navigation blured-nav-bg">
<ul class="display-flex gap-2 flex-clmn">
<li class="fw-100"><a href="./index.html" class="uppercase underline"><b class="header-numbers">00</b> Home</a></li>
<li class="fw-100"><a href="./destination.html" class="uppercase underline"><b class="header-numbers">01</b> Destination</a></li>
<li class="fw-100"><a href="./crew.html" class="uppercase underline"><b class="header-numbers">02</b> Crew</a></li>
<li class="fw-100"><a href="./technology.html" class="uppercase underline"><b class="header-numbers">03</b> Technology</a></li>
</ul>
</nav>
</header>
<div class="display-grid gap-2 margin-btm-3">
<main class=" lh-100 margin-top-4 margin-left">
<h1 class="uppercase fw-100 fs-500 margin-block-index clr-light">So, you want to travel to <br> <span class="bold ff-serif">Space</span></h1>
<p class="text-width main-p fw-100 clr-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>
</main>
<div>
<a href="./destination.html" class="explore-btn ff-serif uppercase">Explore</a>
</div>
</div>
<script src="script.js"></script>
</body>
</html>