<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>ng-breadcrumbs</title>

  <link rel="stylesheet"
        href="http://ianwalter.github.io/flat-github-ribbon/dist/flat-github-ribbon.min.css" />
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
  <link rel="stylesheet" href="http://ianwalter.github.io/flat-github-ribbon/dist/flat-github-ribbon.min.css" />
  <style>
    .ab-nav.breadcrumb {
      margin-bottom: 30px;
    }
    .margin-right-xs {
      margin-right: 5px;
    }
  </style>

  <script src="public/js/requirejs-config.js" type="application/javascript"></script>
  <script src="public/lib/requirejs/require.js" data-main="public/js/main"></script>
</head>
<body ng-controller="HomeController">
<div class="github-ribbon-container">
  <a href="http://github.com/ianwalter/ng-breadcrumbs/"
     class="github-ribbon alizarin">Visit Me on GitHub!</a>
</div>
<br>
<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <header>
        <h1>ng-breadcrumbs</h1>
        <h4>A better AngularJS service to help with breadcrumb-style navigation between views</h4>
      </header>
      <br>
      <ol class="ab-nav breadcrumb">
        <li ng-repeat="breadcrumb in breadcrumbs.get() track by breadcrumb.path"
            ng-if="breadcrumb.label"
            ng-class="{ active: $last }">
          <a ng-if="!$last"
             ng-href="#{{ breadcrumb.path }}"
             ng-bind="breadcrumb.label"
             class="margin-right-xs"></a>
          <span ng-if="$last" ng-bind="breadcrumb.label"></span>
        </li>
      </ol>
      <div ng-view ng-cloak></div>
    </div>
  </div>
  <br>
  <p>
    I hope you find this useful!<br>
    «–– <a href="http://ianvonwalter.com">Ian</a>
  </p>
  <br>
</div>
</body>
</html>