Jadoo Travel Website

Jadoo is a stylish and modern travel website template designed to showcase and offer travel destinations, flights, and services online. It features a responsive layout, intuitive navigation, and a clean design that highlights your travel offerings. The website is built using HTML, CSS, and JavaScript.

Table of Contents

• Features
• Technologies Used
• Getting Started
• File Structure
• Customization
• Screenshots
• Contributing
• Contact Information

Features

• Responsive design for all devices
• Informative home section with a call to action
• Detailed flight services section
• Top-selling destinations display
• User testimonials section
• Contact and booking information
• Social media links

Technologies Used

• HTML
• CSS
• JavaScript
• Boxicons (for icons)

Getting Started

Prerequisites

To view and edit this project, you'll need:

• A web browser (e.g., Chrome, Firefox, Safari)
• A text editor or IDE (e.g., VS Code, Sublime Text)

Installation

1. Clone the repository:

   git clone https://github.com/chouaib-629/travelingWebSite_jadoo.git

2. Navigate to the project directory:

   cd travelingWebSite_jadoo

Usage

1. Open index.html in your web browser to view the website.
2. To make changes, open the project files in your text editor.

File Structure

• index.html - Main HTML file containing the website structure.
• style.css - CSS file for styling the website.
• script.js - JavaScript file for interactive functionality.
• images/ - Directory containing image assets.

Customization

Logo

Replace the logo image in the images directory with your own logo and update the <img> tag in the header section of index.html:

<a href="#" class="logo">
    <img src="images/logo.png" alt="logo" />
</a>

Background Image

Replace the background image in the images directory with your own image and update the background-image property in style.css:

body {
    background-image: url(images/background.jpg);
    background-position: center`
    background-size: cover;
}

Social Media Links

Update the social media links in the footer section of index.html:

<div class="social-links">
    <a href="https://facebook.com">Facebook</a>
    <a href="https://twitter.com">Twitter</a>
    <a href="https://instagram.com">Instagram</a>
</div>

Screenshots

Here are some screenshots of the website:

Full Website

Contributing

We welcome contributions! Please follow these steps:

Fork the repository. Create a new branch (git checkout -b feature-branch). Commit your changes (git commit -m 'Add new feature'). Push to the branch (git push origin feature-branch). Open a Pull Request.

Contact Information

For questions or support, please contact Me.