Skip to content

Umairalimalik78/CSS-Assignment-14-fb-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📘 Facebook Dashboard Clone

A clean and realistic clone of the Facebook interface built with pure HTML and CSS — featuring the Home/Login page, Dashboard, and Sign Up page.


🔗 Live Demo

👉 fb-clone-umair.netlify.app


📸 Preview

fb-clone-umair netlify app_dashboard_dashboard (2)

✨ Features

  • 🏠 Facebook-style Home / Login page
  • 📊 Dashboard / News Feed page
  • 📝 Sign Up page
  • 🎨 Pixel-perfect Facebook UI clone
  • 🖼️ Custom profile image and Facebook logo included
  • 🌐 Deployed and live on Netlify

🛠️ Built With

Technology Purpose
HTML5 Page structure & layout
CSS3 Styling & design

📁 Project Structure

CSS-Assignment-14-fb-dashboard/
│
├── index.html            # Home / Login page
├── style.css             # Main stylesheet
├── facebook_logo.png     # Facebook logo asset
├── favicon.ico           # Browser tab icon
├── umair_profile.png     # Profile image asset
├── dashboard/            # Dashboard / News Feed page
└── signup page/          # Sign Up page

🚀 Getting Started

Run Locally

  1. Clone the repository

    git clone https://github.com/Umairalimalik78/CSS-Assignment-14-fb-dashboard.git
  2. Navigate to the project folder

    cd CSS-Assignment-14-fb-dashboard
  3. Open index.html in your browser

    Simply double-click the index.html file or open it with Live Server in VS Code.


🌐 Deployment

This project is deployed using Netlify. Live URL: fb-clone-umair.netlify.app


👨‍💻 Author

Umair Ali


Made with ❤️ by Umair Ali

About

A pixel-perfect Facebook clone built with HTML and CSS featuring a Login page, News Feed Dashboard, and Sign Up page. Deployed on Netlify.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors