https://github.com/mahmoudsamydev/dashboard-html-css
This repository represent a project of a Complete dashboard website, created with only HTML, CSS | Support responsivness
https://github.com/mahmoudsamydev/dashboard-html-css
css css3 cssflexbox cssframework cssgrid html html5
Last synced: 8 months ago
JSON representation
This repository represent a project of a Complete dashboard website, created with only HTML, CSS | Support responsivness
- Host: GitHub
- URL: https://github.com/mahmoudsamydev/dashboard-html-css
- Owner: MahmoudSamyDev
- Created: 2024-09-28T05:59:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-14T00:36:04.000Z (12 months ago)
- Last Synced: 2025-06-13T19:47:31.673Z (9 months ago)
- Topics: css, css3, cssflexbox, cssframework, cssgrid, html, html5
- Language: HTML
- Homepage: https://mahmoudsamydev.github.io/Dashboard-HTML-CSS/
- Size: 4.08 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Full Website with Custom CSS Framework - HTML & CSS
This project is a **fully responsive and modern website**, developed entirely with **HTML and CSS**. To enhance development efficiency, I created a **custom CSS framework**, making the styling process more flexible and scalable. The website consists of multiple structured pages, each designed with a **clean UI and seamless user experience**.
---
## 🔹 Project Overview
- 🎨 **Custom-built CSS framework** for efficiency and scalability
- 🏗 **Multi-page structure**, covering essential sections
- 📱 **Fully responsive** for optimal performance on all devices
- ⚡ **Fast-loading and optimized design** with minimal CSS overhead
- 🛠 **Well-structured and maintainable code** for easy modifications
---
## 🔹 Website Pages
✔ **Dashboard:** The main hub displaying an overview of activities and statistics
✔ **Settings:** Allows users to customize preferences and manage account configurations
✔ **Profile:** A user profile page featuring personal details and settings
✔ **Projects:** A section for tracking and managing projects efficiently
✔ **Courses:** A structured learning page showcasing available courses
✔ **Friends:** A social feature displaying a list of connections and interactions
✔ **Files:** A file management system for organizing and accessing documents
✔ **Plans:** A pricing and subscription plans section with detailed offers
---
## 🔹 Technologies Used
💠 **HTML5** – For structuring the content across all pages
💠 **Custom CSS Framework** – Designed from scratch for flexibility and efficiency
💠 **Flexbox & CSS Grid** – For responsive layouts and optimized design
💠 **Media Queries** – Ensuring full compatibility with different screen sizes
---
## 🔹 Key Features
⚡ **Lightweight and fast performance** with optimized CSS
⚡ **Scalable and reusable framework**, making future developments easier
⚡ **Fully responsive and mobile-friendly** layout
⚡ **Modular structure**, ensuring ease of customization and expansion
This project is a reflection of my ability to **design and develop structured web applications** using **pure HTML and CSS** while optimizing workflow with a **custom-built CSS framework**. If you are looking for a **well-organized, efficient, and scalable front-end solution**, this project is a great example. 🚀
# Website mockUps
## Dashboard Page
## Settings Page
## Profile Page
## Projects Page
## Courses Page
## Friends Page
## Files Page
## Plans Page
📩 **For more details or a live preview, feel free to reach out!**