Untitled

<html>
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="styles.css">
    <script defer src="app.js"></script>
    <script defer src="skycons.js"></script>
    <title>Weather App</title>
    <!--fit for mobile devices-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
    <div class="bgImage">
        <div class="weatherContainer">
    <div class="locationSection">
        <!--default location-->
        <h1 class="userLocation">Region</h1>
        <canvas class="icon" width="128" height="128"></canvas>
    </div>
    <div class=temperatureSection">
        <!--default temperature-->
        <h2 class="temperatureInDegrees">34C&deg;</h2>
        <div class="temperatureDescription">It's hot</div>
    </div>
</div>
</div>

<a href="https:darksy.net/poweredby" class="disclaimer">Powered By Dark Sky</a>
</body>
</html>