Nature Tours

Design credis :Jonas Schmedtmann

Link

• Live Site URL: https://harshita1225.github.io/nature-tours/

Table of contents

• Overview

  • Link

  • The challenge

  • Screenshot

• My process

  • Built with

• Author

Overview

Project specifications

• Developing Css architecture using SASS

• handing images to be responsive

• adding hover effects, card designing and rotating using CSS animations

• Create a responsive page based using flex, grid and media queries

• Notice:

  • The navigation should also be fully responsive on all devices

Screenshot

Desktop Version

• header

• main

  • cards

• footer

My process

• Header
• Nav bar
• Main section
• Card components
• Footer

Built with

• Semantic HTML5 markup
• SASS
• CSS
• Flex box
• Responsive design
• Background images
• Animations
• Mobile First approach
• Desktop layout
• Custom Fonts

Recreated by

• Website - Harshita Joshi-Github