html-boilerplate-generator

HTML Boilerplate

HTML5 Boilerplate is a frontend template include HTML, CSS, JS for building fast sites.

Getting started

Open your preferred command line tool and run follow some steps below:

1. git clone https://github.com/ninhva/html-boilerplate.git.
2. cd html-structure.
3. npm install automatically to install plugins required for the build script based in package.json file.
4. npm run dev to preview and development, then run url http://localhost:9000 in your browser.
5. npm run prod to preview final version, then run url http://localhost:9090 in your browser.
6. npm run build to build final version.

Features

• You can separate the elements (header, footer, banner, aside...) to be reused many times without trouble.
• Prettify HTML code.
• Using SASS library.
• Minify JS and CSS files.
• Minify images (jpg, png, svg...) seamlessly.

Project structure

html-boilerplate/
├── src/
│   ├── fonts
│   ├── images
│   ├── scripts
│   ├── styles
│   └── views/
│       ├── layouts
│       ├── pages
│       └── partials
└── gulpfile.js

Browser support

• Chrome (latest)
• Safari (latest)
• Firefox (latest)
• Edge (latest)
• Opera (latest)
• Internet Explorer 10+

License

MIT License