NAMU - National Art Museum of Ukraine 🎨

A modern, responsive website for the National Art Museum of Ukraine (NAMU). The website showcases museum exhibitions, events, gallery collections, and provides visitor information. Built with a focus on user experience and accessibility.

🔗 Live Preview

View Live Site

🖼 Figma Mockup

View Design Mockup

📌 Technologies Used

• HTML5
• SCSS (Sass)
• JavaScript (Vanilla)
• Google Fonts (IBM Plex Sans, Montserrat)
• Responsive Design (Mobile-first)
• CSS Flexbox & Grid
• BEM Methodology
• Git & GitHub
• Parcel Bundler
• ESLint & Stylelint for code quality

🚀 Getting Started

1. Clone the repository:

git clone https://github.com/Nataliia95254/NAMU.git
cd NAMU

2. Install dependencies:

npm install

3. Start the development server:

npm start

The application will open automatically in your default browser at http://localhost:8080.

🎨 Design Features

• Modern and clean interface
• Smooth animations and transitions
• Optimized images for fast loading
• Accessible design elements
• Cross-browser compatibility

📱 Responsive Breakpoints

• Mobile: up to 767px
• Tablet: 768px - 1023px
• Desktop: 1024px and above

✨ Features

• 🔥 Fully responsive design across devices
• 📱 Mobile navigation with burger menu
• 🎨 Interactive gallery with image slider
• 📅 Exhibition and events showcase
• 🕒 Working hours display
• 📍 Contact information and location
• 🔗 Social media integration