Skip to content

FernandoCutire/Nexter_CSS_Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project logo

Nexter

Status License


Own your home, own your freedom

📝 Table of Contents

🧐 About

The purpose of this project is to create the landing page for a company that sells premium houses.

🏁 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",
    "prefix:css": "postcss --use autoprefixer -b \"last 10 versions\" css/style.comp.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 prefix:css compress:css"
  },

package.json

🎈 Usage

Project logo

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

🎉 Acknowledgements

  • CSS Udemy Jonas Course
  • Natours

Releases

No releases published

Packages

No packages published