🌎 Natours 🌎

✈️Checkout the deployed version here!✈️

What this project is about

Natours is a mock landing page for a company aiming to provide tours in nature. 🌳 🌻

This individual project showcases the use of Sass, responsive design, browser support, CSS architecture, and CSS animations. The website is organized in 7-1 Sass architecture and makes use of BEM CSS methodology for its naming system. This desktop-first responsive website is designed to fit various screen widths and resolutions.

Table of contents

• App demo
• Technology used
• Credits

App demo

Technologies used

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

• Sass
  • BEM methodology
  • 7-1 architecture
    • variables
    • mixins
    • utilities
• CSS animations
• Responsive Design
  • Media query manager
  • Media queries in action
  • Responsive images in HTML (line: 97)
  • Responsive images in CSS (line:16)

Credits

Credits to Jonas Schmedtmann for designing this website on his awesome Udemy course!