🌄 Natours 🌄

🌴 Checkout the deployed version here! 🌴

What this project is about

Natours is a mock website for a nature tourism agency ✈️

This project demonstrates my knowledge of Sass, responsive design, browser support, CSS architecture, and CSS animations. The website is designed with float layout with vanilla CSS. I employ the 7-1 Sass architecture and BEM CSS methodology throughout to organize my files. The website is also responsively designed to fit different screen widths and resolutions. You're welcome to open the link above on a mobile device to see the difference!

Table of contents

• Technologies used
• Credits

Technologies used

👀👇 Click links to view some samples in this project 👇👀

• Sass
  • 7-1 architecture
  • Variables
  • Mixins
• BEM methodology (line: 20 navigation class)
• CSS animations
  • Checkbox hack (line: 131)
  • Custom radio buttons (line: 72)
• Responsive design
  • Media query manager
  • Responsive images (line: 22)
  • Browser support (line: 16)

Credits

Credits to Jonas Schmedtmann for designing this website on his wonderful Udemy course! 💂‍♂️