Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rahil1202/window-10-start-menu
https://github.com/rahil1202/window-10-start-menu
Last synced: about 11 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/rahil1202/window-10-start-menu
- Owner: rahil1202
- Created: 2023-07-26T10:55:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-02T05:04:38.000Z (over 1 year ago)
- Last Synced: 2024-04-24T07:15:28.278Z (9 months ago)
- Language: HTML
- Size: 2.76 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Windows 10 Start Menu
Welcome to the GitHub repository of my Windows 10 Start Menu project. This project showcases the power of CSS grid in building complex and responsive layouts, specifically emulating the design and functionality of the Windows 10 Start Menu.
## 🌐 Live Demo
Check out the live demo of the Windows 10 Start Menu ➡️ [Live Demo](https://window10-start-menu-rahil1202.netlify.app/)
## 🚀 Features
- **Windows 10 Start Menu Layout**: Created an accurate replica of the Windows 10 Start Menu, including its iconic live tiles and dynamic resizing behavior.
- **Responsive Design**: Utilized CSS grid to ensure a fully responsive layout that adapts seamlessly to different screen sizes and devices.
- **Interactive Elements**: Implemented interactive tiles that respond to user actions, such as hovering and clicking, just like the real Windows 10 Start Menu.
## 🛠️ Technologies Used
- **HTML**: For structuring the web pages and content.
- **CSS**: For styling the layout, colors, and typography.
- **CSS Grid**: For building the powerful and flexible layout of the Windows 10 Start Menu.## 🛠️ Installation
1. Clone the repository:
```
git clone https://github.com/rahil1202/windows-10-start-menu.git
```2. Navigate to the project directory:
```
cd windows-10-start-menu
```3. Open `index.html` in your web browser to view the Windows 10 Start Menu.
## 🌐 Images