"Cars | By 3atallah" is a website dedicated to showcasing a variety of vehicles, including cars, motorcycles, and trucks. It provides users with essential information about each vehicle and facilitates easy navigation to explore the options available.
A logo and a responsive navigation bar.
Links to different sections: Cars, Motors, Trucks, and Contact Us.
- Cars: Highlights electric cars like Byd Yuan Plus, Neta U EV, and Audi AQ-40 Etron.
- Motors: Displays a variety of Yamaha motorcycles, including touring and beginner-friendly bikes.
- Trucks: Features rugged and electric trucks like Ford Ranger and Maxus T90EV.
Allows users to send inquiries or feedback.
Fields: Name, Email, Message.
Displays copyright information.
- index.html: The main webpage structure.
- CSS/style.css: Defines the styling of the webpage (external file linked in the HTML).
- Img/: Contains images for logos, vehicles, and other visual elements.
- HTML: For structuring the website content.
- CSS: For styling the webpage.
- Image Resources: For displaying vehicle images and branding.
Open index.html in any web browser to view the website.
Use the header navigation bar to explore:
- Cars
- Motors
- Trucks
- and Contact Us sections.
- Scroll to the "Contact Us" section.
- Fill out your name, email, and message in the form.
- Click Send Message.
Modify CSS/style.css to change the design elements.
Replace the file at Img/Logo/logo.jpg with a new logo image.
- Implement backend functionality for the contact form to store or send submitted messages.
- Enhance user interactivity with JavaScript (e.g., filtering vehicles by type or price).
- Make the website fully responsive for all device sizes.