Skip to content
Multi-purpose HTML5 templates using Semantic UI
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
css
doc
img
js
semantic
templates
.editorconfig
.gitattributes
.gitignore
.htaccess
404.html
Gulpfile.js
LICENSE.txt
README.md
browserconfig.xml
dashboard.html
favicon.ico
humans.txt
icon.png
index-alt.html
index.html
login.html
package-lock.json
package.json
robots.txt
semantic.json
site.webmanifest
thumbnail.jpg
tile-wide.png
tile.png

README.md

Dashboard template

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

You can’t perform that action at this time.