index.html

<!DOCTYPE html>
<html lang="de">
  <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">
      <table>
        <tbody>
          <tr>
            <td class="icon"><i id="icon" class=""></i></td>
            <td colspan="3" class="aktuell">Aktuelles Wetter:<br><span id="weather_str"></span></td>

            <td class="icon"><i id="icon" class="wi wi-thermometer"></i></td>
            <td class="temp"><span id="temp"></span><small>&deg;C</small></div></td>
            <td class="icon"><i id="icon" class="wi wi-humidity"></i></td>
            <td class="hum"><span id="hum"></span></td>
          </tr>
        </tbody>
      </table>
      <div class="space"></div>

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

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