viernes, 17 de diciembre de 2021

Solución CSS22


<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8"/>
<title>Hotel</title>
<style>
p{
margin: 0; padding: 0; border: 0; outline: 0;
}

div img{
width:100%;height:100%;
}

body{
background-color:#f2f2f2;
}
.redes{
float:left;width:38px;height:38px;
}

.hotel{
width:33.3%;float:left;
}

.foto{
height:250px;border: 4px solid #C5F7CA; border-radius: 10px 10px 10px 10px;overflow:hidden;margin:10px 3px 0px 3px;box-shadow: black 3px 3px 3px;
}

.foto:hover{border: 4px solid #FC7C7C;box-shadow: #B57575 4px 4px 3px;
}

.des{
padding:10px;
}


#contenedor{
width:95%;height:100%;position:absolute;left:2.5%;
}

#cabecera{
background-color:#fafafa;border: 4px solid #fff; height:140px;
border-radius: 15px 15px 15px 15px;
}

#logo{
float:left;width:80px;height:60px;
}

#redes{
float:right;width:200px;height:40px;top:20px;
}

#nombre{
width:100%;height:80px;text-align:center;color: red; text-shadow: black 3px 3px 3px;font-size:4em;top:60px;float:left;
}

#pie{
width:100%;text-align:center;font-size:1.5em;float:left;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera">
<div id="logo">
<img src="./img/logo.gif">
</div>
<div id="redes">
<div class="redes"><img src="./img/redes1.jpg"></div>
<div class="redes"><img src="./img/redes2.jpg"></div>
<div class="redes"><img src="./img/redes3.jpg"></div>
<div class="redes"><img src="./img/redes4.jpg"></div>
<div class="redes"><img src="./img/redes5.jpg"></div>

</div>
<div id="nombre">
<p>Grupo de Hoteles Victor</p>
</div>

</div>

<div>
<div class="hotel">
<div class="foto"><!-- http://www.greatsmallhotels.com/es/costa-brava-hoteles-boutique/hostal-spa-empuries -->
<a href="./playa.html"><img src="./img/playa.jpg"></a>
</div>
<div class="des">
<p>El Hostal Empúries es una casa de huéspedes, con un espíritu de la sostenibilidad y respeto por el entorno, situada en el corazón de la Costa Brava. Tiene una ubicación excepcional, detrás de las ruinas del primer asentamiento griego en la Península Ibérica y dominando una de las playas de Cataluña más bellas. El Hostal Empúries siempre se intenta superar para ofrecer una estancia del más alto nivel mientras interactúa respetuosamente con su entorno natural. Los servicios y edificios del Hostal Empúries se integran en el ciclo biólogico de un entorno natural único. Con su diseño auténtico y de elegantes líneas, conservando su significado histórico, el Hostal Empúries ofrece una oportunidad perfecta para descansar el cuerpo y el alma en interiores e instalaciones completamente modernizados. Puede disfrutar del centro de bienestar, de restaurantes de comida orgánica, inicitivas ecologistas, zona para niños y programa de solidaridad. El edificio principal, que cuenta con una extensa historia de hospitalidad, fue construido para acomodar a los arqueólogos que habian venido a excavar las cercanas ruinas griegas y romanas descubiertas a principios de 1900. Al igual que los grandes monasterios y otros edificios históricos, este especial hotel fue construido en etapas y pasó por diferentes manos, pero todavía, aislado en la costa, disfruta de la misma maravillosa ubicación que tenía el día que se colocó la primera piedra, a comienzos del siglo pasado.
</p>
</div>
</div>
<div class="hotel">
<div class="foto">
<a href="./montana.html"><img src="./img/montana.jpg"></a>
</div>
<div class="des">
<p>Típica masia Catalana situada en una zona de gran belleza en la comarca del Alt Empordà. Disponemos de 8 habitaciones de 2 a 4 personas, cada una de ellas identificada con el nombre de plantas y árboles autóctonos. También tiene a su disposición Can Fernando, un espacio independiente que consta de una habitación quádruple y una habitación doble con baño, además de una sala muy confortable.</p>
</div>
</div>
<div class="hotel">
<div class="foto">
<a href="./barcelona.html"><img src="./img/barcelona.jpg"></a>
</div>
<div class="des">
<p>Hotel en un edificio histórico declarado patrimonio cultural de Barcelona. El H10 Racó del Pi se encuentra en el corazón de Barcelona, en su famoso Barrio Gótico. H10 Racó del Pi goza de una ubicación ideal para disfrutar de la zona más viva y ambientada de la ciudad, en plena Ciutat Vella, una zona llena de tiendas, bares y restaurantes, cerca de los lugares más históricos e interesentes de Barcelona.</p>
</div>
</div>
</div>

<div id="pie">
<p>Copyright 2001-2020 Copyright .es - All Rights Reserved</p>
</div>
</div>
</body>
</html>