Helsingborgs stad - Style guide

Welcome to the online style guide intended for websites within Helsingborgs stad. The guide provides examples, markup and themes for our standardized components.

Getting started

You can easily get started by including our CSS and JavaScript from our GitHub CDN. For the advanced user who wants to customize our code, please refer to the source files in our GitHub repository.

Using GitHub CDN

Copy and pase this CSS link to the <head> of your document. Chage colorscheme by replaceing "red" in the path to the file. See avabile colorschemes in the selector at the top of the page.

<link rel='stylesheet' id='hbg-prime-css'  href='//helsingborg-stad.github.io/styleguide-web/dist/css/hbg-prime-red.min.css' type='text/css' media='all' />

Include the JavaScript by copy and pasting the snippet below just before your </body> closing tag. The file bundles a stable version of jQuery.

<script type='text/javascript' src='//helsingborg-stad.github.io/styleguide-web/dist/js/hbg-prime.min.js' defer='defer'></script>