flipjs/gist-html-angular-bootstrap.html

## gist-html-angular-bootstrap.html
<!-- index.html -->
<!DOCTYPE html>
<html>
<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>Angular App</title>
  <!-- SCROLLS -->
  <!-- load bootstrap and fontawesome via CDN -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" />

  <!-- SPELLS -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular-route.min.js"></script>
</head>
<body>

  <!-- HEADER AND NAVBAR -->
  <header>
    <nav class="navbar navbar-default">
    <div class="container">
      <div class="navbar-header">
        <a class="navbar-brand" href="/">Angular App</a>
      </div>

      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
        <li><a href="#about"><i class="fa fa-shield"></i> About</a></li>
        <li><a href="#contact"><i class="fa fa-comment"></i> Contact</a></li>
      </ul>
    </div>
    </nav>
  </header>

  <!-- MAIN CONTENT AND INJECTED VIEWS -->
  <div id="main" class="container">

    <!-- angular templating -->
    <!-- this is where content will be injected -->

  </div>

  <!-- FOOTER -->
  <footer class="text-center">
    Contact me at <a href="http://flipjs.io/">flipjs.io</a>
  </footer>

</body>
</html>
	<!-- index.html -->
	<!DOCTYPE html>
	<html>
	<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>Angular App</title>
	<!-- SCROLLS -->
	<!-- load bootstrap and fontawesome via CDN -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" />

	<!-- SPELLS -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular-route.min.js"></script>
	</head>
	<body>

	<!-- HEADER AND NAVBAR -->
	<header>
	<nav class="navbar navbar-default">
	<div class="container">
	<div class="navbar-header">
	<a class="navbar-brand" href="/">Angular App</a>
	</div>

	<ul class="nav navbar-nav navbar-right">
	<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
	<li><a href="#about"><i class="fa fa-shield"></i> About</a></li>
	<li><a href="#contact"><i class="fa fa-comment"></i> Contact</a></li>
	</ul>
	</div>
	</nav>
	</header>

	<!-- MAIN CONTENT AND INJECTED VIEWS -->
	<div id="main" class="container">

	<!-- angular templating -->
	<!-- this is where content will be injected -->

	</div>

	<!-- FOOTER -->
	<footer class="text-center">
	Contact me at <a href="http://flipjs.io/">flipjs.io</a>
	</footer>

	</body>
	</html>