diff --git a/image/img-1.jpg b/image/img-1.jpg new file mode 100644 index 0000000..f49054b Binary files /dev/null and b/image/img-1.jpg differ diff --git a/image/img-2.jpg b/image/img-2.jpg new file mode 100644 index 0000000..238be19 Binary files /dev/null and b/image/img-2.jpg differ diff --git a/image/img-3.jpg b/image/img-3.jpg new file mode 100644 index 0000000..c95f250 Binary files /dev/null and b/image/img-3.jpg differ diff --git a/image/img-4.jpg b/image/img-4.jpg new file mode 100644 index 0000000..9f8bd3f Binary files /dev/null and b/image/img-4.jpg differ diff --git a/travel.css b/travel.css new file mode 100644 index 0000000..417df1a --- /dev/null +++ b/travel.css @@ -0,0 +1,182 @@ +body { + margin: 0; + font-family: Arial, sans-serif; + background-color: #613131; + line-height: 1.6; +} + +header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px; + background-color: #333; + color: white; +} + +header .logo { + font-size: 24px; + font-weight: bold; +} + +header nav ul { + list-style: none; + display: flex; + gap: 20px; +} + +header nav ul li { + display: inline; +} + +header nav ul li a { + color: white; + text-decoration: none; + transition: color 0.3s; +} + +header nav ul li a:hover { + color: #ddd; +} + +.hero { + background-image: url('https://via.placeholder.com/1200x600'); + background-size: cover; + background-position: center; + height: 600px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: white; + text-align: center; + padding: 20px; +} + +.hero h1 { + font-size: 48px; + margin: 0; +} + +.hero p { + font-size: 24px; + margin: 10px 0 20px; +} + +.cta { + display: inline-block; + padding: 10px 20px; + background-color: #ff6600; + color: white; + text-decoration: none; + font-size: 18px; + border-radius: 5px; + transition: background-color 0.3s; +} + +.cta:hover { + background-color: #e65c00; +} + +.about, .destinations, .contact { + padding: 50px 20px; + text-align: center; + background-color: #fff; +} + +.about h2, .destinations h2, .contact h2 { + font-size: 36px; + margin-bottom: 30px; +} + +.about p { + font-size: 18px; + color: #555; + line-height: 1.6; + margin: 10px 0; +} + +.destination-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 20px; + padding: 0 20px; +} + +.destination-card { + background-color: #f9f9f9; + padding: 20px; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + text-align: left; +} + +.destination-card img { + width: 100%; + border-radius: 10px; +} + +.destination-card h3 { + font-size: 24px; + margin: 15px 0 10px; +} + +.destination-card p { + font-size: 16px; + color: #555; +} + +.contact-details { + display: flex; + justify-content: space-around; + align-items: flex-start; + flex-wrap: wrap; + gap: 20px; +} + +.contact-info p { + font-size: 18px; + color: #555; +} + +.contact-form { + display: flex; + flex-direction: column; + gap: 10px; + width: 100%; + max-width: 400px; +} + +.contact-form label { + font-size: 16px; +} + +.contact-form input, +.contact-form textarea { + padding: 10px; + border: 1px solid #ddd; + border-radius: 5px; + font-size: 16px; +} + +.contact-form button { + padding: 10px 20px; + background-color: #c16c10; + color: white; + border: none; + border-radius: 5px; + font-size: 18px; + cursor: pointer; + transition: background-color 0.3s; +} + +.contact-form button:hover { + background-color: #ad3f0c; +} + +footer { + text-align: center; + padding: 20px; + background-color: #333; + color: white; +} diff --git a/travel.html b/travel.html new file mode 100644 index 0000000..620eaee --- /dev/null +++ b/travel.html @@ -0,0 +1,99 @@ + + + + + + Travel Landing Page + + + +
+ + +
+ +
+
+

Explore the World

+

Discover new places and adventures with us. Your journey starts here.

+ Get Started +
+ +
+

About Us

+

Welcome to Travel, your number one source for all things travel. We're dedicated to giving you the very best travel experiences, with a focus on dependability, customer service, and uniqueness.

+

Founded in 2023, Travel has come a long way from its beginnings. When we first started out, our passion for helping people explore the world drove us to do intense research, and gave us the impetus to turn hard work and inspiration into a booming travel agency. We now serve customers all over the world and are thrilled to be a part of the travel industry.

+

We hope you enjoy our services as much as we enjoy offering them to you. If you have any questions or comments, please don't hesitate to contact us.

+

Sincerely,

+

The Travel Team

+
+ + +
+

Top Destinations

+
+
+ Destination 1 +

Paris, France

+

Experience the city of lights, romance, and history.

+
+
+ Destination 2 +

Tokyo, Japan

+

Explore the bustling city filled with culture and innovation.

+
+
+ Destination 3 +

Sydney, Australia

+

Discover the vibrant city with stunning beaches and landmarks.

+
+
+ Destination 4 +

New York, USA

+

Visit the city that never sleeps, full of iconic sights.

+
+
+
+ + + + +
+

Contact Us

+
+
+

Address: 123 Travel Lane, Wanderlust City, WL 45678

+

Phone: (123) 456-7890

+

Email: contact@travel.com

+
+
+ + + + + + + + + + + + + +
+
+
+
+ + + +