index.html

<html>

<head>
	 <link rel="stylesheet" href="/WhatWillIWear-Pattern-Library/dist/assets/toolkit/styles/toolkit.css" type="text/css"> 
</head>

<body>
	<div class="loader--full">
		<div class="loader loader--dots">
			<div>
				<span></span>
				<span></span>
				<span></span>
				<span class="loader__message">Loading</span>
			</div>
		</div>
	</div>
	<main class="flex flex-align--center flex-justify--center flex-direction--column">
		<img src="/logo.svg" style="max-width: 200px">
		<h1>What will I wear today?</h1>
		<h2 id="city"></h2>
		<h3>If you're sticking around here for the day...</h3>
		<p id="temp"></p>
		<p id="rain"></p>
		<p id="humidity"></p>
		<p id="wind"></p>
	</main>
	<script src="/assets/scripts/jQuery.min.js"></script>
	<script src="/assets/scripts/main.js"></script>
</body>

</html>