public/index.html

<!-- index.html -->
<!doctype html>

<html ng-app="ghmapApp">
	<head>
		<!-- META -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1"><!-- Optimize mobile viewport -->

		<title>Github-Map</title>

		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"><!-- load bootstrap -->

		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><!-- load jquery -->
		<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script><!-- load angular -->
		<script src="core.js"></script>
		<script src="d3.js"></script>

		<style>
			.node circle {
				fill: #fff;
				stroke: #ccc;
				stroke-width: 3px;
			}
			
			.node {
				font: 10px sans-serif;
			}

			.link {
				fill: none;
				stroke: #ccc;
				stroke-width: 3px;
			}

			.center {
				margin-right: 400px;
			}

			.title {
				margin-top: 20px;
				margin-bottom: 20px;
				font-weight:bolder;
				font-size:200;
				color:black;
			}

		</style>
	</head>
	<body ng-controller="mainController">

		<div class="title" align="center">
			<div style="display:inline-block;vertical-align:top;">
				<img align="center" src="img/github_icon.png" width="60" height="60">
			</div>
			<div style="display:inline-block;">
				<font size="200" weight="bolder" align="center">MAP</font>
			</div>
		</div>

		<!--<h1 align="center">GITHUBMAP</h1>-->
		<div class="container">
			<form ng-submit="setUser()">
				<input type="text" name="inputGHUser" align="center" class="form-control input-lg text-center" ng-model="gh_user" placeholder="enter a github username">
			</form>		
			
			<div d3-bars align="center" data="data"></div>


		</div>
	</body>
	<footer>
		<p align="center">Created by <a href="http://jonnadul.github.io/">Srujan Jonnadula</a>
		source available on <a href="https://github.com/jonnadul/github-map">Github</a></p>
	</footer>
</html>