1 files changed, 45 insertions, 0 deletions
diff --git a/templates/navbar.html b/templates/navbar.html
new file mode 100644
index 0000000..653faca
--- /dev/null
+++ b/templates/navbar.html
@@ -0,0 +1,45 @@
+<nav class='navbar navbar-default navbar-custom shadow-z-2 btn-material-indigo-A700' role='navigation'>
+	<div class='container'>
+		<div class='navbar-header'>
+			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarCollapse" aria-expanded="false" aria-controls="navbar">
+				<span class="sr-only">Toggle navigation</span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+			</button>
+			<a class='navbar-brand' href='/'><span class='glyphicon glyphicon-home'></span> Home</a>
+		</div>
+		<div class="collapse navbar-collapse" id="navbarCollapse">
+			<ul class="nav navbar-nav navbar-left">
+						<li><a class="" href="/cli" title="CLI programm."><span class="fa fa-terminal"></span> CLI Program</a></li>
+						<li><a class="" href="/api" title="Api documentation"><span class="fa fa-exchange"></span> Api Documentation</a></li>
+			</ul>
+			<ul class="nav navbar-nav navbar-right">
+				<li class="dropdown">
+					<a class="" href="//www.iamfabulous.de" title="More" data-target="#" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> More <span class="caret"></span></a>
+					<ul class="dropdown-menu" role="menu">
+						<li><a class="" href="//www.iamfabulous.de" title="Follow my Blog"><span class="fa fa-user-plus"></span> Follow my Blog </a></li>
+						<li><a class="" href="//git.iamfabulous.de/cgit.cgi/mandible" title="Source code"><span class="fa fa-code"></span> Source code</a></li>
+						<li></li>
+					</ul>
+				</li>
+			</ul>
+		</div>
+	</div>
+	<noscript class="noscript">
+		<div class="container-fluid btn-danger">
+			<div class="container">
+			<div class="row">
+				<div class="col-md-12">
+					<h4>You have JavaScript disabled. <strong>Please note:</strong> Without JavaScript it's better to use direct the API or our cli program rather than this webpage.
+						<br>
+						You can read <strong><a href="/api" title="API Documentation" style='color:white;' class='underline'>here</a></strong> more about the API and <strong><a href="/cli" title="CLI program" style='color:white;' class='underline'>here</a></strong> more about our program.
+					</h4>
+					<p>
+					</p>
+				</div>
+			</div>
+			</div>
+		</div>
+	</noscript>
+</nav>