index.html

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="styles.css" />
    <title>Onix Aeroportos</title>
  </head>
  <body>
    <nav>
      <div class="nav__header">
        <div class="nav__logo">
          <a href="#">Onix<span> Aeroportos</span>.</a>
        </div>
        <div class="nav__menu__btn" id="menu-btn">
          <span><i class="ri-menu-line"></i></span>
        </div>
      </div>
      <ul class="nav__links" id="nav-links">
        <li><a href="#">Funcionalidades</a></li>
        <li><a href="#">Planos</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Sobre</a></li>
        <li><a href="#">Contato</a></li>
      </ul>
      <div class="nav__btns">
        <button class="btn sign__up">Cadastrar-se</button>
        <button class="btn sign__in">Login</button>
      </div>
    </nav>
    <header class="header__container">
      <div class="header__image">
        <div class="header__image__card header__image__card-1">
          <span><i class="ri-key-line"></i></span>
          Segurança dos Dados
        </div>
        <div class="header__image__card header__image__card-2">
          <span><i class="ri-passport-line"></i></span>
          Dados Centralizados
        </div>
        <div class="header__image__card header__image__card-3">
          <span><i class="ri-map-2-line"></i></span>
          Controle Local e Remoto
        </div>
        <div class="header__image__card header__image__card-4">
          <span><i class="ri-guide-line"></i></span>
          Rastreio de Operações
        </div>
        <img src="assets/header.png" alt="header" />
      </div>
      <div class="header__content">
        <h1>GERENCIE<br />SEU <span>AEROPORTO</span> COM EFICIÊNCIA</h1>
        <p>
          Transforme a administração do seu aeroporto com um sistema inteligente, 
          integrando dados, rastreando operações e otimizando recursos para uma gestão de excelência.
        </p>
        <div class="bar">
          Copyright © 2024 Onix Aeroportos. Todos os direitos reservados.
        </div>
      </div>
    </header>
    <script src="https://unpkg.com/scrollreveal"></script>
    <script src="main.js"></script>
  </body>
</html>