webApp.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="google-site-verification" content="q5lje0KFgJ4RxM3TLZdSlPwNZDd9XubhffEEpm3KgEA" />
		<meta charset="UTF-8">
		<meta name="description" content="Search and learn about different monsters from around the world.">
		<meta name="theme-color" content="#101010">
		<link rel="manifest" href="manifest.json" />
		<link rel="shortcut icon" href="icon.png" type="image/x-icon">
		<link rel="icon" href="icon.png" type="image/x-icon">
		<meta property="fb:app_id" content="192600191363440" />
		<meta property="og:locale" content="en_US" />
		<meta property="og:type" content="website" />
		<meta property="og:title" content="Hell's Offspring" />
		<meta property="og:description" content="Search for monsters from around the world." />
		<meta property="og:url" content="https://hellsoffspring.com/" />
		<meta property="og:site_name" content="HellsOffspring.com/" />
		<meta property="og:image" content="https://hellsoffspring.com/preview.jpg" />
		<!-- Style -->
		<link rel="stylesheet" href="resources/css/plugin.css?=5022008" />
		<link rel="stylesheet" href="resources/css/site.css?=5022008" />		
		<!-- jQuery -->
		<script src="resources/js/jquery.js?=5022008"></script>
		<!-- Plugins -->
		<script src="resources/js/plugins.js?=5022008"></script>
		<!-- Pages -->
		<script async src="pages.js?=5022008"></script>
		<!-- Custom -->
		<script async src="resources/js/site.js?=5022008"></script>
		<!-- Google Analytics -->
		<script type="text/javascript">
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

			ga('create', 'UA-118288277-1', {'allowAnchor': true});
			ga('send', 'pageview', { 'page': location.pathname + location.search + location.hash});
		</script>
	</head>
	<body class="ejs">	
		<div id="fb-root"></div>
		<div id="app">
			<div class="appItem MainWrap">
				<header class="row align-items-center SiteHeader wrap mb-0">
					<div class="logo col-12 col-md-3 text-center">
						<a href="/" title="" id="logoTitle" class="view">
							<h1 class="m-0" id="logo" data-item="siteName"></h1>
						</a>
					</div>
					<nav class="col-12 col-md-9 text-center" data-item="search">
						<select class="DropDown" data-monster="results" name="monsters" id="monsters">
							<option selected disabled value="home"> Pick a Monster </option>
						</select>
					</nav>
				</header>
				<div class="col wrap mt-0">
					<main class="row load MainContent" id="js-content">
						<!-- Contnet Goes Here -->
					</main>
				</div>
			</div>
			<footer class="footer appItem">
				<div class="row align-items-center col-12 m-0 p-0">
					<div class="col-12 col-md-6 py-2">
						<span data-item="siteName"></span> 
						<time data-item="year"></time>
						<div>
							<small>
								<a href="#Sitemap" class="" data-item="page">Sitemap</a> 
								- 
								<a href="#FAQ" class="" data-item="page">FAQ</a>
								</small>
						</div> 				
					</div>	
					<div class="row col-12 col-md-6 m-0 p-0">
						<div class="col">
							<nav class="nav flex-column text-left text-center-mb">
								<a href="#WillRiter" class="view nav-link" data-item="page">Will Riter</a>
								<a href="#Alonso" class="view nav-link" data-item="page">Alonso</a> 
							</nav>							
						</div>
						<div class="col">
							<nav class="nav flex-column text-left text-center-mb">
								<a href="#About" class="view nav-link" data-item="page">About</a> 
								<a href="#Comment" class="view nav-link" data-item="page">Comment</a> 
								<a href="#Suggests" class="view nav-link" data-item="page">Suggests</a> 
							</nav>							
						</div>						
					</div>
				</div>
				<div id="test" data-item="test"></div>
			</footer>
		</div>		
		<script>
			// Google
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());
			gtag('config', 'UA-118288277-1');
			// Facebook
			(function(d, s, id) {
				var js, fjs = d.getElementsByTagName(s)[0];
				if (d.getElementById(id)) return;
				js = d.createElement(s); js.id = id;
				js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12';
				fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));
		</script>		
	</body>
</html>