HON-Bootstrap-Template (currently v1.0.1) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.

Source Code

Source Scss, JavaScript, and images files, along with our docs. Requires some setup.

Download source

Install with Bower

You can also install and manage HON-Boostrap-Template Scss and JavaScript using Bower:

$ bower install hon-bootstrap-template

Start with this basic HTML template. We encourage you to customize and adapt the template to suit your individual project's needs.

Copy the HTML below to begin working with a minimal document.

<!DOCTYPE html>
<html lang="en" dir="ltr">
 <head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>HON Bootstrap Template Demo</title>
 <!-- Bootstrap -->
 <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
 <!-- HON style -->
 <link rel="stylesheet" href="bower_components/hon-bootstrap-template/dist/css/hon-bootstrap-template.min.css">
</head>
<body>
 <h1>Hello, world!</h1>
 <script src="bower_components/jquery/dist/jquery.min.js"></script>
 <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 <script src="bower_components/responsive-sticky-footer-plugin/dist/jquery.responsiveStickyFooter.min.js"></script>
 <script src="bower_components/hon-bootstrap-template/dist/js/hon-bootstrap-template.min.js"></script>
</body>
</html>