Getting Started

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempus eleifend tortor, vel molestie orci feugiat sit amet. Donec posuere rhoncus tempus. Pellentesque vitae tincidunt est. Aliquam non aliquet nisi, ac sagittis nibh. In at eleifend tellus, eget tempor diam. Vestibulum tincidunt tempus eros, et rutrum diam posuere sed. Duis tempus aliquet felis, ac posuere nisi mollis ut. Morbi maximus, mauris sed posuere dignissim, diam nibh euismod ex, id volutpat neque purus et mi.

Sed sed aliquam diam. Etiam convallis lorem fringilla lobortis dictum. Vivamus volutpat tempor ligula suscipit pulvinar. Cras accumsan leo lorem, at accumsan neque mattis vel. Pellentesque quis euismod lacus, a pellentesque nunc. Suspendisse suscipit venenatis ex, at malesuada purus ornare eu. Mauris sed libero ac libero ornare gravida. Aliquam est enim, rutrum at enim ac, sollicitudin sodales purus. Sed mollis tempus est, sed bibendum magna tempor nec. Sed erat felis, suscipit eget ultricies id, malesuada quis purus. Etiam aliquet consectetur velit, nec pulvinar est egestas sed.

Aenean suscipit arcu purus, eget blandit dolor consequat quis. In maximus sagittis justo, a aliquam leo luctus condimentum. Proin velit lectus, venenatis vehicula risus sed, gravida feugiat ligula. Nam maximus, urna eget elementum consectetur, eros justo volutpat diam, eu porta neque lorem at massa. Nunc scelerisque est eu erat cursus, sed elementum lectus sagittis. Sed sed faucibus est, sit amet eleifend metus. Nunc pharetra tincidunt eros non viverra. Curabitur vulputate augue sapien, sed porttitor mauris facilisis euismod.


Grunt File & Installation

The JavaScript Task Runner.

Installing Grunt: Run npm install grunt --save-dev command from your teminal to install grunt within your project.

Grunt Sass: Run grunt sass command from your project directory. It will compile SASS to CSS for the project. This will read the file `assets/scss/filename.scss` and output a plain-css file to `/assets/css/filename.css`.

Grunt JSHint: Run grunt jshint command from your project directory. It will checks all *.js files under `assetsjs/filename` for common syntax or coding errors using the JSHint utility.

Grunt Sprite: Run grunt sprite command from your project directory.

Further help: To get more help on the grunt checkout Grunt

Note: However, any SASS code you write must be able compile via Grunt as well.It will generate pre-compiled javascript templates.

Grunt is a JavaScript task runner, a tool used to automatically perform frequent tasks such as minification, compilation, unit testing, and linting. It uses a command-line interface to run custom tasks defined in a file.


SCSS Structure

Aenean suscipit arcu purus, eget blandit dolor consequat quis. In maximus sagittis justo, a aliquam leo luctus condimentum. Proin velit lectus, venenatis vehicula risus sed, gravida feugiat ligula. Nam maximus, urna eget elementum consectetur, eros justo volutpat diam, eu porta neque lorem at massa. Nunc scelerisque est eu erat cursus, sed elementum lectus sagittis. Sed sed faucibus est, sit amet eleifend metus. Nunc pharetra tincidunt eros non viverra. Curabitur vulputate augue sapien, sed porttitor mauris facilisis euismod.


Folder Structure

├── html files
├── css/
    ├── All css files
├── fonts/
├── img/
├── Js/
    ├── All common Javascripts files
├── scss/
    ├── All scss files

Font Used

Google fonts are used in the template. They are as follows: Nunito Sans Pro and Rubik

Icons: Line Awesome and Remixicon

All Images are used: Pexels.com and Freepik