🌐 Woit Solutions - Website Clone

A clean and modern clone of the official Woit Solutions website built using HTML, Tailwind CSS, and JavaScript. The site is fully responsive and structured using Tailwind's utility-first CSS approach.

---

📸 Screenshots

🚀 Tech Stack

• HTML5 – Structure & Content
• Tailwind CSS – Utility-first CSS for modern styling
• JavaScript – Interactive elements
• Node.js + npm – For managing Tailwind build

---

📂 Folder Structure

Woit_Solutions_Clon/ ├── dist/ │ ├── index.html → Final output HTML │ └── style.css → Compiled Tailwind CSS ├── src/ │ ├── css/ │ │ └── input.css → Tailwind directives │ ├── js/ │ │ └── script.js → JavaScript file │ └── index.html → Main development HTML ├── images/ → Image assets ├── tailwind.config.js → Tailwind configuration ├── package.json → Project metadata and scripts └── README.md → Project documentation

yaml Copy Edit

---

📸 Screenshots

📸 Screenshots

🛠️ How to Run This Project

1. Clone Repository

git clone https://github.com/Muhammad-Taha7/Woit_Solutions_Clon.git
cd Woit_Solutions_Clon
2. Install Dependencies
bash
Copy
Edit
npm install
3. Compile Tailwind CSS
bash
Copy
Edit


npx tailwindcss -i ./src/css/input.css -o ./dist/style.css --watch
Now open dist/index.html in your browser or use Live Server in VS Code.

💡 Features
Fully responsive layout

Modern design with Tailwind



Interactive navigation and transitions

Organized code and assets

Easy to customize and scale