-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (67 loc) · 2.9 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
<!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="app/css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&display=swap" rel="stylesheet">
<script defer src="app/js/script.js"></script>
<title>Frontend Mentor | Space tourism website</title>
</head>
<body class="bg_home">
<div>
<div class="mobile_menu mobile_menu_hidden">
<div onclick="toggleMobileMenu()" class="menu_toggle">X</div>
<div class="mobile_menu_container">
<ul>
<li onclick="toggleMobileMenu()" class="mobile_menu_selected"><a href="index.html"><p>00 <span>Home</span></p></a></li>
<li onclick="toggleMobileMenu()"><a href="destination.html"><p>01 <span>Destination</span></p></a></li>
<li onclick="toggleMobileMenu()"><a href="crew.html"><p>02 <span>Crew</span></p></a></li>
<li onclick="toggleMobileMenu()"><a href="technology.html"><p>03 <span>Technology</span></p></a></li>
</ul>
</div>
</div>
<div class="header">
<img src="assets/shared/logo.svg" alt="logo" class="logo">
<div class="nav_line"></div>
<nav class="nav">
<ul>
<li class="selected_nav_item"><a href="index.html"><p class="nav_item_number">00 <span>Home</span></p></a></li>
<li><a href="destination.html"><p class="nav_item_number">01 <span>Destination</span></p></a></li>
<li><a href="crew.html"><p class="nav_item_number">02 <span>Crew</span></p></a></li>
<li><a href="technology.html"><p class="nav_item_number">03 <span>Technology</span></p></a></li>
</ul>
</nav>
<img onclick="toggleMobileMenu()" src="./assets/shared/icon-hamburger.svg" alt="hame menu" class="ham_menu">
</div>
<div class="home_page">
<div class="left_block">
<div class="content">
<p class="subheading">So, you want to travel to</p>
<p class="heading">Space</p>
<p class="details">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>
<div class="right_block">
<div class="explore">
<div class="explore2">
Explore
</div>
</div>
</div>
</div>
</div>
<!-- 00 Home
01 Destination
02 Crew
03 Technology
So, you want to travel to
Space
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! -->
</body>
</html>