-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (50 loc) · 2.6 KB
/
index.html
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html>
<head>
<title>Local Weather</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css" />
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" />
<link href="https://fonts.googleapis.com/css?family=Francois+One|Muli:400i|Bungee+Inline|PT+Sans" rel="stylesheet">
</head>
<body>
<div class="weatherapp col-sm-12">
<div class="col-sm-12 header">
<h2>Local Weather App</h2></div>
<div class="col-sm-12 pagecontent">
<div class="col-sm-12 weatherbox">
<div id="area"></div>
<div id="temp"></div>
<div id="feel"></div><div id="weather-icon"></div>
<div id="humid"></div>
</div>
</div>
</div>
<!-- footer -->
<div class="col-sm-12 footer">
<div class="col-sm-8 col-xs-12"><i class="fa fa-copyright" aria-hidden="true"></i> Yogesh Prasanna</div>
<div id="contact" class="col-sm-4 col-xs-12 footer-contact pull-right"> <span style="color: #FFDD00">contact | </span> <i class="fa fa-facebook" aria-hidden="true" style="color:#4867AA"></i> <a href="https://www.facebook.com/yogeshp.letsrock" target="_blank" style="color: #ED9095; text-decoration: none;">Facebook</a> | <i class="fa fa-twitter" aria-hidden="true" style="color:#1DA1F2"></i> <a href="https://twitter.com/yogeshpletsrock" target="_blank" style="color: #ED9095; text-decoration: none;"> Twitter </a> | <i class="fa fa-instagram" aria-hidden="true" style="color:pink"></i> <a href="https://www.instagram.com/yogeshprasanna/" target="_blank" style="color: #ED9095; text-decoration: none;"> Instagram </a> </div>
</div>
<!-- scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>
<!-- Test Code for console-->
<!-- $.ajax({
url : "http://api.openweathermap.org/data/2.5/forecast/city?id=524901&APPID=2898d089486f107dc2565963788c9842",
dataType: 'jsonp',
data: {},
success: function(data){
console.log(data);
},
error: function(err){
console.log(err);
}
}) -->
<!-- appid or key -->
<!-- 2898d089486f107dc2565963788c9842 -->
<!-- google api key -->
<!-- AIzaSyDduLo1-GPOYH6S5katr779jwWcSYQyEdc -->
<!-- https://maps.googleapis.com/maps/api/geocode/json?latlng=12.981514899999999,77.5335631&key=AIzaSyDduLo1-GPOYH6S5katr779jwWcSYQyEdc -->
<!-- light rain -->
<!-- sky is clear -->