index.html

  <!Doctype html>
  <html lang="pt-br" dir="ltr">
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <link rel="stylesheet" href="./css/style-base.css" type="text/css">
     <title>EXERCÍCIO FLEXBOX</title>
   </head>
   <body>

     <header>
       <nav>
         <ul>
           <li><a href="index.html">Início</a></li>
           <li><a href="exer-01-flex.html">Exercício 1</a></li>
           <li><a href="exer-02-flex.html">Exercicio 2</a></li>
           <li><a href="exer-03-flex.html">Exercicio 3</a></li>
         </ul>
       </nav>
     </header>
     <div class="container">
       <div class="content">
         <h1>Exercicios Flexbox</h1>
         <p>O Flexbox é um conceito do CSS3 que visa organizar os elementos de uma página HTML dentro de seus containers de forma dinâmica. Ou seja, independente das suas dimensões eles sempre manterão um layout flexível dentro do seu elemento pai, reorganizando-se e acordo com a necessidade. O Flexbox é um conceito do CSS3 que visa organizar os elementos de uma página HTML dentro de seus containers de forma dinâmica. Ou seja, independente das suas dimensões eles sempre manterão um layout flexível dentro do seu elemento pai, reorganizando-se e acordo com a necessidade.</p>
         <p></p>
         <a class="leia" href="https://www.w3schools.com/css/css3_flexbox.asp">Leia mais...</a>
       </div>
     </div>
   </body>
</html>