Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Wetter</title>

    <link href="css/custom.css" rel="stylesheet">
    <link href="css/weather-icons.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto:400,500,700" rel="stylesheet">

  </head>
  <body>
    <div class="weather">
      <div class="col-1">
        <div class="icon"><i id="icon" class=""></i></div>
        <div class="aktuell">
            <div class="caption">Aktuelles Wetter:</div>
            <div id="weather_str"></div>
        </div>
      </div>
      <div class="col-2">
        <div class="icon"><i id="icon" class="wi wi-thermometer"></i></div>
        <div class="temp"><div id="temp"></div><div class="unit">&deg;C</div></div>
        <div class="icon"><i id="icon" class="wi wi-humidity"></i></div>
        <div class="hum"><div id="hum"></div></div>
      </div>

      <div id="placeholder">&nbsp;</div>
    </div>

    <script src="js/weather.js"></script>
    <script src="js/forecast.js"></script>
  </body>
</html>