index.html

<!doctype html>
<html>

<head>
	<title>Aurelia Materialize Catalog</title>
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<link rel="stylesheet" href="styles/styles.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicons-->
	<link rel="apple-touch-icon-precomposed" href="https://materializecss.com/images/favicon/apple-touch-icon-152x152.png">
	<meta name="msapplication-TileColor" content="#FFFFFF">
	<meta name="msapplication-TileImage" content="https://materializecss.com/images/favicon/mstile-144x144.png">
	<link rel="icon" href="https://materializecss.com/images/favicon/favicon-32x32.png" sizes="32x32">
</head>

<body>
	<div class="hiddendiv"></div>
	<div aurelia-app="main">
		<div class="splash">
			<div class="message">Aurelia Materialize bridge</div>
			<!-- <i class="fa fa-spinner fa-spin"></i> -->

			<div class="preloader-wrapper big active">
				<div class="spinner-layer spinner-blue">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div>
					<div class="gap-patch">
						<div class="circle"></div>
					</div>
					<div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>

				<div class="spinner-layer spinner-red">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div>
					<div class="gap-patch">
						<div class="circle"></div>
					</div>
					<div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>

				<div class="spinner-layer spinner-yellow">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div>
					<div class="gap-patch">
						<div class="circle"></div>
					</div>
					<div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>

				<div class="spinner-layer spinner-green">
					<div class="circle-clipper left">
						<div class="circle"></div>
					</div>
					<div class="gap-patch">
						<div class="circle"></div>
					</div>
					<div class="circle-clipper right">
						<div class="circle"></div>
					</div>
				</div>
			</div>

		</div>
	</div>

<script type="text/javascript" src="dist/vendor.aaf893e322954b7ed9f5.js"></script><script type="text/javascript" src="dist/app.ecd3a03ed50acda169cd.js"></script></body>

</html>