🏞️ Natours A responsive tourism website built as part of Jonas Schmedtmann’s Udemy course. The project showcases modern CSS and SCSS techniques, including animations, clip-path, flexbox, and grid layouts.
🚀 Features Hero Section: Full-screen background with clip-path and a call-to-action. Two-Column Layout: Left-side text, right-side animated images. Card Flip Animation: Interactive pricing cards with a front-side image and back-side pricing & buttons. Skewed Section: Unique section styling without clip-path. Story Section: Engaging design with animations. Booking Form: Styled input fields with user-friendly interaction. 🛠️ Tech Stack HTML5 CSS3 (SCSS) Flexbox & Grid Animations & Transitions 📦 Installation Clone the repository: git clone https://github.com/YOUR_GITHUB_USERNAME/Natours.git cd Natours Open index.html in a browser. (Optional) If using SCSS:
npm install
npm run compile:sass
📸 Preview
Add a screenshot here if possible.
🤝 Contributing This project follows the structure from the Udemy course, so contributions are not required. However, feel free to fork and experiment!
📄 License This project is for educational purposes only and follows Jonas Schmedtmann's Udemy course guidelines.