index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
    <meta name="mobileoptimized" content="0" />
    <meta name="description" content="Weather" />
    <meta name="author" content="Joshua Shields" />
    <title>Weather</title>
    <link rel="stylesheet" href="css/index.css" type="text/css" />
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <main id="main">
        <h1>Today the weather in Chicago is feeling...</h1>
        <h2 id="shortForecast"></h2>
    </main>
    <footer id="footer">
        &copy; Joshua Shields. Source: <a href="https://github.com/jshields/weather_api_demo" target="_blank" rel="noopener noreferrer">jshields/weather_api_demo</a>
    </footer>
</body>
</html>