index.html
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="vendor/css/leaflet/leaflet.css" />
<link rel="stylesheet" href="vendor/css/leaflet-routing-machine.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
<link rel="stylesheet" href="vendor/awesome-markers/leaflet.awesome-markers.css">
<link rel="stylesheet" href="vendor/css/typeahead.css">
<link rel="stylesheet" href="css/navbar.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="container-fluid">
<div class="menu-principal">
<div class="navbar navbar-inverse navbar-custom" style="margin: 0px;">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><i class="fa fa-map" aria-hidden="true"></i> GTFS Visualizer</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><i class="fa fa-map-o" aria-hidden="true"></i> Map</a></li>
<li><a href="plantrip.html"><i class="fa fa-map-marker" aria-hidden="true"></i> Plan a Trip</a></li>
<li><a href="documentation.html" data-toggle="collapse" data-target=".navbar-collapse.in"><i class="fa fa-book" aria-hidden="true"></i> Documentation</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
<div class="panel panel-default" style="padding: 0px; margin: 0px;">
<div class="panel-body" style="padding: 0px; margin: 0px;">
<div class="form-group" style="padding-right: 10px; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; background-color: white">
<label>Select a route:</label>
<select class="form-control" id="routes"></select>
<label>Find a route:</label>
<div id="the-basics">
<div class="input-group">
<input class="typeahead form-control" type="text" placeholder="Type the name of a route...">
<span class="input-group-addon" id="start-date"><span class="glyphicon glyphicon-search"></span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id='map'></div>
</div>
</div>
</body>
<script src="vendor/js/leaflet.js"></script>
<script src="vendor/js/leaflet-routing-machine.min.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="vendor/awesome-markers/leaflet.awesome-markers.min.js"></script>
<!-- Custom Icons for Gtfs Visualizer -->
<script src="js/icons.js"></script>
<!-- Gtfs Visualizer -->
<script src="js/settings.js"></script>
<script src="js/generator.js"></script>
<script src="js/get-api.js"></script>
<script src="js/main.js"></script>
<!-- jQuery Typeahead -->
<script src="vendor/js/typeahead/bloodhound.min.js"></script>
<script src="vendor/js/typeahead/typeahead.bundle.min.js"></script>
<script src="vendor/js/typeahead/typeahead.jquery.min.js"></script>
<script src="js/typeahead-main.js"></script>
</html>