weatherHome.html

﻿<!DOCTYPE html>
<html>
<head>
    <title>Weather APP</title>
	  <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link href="weather.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="    crossorigin="anonymous"></script>
</head>
<body>
    <div class="conatiner">
        <div class="row msgContainer">
            <h2 class="text-center">Weather App</h2>
        </div>
        <div class="row msgContainer">
            <h3 class="text-center"> <span id="lState"> Maryland </span>, <span id="lCountry"> US </span> </h3>
            <h4 id="getTime" class="text-center"></h4>
            <div class="col-xs-6 col-md-4">

                <span class="iconContainer">

                </span>
                <span class="tempStyle" id="lTemp">60</span>
                    <sup  class="txtStyle">
                        <span class="TCTF defaultTemp" id="fahereneit"><sup>o</sup>F</span> |
                        <span class="TCTF" id="celcius"><sup>o</sup>C </span>
                    </sup>
            </div>
            <div class="col-xs-6 col-md-4">
                <strong>Condition: </strong><span id="lCondition"  class="txtStyle"> Silver Spring </span> <br />

            </div>
            <div class="col-xs-6 col-md-4">
                <strong>Humidity: </strong><span id="lHumidity" class="txtStyle"> 35% </span><br />
                <strong>Wind Speed: </strong><span id="lWindSpeed"  class="txtStyle"> 100MPH </span></div>
        </div>
        <div class="row">
            <button class="btn btn-default" id="updateWeatherBtn">Weather Update</button>

        </div>
        <footer>
            <h4 class="text-center msgContainer">Prepared By: <small>Haileab A Gebrekidan</small></h4>
        </footer>
    </div>
   <script src="weatherScript.js"></script>
   <!--  <script src="includes/scripts/weatherPromise.js"></script>-->
</body>
</html>