External-Practical

Wanderlust Travel Website

A responsive travel website showcasing different destination packages built with HTML and CSS.

Project Overview

This project is a travel website that presents various travel destinations and packages. The site is designed to be visually appealing, informative, and easy to navigate, providing users with a seamless experience when exploring travel options.

Features

• Hero Section: Eye-catching introduction to the website with a call-to-action
• Popular Destinations: Showcase of top travel destinations with beautiful imagery
• Cities to Explore: Section highlighting various cities around the world with key attractions
• Travel Packages: Detailed packages with pricing, features, and booking options
• Contact Section: Form and information for users to get in touch with the travel agency

Technologies Used

• HTML5
• CSS3
• Font Awesome (for icons)
• Google Fonts

Setup Instructions

1. Clone this repository to your local machine
2. Create an images folder and add the following images:
   • hero-bg.jpg (for the hero section background)
   • bali.jpg, santorini.jpg, kyoto.jpg, machu-picchu.jpg (for destinations)
   • paris.jpg, tokyo.jpg, new-york.jpg, rome.jpg (for cities)
   • beach-package.jpg, mountain-package.jpg, city-package.jpg, cultural-package.jpg (for packages)
3. Open index.html in your browser to view the website

Responsive Design

The website is fully responsive and works well on:

• Desktop screens
• Tablets
• Mobile devices

Project Structure

travel-website/
│
├── index.html            # Main HTML file
├── styles.css            # CSS styles
│
└── images/               # Image directory
    ├── hero-bg.jpg
    ├── bali.jpg
    ├── santorini.jpg
    ├── kyoto.jpg
    ├── machu-picchu.jpg
    ├── paris.jpg
    ├── tokyo.jpg
    ├── new-york.jpg
    ├── rome.jpg
    ├── beach-package.jpg
    ├── mountain-package.jpg
    ├── city-package.jpg
    └── cultural-package.jpg

Future Enhancements

• Add JavaScript for interactive elements
• Implement a booking system
• Create individual pages for each destination
• Add user reviews and testimonials
• Integrate a blog section with travel tips

Credits

• Fonts from Google Fonts
• Icons from Font Awesome
• Inspiration from Tourly

License

This project is created for educational purposes.