<html>
<head>
    <title>

    </title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta name="viewport" content="width=360; initial-scale=1;">
    <link href="fonts/fonts.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/mui.css">
    <link rel="stylesheet" type="text/css" href="css/clock.css">
    <script src="libs/jquery.js"></script>
    <script src="libs/sugar-date.js"></script>
    <script src="libs/underscore.js"></script>
    <script src="libs/backbone.js"></script>

    <script src="libs/microevent.js"></script></head>


</head>

<body>
<div class="mui-panel" id="clock">
    <div class="mui-row">
      <div class="mui-col-xs-4 item_content">
        <!--<div id="date" class="mui&#45;&#45;text-center date">14 April<br>2016</div>-->
      </div>

      <div class="mui-col-xs-4 ">
        <div id="time" class="mui--text-center time">12:34</div>
        <div id="date" class="mui--text-center date">14 April<br>2016</div>
      </div>
      <div class="mui-col-xs-4 item_content">
        <div id="weather" class="mui--text-center date">
          <div id="weatherIcon">
            <canvas id="icon1" width="210" height="210"
                    style="max-width: 70px; max-height:70px"></canvas>
          </div>
          <div class="mui--text-center" id="weatherText"></div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="js/parts/clock.js"></script>
<script src="js/clockv2.js"></script>
</html>
