{"id":26667296,"url":"https://github.com/mahmoudsamydev/dashboard-html-css","last_synced_at":"2025-07-04T12:33:55.826Z","repository":{"id":281797226,"uuid":"864401843","full_name":"MahmoudSamyDev/Dashboard-HTML-CSS","owner":"MahmoudSamyDev","description":"This repository represent a project of a Complete dashboard website, created with only HTML, CSS | Support responsivness","archived":false,"fork":false,"pushed_at":"2025-03-14T00:36:04.000Z","size":4277,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-13T19:47:31.673Z","etag":null,"topics":["css","css3","cssflexbox","cssframework","cssgrid","html","html5"],"latest_commit_sha":null,"homepage":"https://mahmoudsamydev.github.io/Dashboard-HTML-CSS/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MahmoudSamyDev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-09-28T05:59:19.000Z","updated_at":"2025-03-14T00:36:08.000Z","dependencies_parsed_at":"2025-03-11T07:40:10.381Z","dependency_job_id":"1f87de1c-a766-4e80-a774-fb2fc2c9385b","html_url":"https://github.com/MahmoudSamyDev/Dashboard-HTML-CSS","commit_stats":null,"previous_names":["mahmoudsamydev/dashboard-html-css"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MahmoudSamyDev/Dashboard-HTML-CSS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MahmoudSamyDev%2FDashboard-HTML-CSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MahmoudSamyDev%2FDashboard-HTML-CSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MahmoudSamyDev%2FDashboard-HTML-CSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MahmoudSamyDev%2FDashboard-HTML-CSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MahmoudSamyDev","download_url":"https://codeload.github.com/MahmoudSamyDev/Dashboard-HTML-CSS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MahmoudSamyDev%2FDashboard-HTML-CSS/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263542603,"owners_count":23477455,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css3","cssflexbox","cssframework","cssgrid","html","html5"],"created_at":"2025-03-25T19:36:54.927Z","updated_at":"2025-07-04T12:33:55.808Z","avatar_url":"https://github.com/MahmoudSamyDev.png","language":"HTML","readme":"# Full Website with Custom CSS Framework - HTML \u0026 CSS  \n\nThis 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**.  \n\n---\n\n## 🔹 Project Overview  \n- 🎨 **Custom-built CSS framework** for efficiency and scalability  \n- 🏗 **Multi-page structure**, covering essential sections  \n- 📱 **Fully responsive** for optimal performance on all devices  \n- ⚡ **Fast-loading and optimized design** with minimal CSS overhead  \n- 🛠 **Well-structured and maintainable code** for easy modifications  \n\n---\n\n## 🔹 Website Pages  \n✔ **Dashboard:** The main hub displaying an overview of activities and statistics  \n✔ **Settings:** Allows users to customize preferences and manage account configurations  \n✔ **Profile:** A user profile page featuring personal details and settings  \n✔ **Projects:** A section for tracking and managing projects efficiently  \n✔ **Courses:** A structured learning page showcasing available courses  \n✔ **Friends:** A social feature displaying a list of connections and interactions  \n✔ **Files:** A file management system for organizing and accessing documents  \n✔ **Plans:** A pricing and subscription plans section with detailed offers  \n\n---\n\n## 🔹 Technologies Used  \n💠 **HTML5** – For structuring the content across all pages  \n💠 **Custom CSS Framework** – Designed from scratch for flexibility and efficiency  \n💠 **Flexbox \u0026 CSS Grid** – For responsive layouts and optimized design  \n💠 **Media Queries** – Ensuring full compatibility with different screen sizes  \n\n---\n\n## 🔹 Key Features  \n⚡ **Lightweight and fast performance** with optimized CSS  \n⚡ **Scalable and reusable framework**, making future developments easier  \n⚡ **Fully responsive and mobile-friendly** layout  \n⚡ **Modular structure**, ensuring ease of customization and expansion  \n\nThis 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. 🚀  \n\n\n\n# Website mockUps\n\n## Dashboard Page\n![screen-1](screenshots/1.png)\n## Settings Page\n![screen-1](screenshots/2.png)\n## Profile Page\n![screen-1](screenshots/3.png)\n## Projects Page\n![screen-1](screenshots/4.png)\n## Courses Page\n![screen-1](screenshots/5.png)\n## Friends Page\n![screen-1](screenshots/6.png)\n## Files Page\n![screen-1](screenshots/7.png)\n## Plans Page\n![screen-1](screenshots/8.png)\n\n\n📩 **For more details or a live preview, feel free to reach out!**","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmahmoudsamydev%2Fdashboard-html-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmahmoudsamydev%2Fdashboard-html-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmahmoudsamydev%2Fdashboard-html-css/lists"}