https://github.com/ruslanpashkov/met-exhibition
MET Museum Landing
https://github.com/ruslanpashkov/met-exhibition
aos bem html javascript scss
Last synced: 3 months ago
JSON representation
MET Museum Landing
- Host: GitHub
- URL: https://github.com/ruslanpashkov/met-exhibition
- Owner: ruslanpashkov
- License: mit
- Created: 2024-11-20T11:20:05.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-27T04:21:59.000Z (7 months ago)
- Last Synced: 2025-02-07T05:14:29.160Z (4 months ago)
- Topics: aos, bem, html, javascript, scss
- Language: HTML
- Homepage:
- Size: 9.81 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MET Museum Landing 🏛️
[](LICENSE)
[](https://github.com/ruslanpashkov/met-exhibition)
A meticulously crafted landing that captures the grandeur of the Metropolitan Museum of Art through modern web technologies, seamless animations, and thoughtful design principles.
### [LIVE DEMO](https://ruslanpashkov.com/projects/met-exhibition/)
[](https://ruslanpashkov.com/met-exhibition/)
## Features
### Performance
Green Core Web Vitals metrics (FCP < 1.5s, LCP < 2s, TBT = 0ms, CLS < 0.002) and optimized image loading with WebP format and responsive sizing.
### Responsive Design
Mobile-first approach with fluid typography and grid-based layout ensuring seamless experience across all devices.
### Accessibility
Semantic HTML structure with ARIA support, screen reader optimization, and keyboard navigation for inclusive user experience.
### Modern Interactions
Smooth animations and interactive elements powered by AOS library, carefully optimized for performance and user engagement.
## Built With
- **HTML5** - Semantic markup structure
- **SCSS** - Advanced styling with preprocessor
- **BEM** - CSS naming methodology
- **JavaScript** - Interactive features
- [**AOS**](https://michalsnik.github.io/aos/) - Animate On Scroll library
## Usage
1. Clone the repository
```bash
git clone https://github.com/ruslanpashkov/met-exhibition.git
```
2. Navigate to project directory
```bash
cd met-exhibition
```
3. Install dependencies
```bash
npm install
```
4. Start development server
```bash
npm run dev
```
## License
Distributed under the [MIT License](LICENSE). Content is licensed under a [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0/). Feel free to use this work as you see fit.
## Contact
Ruslan Pashkov • [@ruslanpashkov](https://t.me/ruslanpashkov) • [email protected]