brezzhnev / markup-landing-page

Markup of the landing page lesson

Getting started

Step 1. Clone the repository

git clone [e-mail]:brezzhnev/markup-landing-page.git

Step 2. Install Grunt task runner and project dependencies

It will merge your SASS files and transform them to regular CSS. Additionally, it will optimize your static assets (styles, images, HTML).

npm install -g grunt
npm install

Requirements

• Implement a markup of the page using HTML5, SASS, with the best modern practices
• Implement hover effects, navigation with animations
• Use git and commit every more less significant change
• Understand and extend Grunt functionality, make minification, uglification
• Use Sassy, Compass, Normalize.css

Materials

• CSS/SASS style guides / best practices:
  • https://github.com/airbnb/css
  • https://codeguide.co/
• HTML style guides / best practices:
  • https://gist.github.com/ryansechrest/8693303

Commands

Run the development mode.

It will run a development server. After each update it will update the page automatically.

grunt

Make a build:

grunt build