Scribd
Upload
14 views6 pages

DOCTYPE HTML

Uploaded by

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

DOCTYPE HTML

Uploaded by

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

<!

DOCTYPE html>

<html lang="en">

<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>Explore the World Travel Agency</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

header {

background-color: #333;

color: #fff;

padding: 20px;

text-align: center;

nav {

background-color: #444;

overflow: hidden;

nav a {

color: #fff;

padding: 14px 20px;

text-decoration: none;

display: inline-block;

text-align: center;

nav a:hover {
background-color: #ddd;

color: black;

.hero {

background-image: url(C:\Users\Hp\Downloads\Telegram Desktop\1.jpg); /* Replace with


your image */

background-size: cover;

background-position: center;

height: 500px;

display: flex;

justify-content: center;

align-items: center;

color: white;

text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

.hero h1 {

font-size: 3em;

margin: 0;

.container {

padding: 20px;

.destination {

display: flex;

justify-content: space-between;

margin-bottom: 40px;

.destination img {

width: 100%;

height: auto;

border-radius: 8px;
}

.destination-info {

max-width: 400px;

padding: 10px;

.destination-info h3 {

color: #333;

.destination-info p {

color: #666;

footer {

background-color: #333;

color: white;

padding: 10px;

text-align: center;

.contact-form input,

.contact-form textarea {

width: 100%;

padding: 10px;

margin-bottom: 10px;

border: 1px solid #ccc;

border-radius: 5px;

.contact-form button {

background-color: #444;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;
cursor: pointer;

.contact-form button:hover {

background-color: #555;

</style>

</head>

<body>

<header>

<h1>Explore the World Travel Agency</h1>

<p>Your gateway to unforgettable adventures</p>

</header>

<nav>

<a href="#">Home</a>

<a href="#">Destinations</a>

<a href="#">Tours</a>

<a href="#">About Us</a>

<a href="#">Contact</a>

</nav>

<div class="hero">

<h1>Discover Amazing Destinations</h1>

</div>

<div class="container">

<section class="destination">

<div class="destination-info">

<h3>Paris, France</h3>
<p>Explore the City of Lights with a guided tour of iconic landmarks such as the Eiffel Tower,
Notre-Dame Cathedral, and the Louvre Museum.</p>

</div>

<img src="C:\Users\Hp\Downloads\Telegram Desktop\paris.jpg" alt="Paris" >

</section>

<section class="destination">

<div class="destination-info">

<h3>Tokyo, Japan</h3>

<p>Experience the perfect blend of tradition and modernity in the heart of Japan, from
ancient temples to bustling street markets.</p>

</div>

<img src="C:\Users\Hp\Downloads\Telegram Desktop\tokyo.jpg" alt="Tokyo">

</section>

<section class="destination">

<div class="destination-info">

<h3>New York, USA</h3>

<p>Visit one of the most iconic cities in the world, with endless attractions like Times Square,
Central Park, and Broadway shows.</p>

</div>

<img src="C:\Users\Hp\Downloads\Telegram Desktop\new york.jpg" alt="New York">

</section>

<section id="contact">

<h2>Contact Us</h2>

<form class="contact-form">

<label for="name">Full Name</label>

<input type="text" id="name" name="name" placeholder="Your name..." required>

<label for="email">Email</label>

<input type="email" id="email" name="email" placeholder="Your email..." required>


<label for="message">Message</label>

<textarea id="message" name="message" placeholder="How can we assist you?" rows="5"


required></textarea>

<button type="submit">Send Message</button>

</form>

</section>

</div>

<footer>

<p>&copy; 2024 Explore the World Travel Agency. All Rights Reserved.</p>

</footer>

</body>

</html>

You might also like