Natours
Hello everyone, This repository consists of my code for Natours Project, which I have made using Advanced CSS & SASS.
The webpage is hosted on Netlify at: https://ps09-natours.netlify.app/
Features
- Modern CSS Techniques like clip-path, shape-outside, filter, column-count, media queries, etc.
- Use of CSS animations using @keyframes, animation and transition.
- Use of BEM (Block-Element-Modifier) Methodology
- Sass: Variables, Nesting, Partials, Imports, Mixins, functions, extends and more
- Manual Grid System for rows and columns.
- Responsive Images for faster pageloads: Resolution Switching, Density Switching, Art Direction
- Background Video Effect
- NPM Ecosystem
- Modulated and Responsive website for every device width like :
- 0 - 600px: Phone
- 600 - 900px: Tablet portrait
- 900 - 1200px: Tablet landscape
- 1200 - 1800px: Normal Desktop
- 1800px + : Big desktop
Feel free to explore the Webpage using the link provided.
All types of constructive suggestions and feedback are welcomed.
Happy Learning !