index.html

<!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="css\index.css">
<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">
  <title>Frontend Mentor | Space tourism website</title>
</head>
<body class="home">
    <header class="header">
      <img class="logo" src="assets\shared\logo.svg" alt="logo-img">
        <class="header-line" hr>
      <div class="header-list">
        <a class="header-item current" href="index.html"><span>00</span> HOME</a>
        <a class="header-item" href="destination-moon.html"><span>01</span> DESTINATION</a>
        <a class="header-item" href="crew-commander.html"><span>02</span> CREW</a>
        <a class="header-item"href="technology-spaceport.html"><span>03</span> TECHNOLOGY</a>
      </div>
    </header>

    <div class="space-box">


    <h3 class="space-heading2"> So, you want to travel to</h3>

    <h1 class="main-heading space-heading">SPACE</h1>
    <p class="main-para">  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 class="explore-bg">
    <h2 class="explore">EXPLORE</h2>
</div>



</body>
</html>