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 rel="stylesheet" href="/assets/css/style.min.css">
    <title>Carros e Bicicletas</title>
  </head>

  <body>
    <header>
      <h1 aria-label="Titulo do site">Carros e Bicicletas</h1>
    </header>
    
    <main>
      <section>
        <div class="container" aria-label="Apresentação do carro">
          <h2>Carro: <span>R$ 1999</span></h2>
            
          <p>Carro modelo <span>2045</span>, com <span>200km</span> rodados.</p>

          <a href="#comprar">Comprar Carro</a>
        </div>
    
        <div class="container" aria-label="Apresentação da bicicleta">
          <h2>Bicicleta: <span>R$ 199</span></h2>

          <p>Bicicleta modelo <span>2050</span>, com <span>20km</span> rodados.</p>

          <a href="#comprar">Comprar Bicicleta</a>
        </div>
      </section>
    </main>
  </body>
</html>