Skip to content

🌍 A modern, adventure-themed website for nature lovers and travelers πŸ•οΈ. Fully responsive design built with HTML, CSS, and SASS ✨. Explore breathtaking tours and embrace the wild! πŸŒΏπŸš€

Notifications You must be signed in to change notification settings

Okyanusaydgn/Natours_Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

33 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

logo-green-1x

Natours Project

Omnifood Demo GIF

This GIF demonstrates the main features of the Natours website.


**Natours** is a modern, adventure-themed website for nature lovers and travelers πŸ•οΈ. Fully responsive design built with **HTML, CSS, and SASS** ✨. Explore breathtaking tours and embrace the wild! πŸŒΏπŸš€

πŸ“Œ About the Project

Natours is a web application designed for adventurers and nature enthusiasts. It features a clean, modern, and fully responsive design, ensuring a seamless experience across all devices.

πŸ› οΈ Technologies Used

  • Frontend: HTML, CSS, SASS
  • Code Editor: Visual Studio Code
  • Deployment: Netlify

πŸ”§ Tools and Resources

Here are the tools and resources used during the development of this project:

Fonts and Typography

  • 🌐 Google Fonts: For modern and readable typography.

Colors and Design Tools

  • 🎨 Tint and Shade Generator: For creating consistent color palettes.
  • 🌈 Coolors Contrast Checker: To ensure accessibility and readability.
  • 🎨 Open Color: For a well-balanced color scheme.

Images and Videos

  • πŸ“· Unsplash: For high-quality, royalty-free images.

🎨 Icons and Design Resources

  • 🌐 Icomoon: Visit Icomoon for scalable and customizable icons.

πŸš€ Deployment

The project is deployed on Netlify. You can visit the live site here:
🌐 Natours Live Demo

πŸ“‚ Repository

You can find the source code for this project on GitHub:
πŸ”— Natours GitHub Repository

πŸ–₯️ How to Run Locally

  1. Clone the repository:
    git clone https://github.com/Okyanusaydgn/Natours_Project.git
  2. Navigate to the project folder:
    cd natours-project
  3. Open in Visual Studio Code:
    code .
  4. **Install dependencies (if you haven't already):
    npm install
  5. Start a local server (Optional, if needed):
    npm start

Enjoy your adventure with Natours! 🌍✨

About

🌍 A modern, adventure-themed website for nature lovers and travelers πŸ•οΈ. Fully responsive design built with HTML, CSS, and SASS ✨. Explore breathtaking tours and embrace the wild! πŸŒΏπŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published