<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>Deployment Manager - Theta 42</title>
		<!-- CSS are placed here -->
		<link rel="stylesheet" href="/static/css/bootstrap-4.4.1.min.css">
		<link rel='stylesheet' href='/static/css/styles.css' />
		<!-- Scripts are placed here -->
		<script type="text/javascript" src="/socket.io/socket.io.js"></script>
		<script type="text/javascript" src='/static/js/jquery-3.5.0.min.js'></script>
		<script type="text/javascript" src="/static/js/popper-1.16.0.min.js"></script>
		<script type="text/javascript" src="/static/js/bootstrap-4.4.1.min.js"></script>
		<script type="text/javascript" src="/static/js/all.min.js"></script>
		<script type="text/javascript" src='/static/js/mustache.min.js'></script>
		<script type="text/javascript" src="/static/js/app.js"></script>
		<script type="text/javascript" src="/static/js/val.js"></script>
		<script type="text/javascript" src="/static/js/moment.js"></script>


		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<header class="shadow d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
			<h5 class="hover-effect my-0 mr-md-auto font-weight-normal">Deployment Manager - Theta 42</h5>
			<nav class="my-2 my-md-0 mr-md-3">
				<a class="text-dark hover-effect" href="/"><i class="fad fa-tachometer-alt-fastest"></i>Home</a>
				<a class="text-dark hover-effect" href="/users"><i class="fad fa-users"></i>Users</a>
				<a class="text-dark hover-effect" href="/groups"><i class="fad fa-users-class"></i>Groups</a>
			</nav>
			<a class="hover-effect btn btn-outline-primary" onclick="app.auth.logOut(e => window.location.href='/')"><i class="fas fa-sign-out"></i> Log Out</a>

		</header>

		<!-- Container -->
		<div class="container">
