Natours

---

Exciting tours for adventurous people

📝 Table of Contents

• About
• Getting Started
• Deployment
• Usage
• Built Using
• Authors
• Acknowledgments

🧐 About

The purpose of this project is to create a landing page for a company that sell tours packs to people.

🏁 Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

You will need to have Nodejs in your system.

Check the documentation to install it on your system.

Installing

Once you have Node Js on your system. You can see in the package.json all the scripts.

"scripts": {
    "watch:sass": "node-sass sass/main.scss css/style.css -w",
    "devserver": "live-server",
    "start": "npm-run-all --parallel devserver watch:sass",
    "compile:sass": "node-sass sass/main.scss css/style.comp.css",
    "concat:css": "concat -o css/style.concat.css css/icon-font.css css/style.comp.css",
    "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.concat.css -o css/style.prefix.css",
    "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
    "build:css": "npm-run-all compile:sass concat:css prefix:css compress:css"
  },

package.json

🎈 Usage

You can make changes in the components inside the sass folder. Run npm watch:sass to see in the browser all the changes that you do in the page.

🚀 Deployment

You can deploy this page to Netlify.

⛏️ Built Using

• HTML - Markup Language
• CSS - Stylesheets
• SASS - CSS Preprocessor

✍️ Authors

• @fernandocutire - Build by
• @jonasschmedtmann - Idea & Initial Work

🎉 Acknowledgements

• CSS Udemy Jonas Course
• Natours