E-Commerce Website UI (Internship – Week 1 Task)

This repository contains a static front-end e-commerce website UI developed as part of an internship Week-1 task.
The project focuses on HTML & CSS fundamentals, responsive layout design, and real-world UI structuring used in modern web applications.

---

📌 Project Overview

The project is a basic e-commerce landing page that includes:

• Header with brand logo and navigation icons
• Search bar with category selection
• Product listing section using card-based layout
• Footer with company info, useful links, and social icons
• Clean and structured UI suitable for beginners

This task demonstrates understanding of front-end layout concepts, semantic HTML, and CSS Grid/Flexbox usage.

---

🧩 Features Implemented

• ✔ Responsive product grid layout
• ✔ Reusable product cards
• ✔ Header navigation (Profile, Messages, Cart, Orders)
• ✔ Category-based search UI
• ✔ Footer with structured sections
• ✔ Hover effects on buttons
• ✔ Clean and readable HTML structure

---

🛠️ Technologies Used

• HTML5
• CSS3
  • CSS Grid
  • Flexbox
  • Box Shadow
  • Hover Effects

---

📂 Project Structure

├── index.html ├── style.css ├── images/ │ ├── cloth/ │ ├── tech/ │ └── interior/ └── README.md

⚠️ Note:
Image paths should be relative (e.g., images/cloth/1.jpg) instead of local system paths.

---

▶️ How to Run the Project

1. Clone the repository:

   git clone https://github.com/Tahirahmad1002/frontend-internship.git