Navitours is a landing page for a fictional company that specializes in offering nature tours. This page was developed with:
- Sass / SCSS
- Sass nesting, variables, partials, imports, and mixins
- 7-1 Sass architecture
- Component-based design
- Block Element Modifier (BEM) methodology
- Modern CSS animations with @keyframes, animation, and transition
- Media queries for making the page fully responsive for mobile and tablet devices
- Responsive images using: Resolution switching, density switching, and art direction
- Browser @supports
- CSS autoprefixing
- Modern CSS techniques: clip-path, background-clip, background-blend-mode, transform
This page was developed as part of the Advanced CSS and Sass: Flexbox, Grid, Animations and More course on Udemy.