Scribd
Upload
23 views2 pages

DOCTYPE HTML

The document is an HTML page for a travel website. It contains navigation links, titles, descriptions and images for a hotel property in Madrid, Spain. Contact information and a button to add the property to favorites are also included.

Uploaded by

matematykmiero
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
23 views2 pages

DOCTYPE HTML

The document is an HTML page for a travel website. It contains navigation links, titles, descriptions and images for a hotel property in Madrid, Spain. Contact information and a button to add the property to favorites are also included.

Uploaded by

matematykmiero
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="preconnect" href="https://fonts.googleapis.com">


<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Italiana&family=Roboto+Flex:opsz,[email protected],300&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="./style.css"/>
<title>Tranquil Travelssss</title>

</head>
<body>
<nav class="fixed-navigation">
<img class="logo" src="./Assets/logo.svg"/>
<ul class="nav-links">
<li><a class="nav-link" href="#">Home</a></li>
<li><a class="nav-link" href="#find">Find offers</a></li>
<li><a class="nav-link" href="#add">Add offers</a></li>
<li><a class="nav-link" href="#">Favourites</a></li>
<button class="button primary">Log out</button>
</ul>
<button class="button primary hidden">Menu</button>
</nav>
<section id="browse" class="tittle-section">
<p class="title-large">Serene Retreat</p>
</section>
<section id="hero" class="grid hero-section2">
<div class="hero-image-container-left">
<p class="chip2">Add to favourites &nbsp <i class="fa fa-heart
heart-icon"></i></p>
</div>
<article class="hero-hotel-page">
<button class="button secondary hidden">Add to favourites &nbsp <i
class="fa fa-heart heart-icon"></i></button>
<p > <strong> Location:</strong> Madrid </p>
<p > <strong> Local category:</strong> ★★★★☆</p>
<p > <strong> Description:</strong></p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec
leo ligula. Etiam fermentum est in euismod egestas. Curabitur at condimentum
ligula. Phasellus nunc velit, facilisis fermentum congue ac, cursus at leo.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam nec sapien
vitae neque scelerisque tempus. Vestibulum hendrerit tellus ut pulvinar feugiat.
Nullam iaculis vitae justo sit amet tempus. Nam nunc nunc, porttitor sed turpis
quis, feugiat egestas leo. Phasellus consequat magna ante, ac aliquam felis
convallis sit amet. Sed massa lorem, iaculis ac vestibulum ac, tempus a tortor. Ut
posuere ipsum nec condimentum vehicula. Curabitur orci velit, aliquam vel arcu
quis, semper congue ligula.</p>
<p><button class="button primary"> Contact ✉</button></p>

<div class="hotel-card2">
<img class="img-hp" >
<img class="img-hp" >
</div>

</article>
</section>

</body>
</html>

You might also like