SpaceTourismProject/index.html at main · prakashAditya639/SpaceTourismProject · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!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="index.css">
  <title>Frontend Mentor | Space tourism website</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Barlow&family=Barlow+Condensed&family=Bellefair&display=swap"
    rel="stylesheet">
</head>

<body>
  <section id="home">
    <nav class="header">
      <a href="index.html"><img src="assets/shared/logo.svg"></a>
      <div class="navLinks">
        <hr class="simpleLine">
        <!-- <div> -->
        <ul>
          <li class="home"><a href="index.html">00 Home</a></li>
          <li class="dest"><a href="destination-moon.html">01 Destination</a></li>
          <li class="crew"><a href="crew-commander.html">02 Crew</a></li>
          <li class="tech"><a href="technology-capsule.html">03 Technology</a></li>
        </ul>
        <!-- </div> -->
        <hr class="effectLineHome">
        <hr class="effectLineDest">
        <hr class="effectLineCrew">
        <hr class="effectLineTech">
      </div>
    </nav>
    <div class="mainContainer_Home">
      <div class="textContainer">
        <h3>So, you want to travel to</h3>
        <h1>Space</h1>
        <p>Let&#8217;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&#8217;ll give you a truly out of this world experience!</p>
      </div>
      <div class="subTextContainer">
        <h1>Explore</h1>
      </div>
    </div>
  </section>
  <script src="index.js"></script>
</body>

</html>