hospedagens.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Pousada Recanto da Natureza</title>
    <style>
        p {
           font-size: 20px;
        }
        body {
            text-align: center;
        }
       </style>
       <link rel="stylesheet" href="estilos.css">
   </head>
   <body>
       <ul class="menu">
       <li>
           <a href="pousada.html">Principal</a>
        </li>
       <li>
       <a href="hospedagens.html">Hospedagens</a>
        </li>
       <li>
        <a href="reservas.html">Reservas</a>
    </li>
    <img src="logo1.png" alt="logo" style="size: 10px">
   </ul>
   <ul>
       <h1 style='color: rgb(17, 6, 37)'>Pousada Recanto da Natureza</h1>
       <style type="text/css">
       </style>
       <h2>Nossas Instalações</h2>
       <img src="img.jpg">
       <img src="img1.jpg">
       <img src="img2.jpg">
       <img src="img3.jpg">
       <img src="img4.jpg">
       <img src="img5.jpg">
       
       <p><b>Nossos Serviços</b></p>
       <p>Café da Manhã</p>
       <p>Piscina</p>
       <p>Restaurante</p>
       <p>Garagem</p>
       <p>Pesseio a cavalo</p>
    </ul>
   <footer>
       <p><i>Revend Avenida - Rua Anchieta, 720 - Pelotas - RS</i></p>
</footer>

  <!-- Links  paras paginas do site-->
  <a href="pousada.html">Principal</a>
  <a href="reservas.html">Reservas</a>
    
       
   </body>
   </html>