Construction Company & Car Showroom Website (Static Websites - HTML & CSS Only)

Task 1: Construction Company Website

Objective:

Create a static construction company website with four pages: Home, About Us, Services, and Contact Us using only HTML & CSS.

Requirements:

• Home Page:

  • A hero section with a welcome message and a background image.
  • A navigation bar with links to other pages.
  • A services overview section.

• About Us Page:

  • A section describing the company’s history, mission, and vision.
  • A section with team members' details (images & names).

• Services Page:

  • A list of services provided (e.g., residential, commercial, renovation).
  • A grid layout to display service descriptions & images.

• Contact Us Page:

  • A simple contact form (Name, Email, Message).
  • A section with the company’s address, phone number, and email.
  • A Google Maps iframe (Optional).

Styling Requirements:

• Use CSS Grid or Flexbox for layout.
• Use a professional color scheme (e.g., shades of blue & gray).
• The website must be fully responsive using media queries.

---

Task 2: Car Showroom Website

Objective:

Create a car showroom website with four pages: Home, About, Cars, and Contact using only HTML & CSS.

Requirements:

• Home Page:

  • A full-width hero section with a background image of luxury cars.
  • A navigation bar with links to all pages.
  • A featured car section showcasing the latest models.

• About Page:

  • A company introduction (history, values, and mission).
  • A section about the showroom and services offered.

• Cars Page:

  • A gallery of available cars with images, names, and prices.
  • Use a grid layout to display the cars in rows and columns.
  • A hover effect that displays more details about each car.

• Contact Page:

  • A simple contact form (Name, Email, Phone, Message).
  • A section with the showroom’s address, phone number, and email.
  • A Google Maps iframe (Optional).

Styling Requirements:

• Use a modern, sleek design with a black, red, and white color scheme.
• Use CSS Flexbox or Grid to arrange content neatly.
• Implement hover effects on buttons and images.
• Make the website fully responsive using media queries.

---

Next Steps:

Start by creating the HTML structure for each page, then apply CSS styles for a professional look. Let me know if you need additional guidance! 🚀