-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
43 lines (37 loc) · 1.52 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
<!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="./starter-code/style.css">
<title>Frontend Mentor | Space tourism website</title>
</head>
<body>
<main class="home">
<header class="header">
<img class="logo" src="./starter-code/assets/shared/logo.svg" alt="logo">
<hr class="hr">
<nav class="navbar">
<a class="active" href="#"><span>00</span> Home</a>
<a href="./starter-code/destination-moon.html"><span>01</span> Destination</a>
<a href="./starter-code/crew-commander.html"><span>02</span> Crew</a>
<a href="./starter-code/technology-vehicle.html"><span>03</span> Technology</a>
</nav>
<img class="menu" src="./assets/shared/icon-hamburger.svg" alt="menu">
</header>
<div class="home_container">
<div class="home_conInfo">
<h3>SO, YOU WANT TO TRAVEL TO</h3>
<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>
<button onclick="window.location.href='../starter-code/destination-moon.html'"
class="home_conBtn">Explore</button>
</div>
</main>
</body>
<script src="script.js"></script>
</html>