index.html

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="icon" type="image/x-icon" href="./assets/astrom.png">

    <link rel="stylesheet" href="./css/global.css">
    <link rel="stylesheet" href="./css/inicio_style.css">

    <title>ASTROM</title>
</head>

<body>
    <header class="header-container">
        <div class="header-content">
            <a class="logo" href="./index.html" title="Voltar para o início">Astrom</a>

            <ul class="nav-list">
                <li><a href="./about.html">Sobre</a></li>
                <li><a href="./contact.html">Contato</a></li>
                  <li><a href="./references.html">Referências</a></li>
            </ul>
        </div>
    </header>

    <main class="main-container">
        <div class="main-content">
            <div class="description">
                <h1>Começe sua Viagem</h1>
                <p>Seja bem vindo ao Astrom! Tenha uma ótima experiência!</p>
            </div>

            <a href="./start_travel.html"><button class="main-button">🚀 Vamos lá! 🚀</button></a>
        </div>
    </main>

    <footer>
    </footer>

    <script src="./js/mobileNavBar.js">
    </script>
</body>

</html>