Weather-App/index.html at master · HowToCoder/Weather-App · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Weather App</title>
  <link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/screen.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
  integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
  crossorigin="anonymous"></script>
</head>
<body>
  <div class="container">
    <div id="heading">
      <h1 class="text-center">Weather app</h1>
    </div>
    <div class="row">
    	<div class="col-md-6 col-xs-8 col-xs-push-2 col-md-push-3">
				<div class="weather text-center">
					<h2 class="temp"></h2>
					<h3>in <span class="city"></span>, <span class="country"></span></h3>
					<div class="iconpic">
					  <img src="" class='img img-responsive center-block'>
					</div>
          <h4 class="weatherDetail"></h4><br/>
					<div class="toggle" id="c">
						<button type="button" class="btn btn-danger btn-lg">Toggle temperature</button>
					</div>
				</div><!--weather-->
			</div>
		</div><!--row-->
    <br/>
    <p class="text-center">by <a href="http://howtocoder.com">HowToCoder</a></p>
  </div>
  <script src="./js/script.js"></script>
</body>
</html>