home.html

<main role="main" class="inner cover" style = "margin-top: 100px;">
	
		<img src="graphics/Asset 1.svg" width="33%" height="33%"/>
		
		<p class="lead">Enhancing cybersecurity education through hands-on exercises</p>
		<p class="lead">
			<a onclick="loadWebView('config.html'); setCurrentNavPage('config-page-link');"><button type="button" class="btn btn-lg btn-outline-primary">Get Started</button></a>
		</p>
	
</main>

<script>
	var footerText = '<footer class="mastfoot mt-auto navbar-fixed-bottom"><div class="inner"><p>Created by: Jake Smith, Saeed Razavi, Calvin Krist, and Clark Benham</p></div></footer>';
	document.getElementById("document-footer").innerHTML = footerText;
</script>

<style>
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
	color: #333;
	text-shadow: none; /* Prevent inheritance from `body` */
	background-color: #fff;
	border: .05rem solid #fff;
}

html,
body {
	height: 100%;
	background-color: #5b5b5b;
}

body {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	color: #fff;
}

.cover-container {
	width: 100%;
}

.cover {
	padding: 0 1.5rem;
}
.cover .btn-lg {
	padding: .75rem 1.25rem;
	font-weight: 700;
}

.mastfoot {
	color: rgba(255, 255, 255, .5);
}

a:hover {
	cursor:pointer;
}
</style>