space-website/index.html at main · k-ebbin16/space-website · GitHub

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
<!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="./starter-code/assets/favicon-32x32.png">
  <link rel="stylesheet" href="style.css">

  <title>Space tourism website</title>
</head>
<body>
  <header class="header-content">
    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48"><g fill="none" fill-rule="evenodd"><circle cx="24" cy="24" r="24" fill="#FFF"/><path fill="#0B0D17" d="M24 0c0 16-8 24-24 24 15.718.114 23.718 8.114 24 24 0-16 8-24 24-24-16 0-24-8-24-24z"/></g></svg>
    <div class="line"></div>
    <div class="nav-content">
      <ul>
        <li><span>00</span> HOME</li>
        <li><span>01</span> DESTINATION</li>
        <li><span>02</span> CREW</li>
        <li><span>03</span> TECHNOLOGY</li>
      </ul>
    </div>
  </header>

  <section class="text-area">
    <h2>SO, YOU WANT TO TRAVEL TO</h2>
    <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>
  </section>

  <div class="circle-section">
    <h1>EXPLORE</h1>
  </div>

</body>
</html>