https://github.com/zhadier/natours---advanced-css-design

Natours is a landing page for adventure and tour planners. It's an HTML-SASS website with pure css for all it's animations and transitions and zero JavaScript. The design was based on Jonas Schmedtmann's design for his online Advanced CSS course .
https://github.com/zhadier/natours---advanced-css-design

Last synced: 4 months ago
JSON representation

Natours is a landing page for adventure and tour planners. It's an HTML-SASS website with pure css for all it's animations and transitions and zero JavaScript. The design was based on Jonas Schmedtmann's design for his online Advanced CSS course .

• Host: GitHub
• URL: https://github.com/zhadier/natours---advanced-css-design
• Owner: zhadier
• Created: 2022-03-03T21:14:25.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-03-03T21:43:55.000Z (almost 4 years ago)
• Last Synced: 2025-03-14T04:41:37.208Z (10 months ago)
• Language: CSS
• Size: 21.2 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![](https://img.shields.io/badge/Microverse-blueviolet)

# Natours

> 'Natours' is a landing page for adventure and tour planners. It's an HTML-SASS website with pure css for all it's animations and transitions and zero JavaScript. The design was based on Jonas Schmedtmann's design for his online Advanced CSS course .

![screenshot](https://user-images.githubusercontent.com/90556221/156657676-2c73183b-a83a-407b-b9e4-61d7fc4720ea.png)

## Built With

- HTML / CSS / SASS

## Live Demo

- [Live Demo Link](https://zhadier.github.io/Natours---Advanced-CSS-Design)

## Getting Started

### To launch the project locally:

#### Step 1:

- Clone this repo locally using git and the following git command

  git clone https://github.com/zhadier/Natours---Advanced-CSS-Design

#### Step 2:

- Run index.html file in your browser

- Use developer tools in order to view Mobile version

## Authors

👤 **Zeeshan Haider**

- GitHub: [@zhadier](https://github.com/zhadier)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- The webpage was based on a design by Jonas Schmedtmann for his Advanced CSS course on Udemy. It's one of the best sources out there for learning amazing css features.

## 📝 License

This project is [MIT](./MIT.md) licensed.