📘 Facebook UI Clone

A modern Facebook UI clone built using HTML, CSS & JavaScript

---

🚀 Live Preview

👉 Click here to view project

---

🧠 About This Project

This project is a frontend UI clone of Facebook, built to practice:

• Responsive layout design
• Flexbox & positioning
• Sidebar + Navbar structure
• Real-world UI replication

---

⚒️ Tech Stack

• HTML5
• CSS3 (Flexbox, Grid)
• JavaScript (basic UI interactions)
• Font Awesome Icons

---

📸 Features

• 🔵 Facebook-like navbar
• 👤 Left & right sidebars
• 📰 News feed layout
• 📱 Responsive design (mobile support)
• 🎯 Pixel-like UI structure

---

🎬 Preview

---

📂 How to Run Locally

git clone https://hafizengineermuhammadabdullah.github.io/MyFacebookPage/Facebook.html
cd MyFacebookPage
open Facebook.html

💡 What I Learned
-> Advanced Flexbox layouts
-> UI structuring like real apps
-> Component-based design thinking
-> Real-world frontend cloning

Connect With Me
GitHub: https://github.com/HafizEngineerMuhammadAbdullah
LinkedIn: https://linkedin.com/in/muhammad-abdullah-360a87384/