This project is a simple landing page for Tesla, showcasing various models with dynamic content updates. Users can click on different Tesla models to see relevant information and background images update accordingly.

• HTML
• CSS
• JavaScript

• Responsive Navigation: A fixed navigation bar with links to different Tesla models.
• Dynamic Content: Information such as acceleration, top speed, and range updates based on the selected model.
• Background Image Transition: Smooth transition of background images for each model.

The HTML file (tesla.html) contains the structure of the page:

• Head Section: Includes meta tags, title, CSS link, and favicon.
• Body Section: Includes a header with navigation, information display, and JavaScript for dynamic updates.

The CSS file (tesla.css) contains styles for:

• General styling: Font, margin, and padding reset.
• Header: Background image, height, and transition effects.
• Navigation: Positioning, styling for logo, links, and buttons.
• Information Display: Styling for the car model information at the bottom of the page.

Embedded in the HTML file, the JavaScript handles:

• Event Listeners: For click events on model links.
• Content Updates: Changing text and background images based on the selected model.

Thank you for visiting!