index.html

<!DOCTYPE HTML>
<html>
	<head>
		<title>Wether</title>
		<meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />       
		<meta name="description" content="Aeolus Weather app" />
		<meta name="keywords" content="Aeolus weather app openweathermap" />
		<link rel="stylesheet" href="./style.css" />
		<link rel ="icon" type="image/png" href="icon.gif" >
	</head>
	<body>
            <div class="location">
                <h1 class="location-timezone">Timezone</h1>
                <img id="icon" width="128" height="128" src="./icon.gif">
            </div>
            <div class="temperature">
                <div class="degree-section">
                    <h2 class="temperature-dergee">96</h2>
                    <span>F  /C</span>
                </div>
                <div class="temperature-description">Its frigging hot</div>
            </div>
        <script src="app.js"></script>            
    </body>
</html>