Semantic Boilerplate

Multi-purpose HTML5 templates using Semantic UI.

Templates

• Index
• Index Alternative
• Dashboard
• Login

Getting Started

To start up the development server:

• git clone
• cd project-folder
• npm install
• npm start

The dev server is powered by Browsersync and Gulp, which provides hot-reloading when you save files.

Development

Semantic UI

This project uses the Semantic UI design system (CSS and JS framework) to primarily style the site. Check out the official SUI docs for more info on how to use elements like the Grid, or Buttons.

This project is configured to use the default SUI theme. If you'd like to customize any part of it, or change the theme, you can make edits in /semantic/ and then run gulp build inside that folder to re-build the CSS to /dist/.

SASS

This project is also setup to use SASS if you'd like. Add any SASS to assets/sass then run npm run gulp to build any SASS to CSS.

Todo

Completed

Pending

• Move all templates into /templates/ folder and fix all local URLs (add ../)
• Add local version of Slick slider/carousel (JS + CSS) and replace CDN links
• Add local versions of jQuery instead of CDN
• DRY: Move any modular CSS in HTML files to SASS (ex: masthead, new Semantic modifier classes, etc)

Credits

• Semantic UI
• HTML5 Boilerplate
• SASS Boilerplate by @olefredrik