Last active
August 29, 2015 14:05
-
-
Save flipjs-sublime/56fff2750c847b8595c5 to your computer and use it in GitHub Desktop.
HTML: Angular Bootstrap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment