Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
	<title>Starter template</title>
	<link rel="stylesheet" href="https://unpkg.com/@bybas/latte-ui@1.7.0/dist/latte-ui.css"/>
</head>
<body>

	<div id="app">
		<div class="app-bar app-bar-primary">
			<div class="app-bar-row">
				<button class="btn btn-icon btn-text"><i class="mdi mdi-menu"></i></button>
				<span class="app-bar-title">App bar</span>
				<label class="form-control mx-5">
					<i class="mdi mdi-magnify form-control-prefix"></i>
					<input type="search" name="search" placeholder="Search for anything..." class="form-control-plain" />
				</label>
				<button class="btn btn-icon btn-text"><i class="mdi mdi-dots-vertical"></i></button>
			</div>
		</div>


		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-12 text-center">
						<h3>Place your content here!</h3>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script defer type="text/javascript" src="https://unpkg.com/vue@2.6.10/dist/vue.min.js"></script>
	<script defer type="text/javascript" src="https://unpkg.com/@bybas/latte-ui@1.7.0/dist/latte-ui.js"></script>
	<script defer type="text/javascript">
		window.addEventListener("load", () =>
		{
			Vue.use(LatteUI, {});

			new Vue({el: "#app"});
		});
	</script>

</body>
</html>