Hero Image for Natours project


In this project, I coded along with the "Natours" project from Jonas Schmedtmann's Advanced CSS & Sass course. The end result is a slick looking and responsive front page for this fictional adventure tourism company.

From this tutorial, I learned how to:

  • Write Sass code with variables and mixins and compile it to CSS
  • Design and create flashy rotating "cards" for different booking options
  • Use the "checkbox hack" to create an animated hamburger menu that triggers an animated background and navigation menu

Check out the finished project on my github pages, and view the code on my github repo!

© 2021, Built by Eric Rodgers, using Gatsby, Sanity & Netlify