The National Art Museum of Ukraine rebranded with the creative agency Banda and made a brand for all Ukrainian art. Here is the landing page for this site with current exhibitions and more
- HTML5
- CSS3
- Sass (SCSS)
- BEM methodology
- JavaScript
Layout is adaptive and responsive as well as cross-browser compatible. It works correctly on all screen sizes (mobile, tablet and desktop versions). Is is implemented using the mobile-first approach.
The code is valid in HTML5 and CSS3. In order to decrease user load and avoid code duplication, styles are implemented using Sass (SCSS) including advanced features like mixins, extends, conditional operators etc. BEM methodology is used for naming classes. This naming convention makes the code more readable and understandable, helps to avoid naming conflicts and makes the code easier to maintain and reuse.
Semantic and meta tags are used. SEO optimization is done. Accessibility is improved.
To view this project locally:
- Clone the repository:
git clone https://github.com/2pasha/landing_museum.git - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and visit
http://localhost:3000