index.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<style>

</style>
</head>
<body>

<div class="header">
  <h1>Curitiba</h1>
</div>

<article class="row">
  <div class="col-3  menu">
    <ul>
    <li>O Vôo</li>
    <li>A Cidade</li>
    
    <li>Os Parques</li>
    </ul>
  </div>

  <div class="col-3">
    <h1>A Cidade</h1>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. A porro autem ipsam ea temporibus totam doloremque! Quis eos veritatis provident autem excepturi perferendis doloribus incidunt nostrum ab sapiente voluptates ut voluptate adipisci, inventore hic quam architecto ullam itaque maiores voluptatem commodi natus repellat officia. Culpa adipisci odit porro qui delectus cupiditate modi impedit. Ipsam saepe repellendus ipsa possimus corporis, earum, reprehenderit rem dolorem eaque modi quas autem unde est vel adipisci voluptatem alias aut dolorum nobis! Autem dolorum modi aliquid! .</p>
  </div>

  <div class="col-6">
    <div class="aside">
      <h2>O que é ?</h2>
      <p>Curitiba é uma cidade.</p>
      <h2>Onde ?</h2>
      <p>Curitiba está localizada no sul do Brasil.</p>
      <h2>Como?</h2>
      <p>Você pode chegar em Curitiba por qualquer aeroporto do Brasil.</p>
    </div>
  </div>
</article>

<div class="footer">
  <p>Redimencione a janela do seu navegador</p>
</div>

</body>
</html>