-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (135 loc) · 7.82 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en" ng-app="weatherApp">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<link rel="icon" type="image/jpg" href="img/logo.png">
<title>Instant Weather | forecast</title>
<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,700|" rel="stylesheet" type="text/css">
<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/style.css">
<!-- load angular via CDN -->
<script src="//code.angularjs.org/1.3.0-rc.2/angular.min.js"></script>
<script src="//code.angularjs.org/1.3.0-rc.2/angular-route.min.js"></script>
<script src="//code.angularjs.org/1.3.0-rc.2/angular-resource.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<div class="site-content">
<div class="site-header">
<div class="container">
<a href="index.html" class="branding">
<img src="img/logo.png" alt="" class="logo">
<div class="logo-type">
<h1 class="site-title">Instant Weather</h1>
<small class="site-description">Better be prepared than and sorry</small>
</div>
</a>
<!-- Default snippet for navigation -->
<div class="main-navigation">
<button type="button" class="menu-toggle"><i class="fa fa-bars"></i></button>
<ul class="menu">
<li class="menu-item "><a href="index.html">Home</a></li>
<li class="menu-item "><a href="map.html" target="_blank" >Weather Maps</a></li>
</ul> <!-- .menu -->
</div> <!-- .main-navigation -->
<div class="mobile-navigation"></div>
</div>
<br>
<center><h3> Current weather status and the forecasting for next 5 days hourly</h3></center>
<!-- .site-header -->
<div class="hero" style="background-image: url(img/banner.png)">
<div class="container">
<div ng-view></div>
</div>
</div>
<main class="main-content">
<div class="fullwidth-block" data-bg-color="#262936">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="news">
<div class="date"><img src="img/icon-marker@2x.png" alt=""></div>
<h3><a href="#">The Analog Technique</a></h3>
<p>The analog technique is a complex way of making a forecast, requiring the forecaster to remember a previous weather event that is expected to be mimicked by an upcoming event. What makes it a difficult technique to use is that there is rarely a perfect analog for an event in the future.</p>
</div>
</div>
<div class="col-md-4">
<div class="news">
<div class="date"><img src="img/icon-envelope@2x.png" alt=""></div>
<h3><a href="#">History</a></h3>
<p>It was not until the 20th century that advances in the understanding of atmospheric physics led to the foundation of modern numerical weather prediction. In 1922, English scientist Lewis Fry Richardson published "Weather Prediction By Numerical Process", after finding notes and derivations he worked on as an ambulance driver in World War I.</p>
</div>
</div>
<div class="col-md-4">
<div class="news">
<div class="date"><img src="img/quote.png" alt=""></div>
<h3><a href="#">Background</a></h3>
<p>Human beings have attempted to predict the weather informally for millennia and formally since the 19th century. Weather forecasts are made by collecting quantitative data about the current state of the atmosphere at a given place and using meteorology to project how the atmosphere will change.</p>
</div>
</div>
</div>
</div>
</div>
<div class="fullwidth-block">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="section-title">Application features</h2>
<br>
<ul class="arrow-feature">
<li>
<h3>OpenWeatherMap API</h3>
<p>Openweather is a small IT company, established in 2014 by a group of engineers and experts in Big Data, data processing, and satellite imagery processing. Our headquarters is in the UK, we have an office in the US, and the development team in Latvia (EU).</p>
</li>
<br>
<li>
<h3>MVC Framework</h3>
<p>AngularJS provides with a smooth Model View Control Architecture which is also very dynamic in nature.
As we know any application is build up from combining different modules together. These modules work with different logics. These are initialized differently from each other. But still, these modules are connected with each other by some logic. The developers have to build all the components separately and then have to combine them together with some code and applied logic to fix them in a single application. This, of course, is an overhead for the developers while using an MVC Framework.
MVC makes it easier for developers to build client side web application. All the MVC elements which are developed separately are combined automatically using AngularJS Framework. There is no need for developers to write extra code to fit all the elements together. It allows you to put MVC element separately and automatically sets them together accordingly.</p>
</li>
<br>
<li>
<h3>SPA Architecture</h3>
<p>A single-page application (SPA) is a web application or web site that interacts with the user by dynamically rewriting the current page rather than loading entire new pages from a server. This approach avoids interruption of the user experience between successive pages, making the application behave more like a desktop application. Appropriate resources are dynamically loaded and added to the page as necessary, usually in response to user actions. The page does not reload at any point in the process, nor does control transfer to another page, although the location hash or the HTML5 History API can be used to provide the perception and navigability of separate logical pages in the application.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</main> <!-- .main-content -->
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-8">
<p class="colophon">Copyright 2019 Instant Weather. Designed by Avinash Yadav. All rights reserved</p>
</div>
<div class="col-md-3 col-md-offset-1">
<div class="social-links">
<a target="_blank" href="https://www.facebook.com/avinash.yadav698">
<i class="fa fa-facebook"></i>
</a>
<a target="_blank" href="https://twitter.com/avinash___yadav">
<i class="fa fa-twitter"></i>
</a>
<a target="_blank" href="https://github.com/Weirdolucifer">
<i class="fa fa-github"></i>
</a>
<a target="_blank" href="https://www.linkedin.com/in/avinash-yadav-50b971146/">
<i class="fa fa-linkedin"></i>
</a>
</div>
</div>
</div>
</div>
</footer> <!-- .site-footer -->
</div>
</div>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/app.js"></script>
</body>
</html>