Mercurial > nebulaweb3

comparison default/icons-weather.html @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
8 <link rel="icon" type="image/png" sizes="16x16" href="assets/demo/favicon.png">
9 <link rel="stylesheet" href="assets/css/pace.css">
10 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
11 <title>Weather Icons Page</title>
12 <!-- CSS -->
13 <link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600|Roboto:400" rel="stylesheet" type="text/css">
14 <link href="assets/vendors/material-icons/material-icons.css" rel="stylesheet" type="text/css">
15 <link href="assets/vendors/mono-social-icons/monosocialiconsfont.css" rel="stylesheet" type="text/css">
16 <link href="assets/vendors/feather-icons/feather.css" rel="stylesheet" type="text/css">
17 <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.7.0/css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css">
18 <link href="assets/vendors/weather-icons-master/weather-icons.min.css" rel="stylesheet" type="text/css">
19 <link href="assets/vendors/weather-icons-master/weather-icons-wind.min.css" rel="stylesheet" type="text/css">
20 <link href="assets/css/style.css" rel="stylesheet" type="text/css">
21 <!-- Head Libs -->
22 <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
23 <script data-pace-options='{ "ajax": false, "selectors": [ "img" ]}' src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
24 </head>
25
26 <body class="header-dark sidebar-light sidebar-expand icons-page">
27 <div id="wrapper" class="wrapper">
28 <!-- HEADER & TOP NAVIGATION -->
29 <nav class="navbar">
30 <!-- Logo Area -->
31 <div class="navbar-header">
32 <a href="index.html" class="navbar-brand">
33 <img class="logo-expand" alt="" src="assets/demo/logo-expand.png">
34 <img class="logo-collapse" alt="" src="assets/demo/logo-collapse.png">
35 <!-- <p>BonVue</p> -->
36 </a>
37 </div>
38 <!-- /.navbar-header -->
39 <!-- Left Menu & Sidebar Toggle -->
40 <ul class="nav navbar-nav">
41 <li class="sidebar-toggle"><a href="javascript:void(0)" class="ripple"><i class="feather feather-menu list-icon fs-20"></i></a>
42 </li>
43 </ul>
44 <!-- /.navbar-left -->
45 <!-- Search Form -->
46 <form class="navbar-search d-none d-sm-block" role="search"><i class="feather feather-search list-icon"></i>
47 <input type="search" class="search-query" placeholder="Search anything..."> <a href="javascript:void(0);" class="remove-focus"><i class="feather feather-x"></i></a>
48 </form>
49 <!-- /.navbar-search -->
50 <div class="spacer"></div>
51 <!-- Button: Create New -->
52 <div class="btn-list dropdown d-none d-md-flex mr-4 mr-0-rtl ml-4-rtl"><a href="javascript:void(0);" class="btn btn-primary dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-plus list-icon"></i> Create New</a>
53 <div class="dropdown-menu dropdown-left animated flipInY"><span class="dropdown-header">Create new ...</span> <a class="dropdown-item" href="#">Projects</a> <a class="dropdown-item" href="#">User Profile</a> <a class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">To-do Item</span> <span class="badge badge-pill bg-primary-contrast">7</span> </span></a>
54 <a
55 class="dropdown-item" href="#"><span class="d-flex align-items-end"><span class="flex-1">Mail</span> <span class="badge badge-pill bg-color-scheme-contrast">23</span></span>
56 </a>
57 <div class="dropdown-divider"></div><a class="dropdown-item" href="#"><span class="d-flex align-items-center"><span class="flex-1">Settings</span> <i class="feather feather-settings list-icon icon-muted"></i></span></a>
58 </div>
59 </div>
60 <!-- /.btn-list -->
61 <!-- User Image with Dropdown -->
62 <ul class="nav navbar-nav">
63 <li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle ripple" data-toggle="dropdown"><span class="avatar thumb-xs2"><img src="assets/demo/users/user1.jpg" class="rounded-circle" alt=""> <i class="feather feather-chevron-down list-icon"></i></span></a>
64 <div
65 class="dropdown-menu dropdown-left dropdown-card dropdown-card-profile animated flipInY">
66 <div class="card">
67 <header class="card-header d-flex mb-0"><a href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-user-plus align-middle"></i> </a><a href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-settings align-middle"></i> </a>
68 <a
69 href="javascript:void(0);" class="col-md-4 text-center"><i class="feather feather-power align-middle"></i>
70 </a>
71 </header>
72 <ul class="list-unstyled card-body">
73 <li><a href="#"><span><span class="align-middle">Manage Accounts</span></span></a>
74 </li>
75 <li><a href="#"><span><span class="align-middle">Change Password</span></span></a>
76 </li>
77 <li><a href="#"><span><span class="align-middle">Check Inbox</span></span></a>
78 </li>
79 <li><a href="#"><span><span class="align-middle">Sign Out</span></span></a>
80 </li>
81 </ul>
82 </div>
83 </div>
84 </li>
85 </ul>
86 <!-- /.navbar-right -->
87 <!-- Right Menu -->
88 <ul class="nav navbar-nav d-none d-lg-flex ml-2 ml-0-rtl">
89 <li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-hash list-icon"></i></a>
90 <div class="dropdown-menu dropdown-left dropdown-card animated flipInY">
91 <div class="card">
92 <header class="card-header d-flex align-items-center mb-0"><a href="javascript:void(0);"><i class="feather feather-bell color-color-scheme" aria-hidden="true"></i></a> <span class="heading-font-family flex-1 text-center fw-400">Notifications</span> <a href="javascript:void(0);"><i class="feather feather-settings color-content"></i></a>
93 </header>
94 <ul class="card-body list-unstyled dropdown-list-group">
95 <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user3.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Dany Miles </span><span class="media-content">commented on your photo</span> <span class="user--online float-right my-auto"></span></span></a>
96 </li>
97 <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user6.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Emily Woodworth </span><span class="media-content">posted a photo on your wall.</span></span></a>
98 </li>
99 <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user2.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Palmer Kate </span><span class="media-content">just mentioned you in his post</span></span></a>
100 </li>
101 </ul>
102 <!-- /.dropdown-list-group -->
103 <footer class="card-footer text-center"><a href="javascript:void(0);" class="heading-font-family text-uppercase fs-13">See all activity</a>
104 </footer>
105 </div>
106 <!-- /.card -->
107 </div>
108 <!-- /.dropdown-menu -->
109 </li>
110 <!-- /.dropdown -->
111 <li class="dropdown"><a href="#" class="dropdown-toggle ripple" data-toggle="dropdown"><i class="feather feather-settings list-icon"></i></a>
112 <div class="dropdown-menu dropdown-left dropdown-card animated flipInY">
113 <div class="card">
114 <header class="card-header d-flex justify-content-between mb-0"><a href="javascript:void(0);"><i class="feather feather-bell color-color-scheme" aria-hidden="true"></i></a> <span class="heading-font-family flex-1 text-center fw-400">Notifications</span> <a href="javascript:void(0);"><i class="feather feather-settings color-content"></i></a>
115 </header>
116 <ul class="card-body list-unstyled dropdown-list-group">
117 <li><a href="#" class="media"><span class="d-flex"><i class="material-icons list-icon">check</i> </span><span class="media-body"><span class="heading-font-family media-heading">Invitation accepted</span> <span class="media-content">Your have been Invited ...</span></span></a>
118 </li>
119 <li><a href="#" class="media"><span class="d-flex thumb-xs"><img src="assets/demo/users/user3.jpg" class="rounded-circle" alt=""> </span><span class="media-body"><span class="heading-font-family media-heading">Steve Smith</span> <span class="media-content">I slowly updated projects</span> <span class="user--online float-right"></span></span></a>
120 </li>
121 <li><a href="#" class="media"><span class="d-flex"><i class="material-icons list-icon">event_available</i> </span><span class="media-body"><span class="-heading-font-family media-heading">To Do</span> <span class="media-content">Meeting with Nathan on Friday 8 AM ...</span></span></a>
122 </li>
123 </ul>
124 <!-- /.dropdown-list-group -->
125 <footer class="card-footer text-center"><a href="javascript:void(0);" class="headings-font-family text-uppercase fs-13">See all activity</a>
126 </footer>
127 </div>
128 <!-- /.card -->
129 </div>
130 <!-- /.dropdown-menu -->
131 </li>
132 <!-- /.dropdown -->
133 <li><a href="javascript:void(0);" class="right-sidebar-toggle active ripple ml-3 ml-0-rtl"><i class="feather feather-grid list-icon"></i></a>
134 </li>
135 </ul>
136 <!-- /.navbar-right -->
137 </nav>
138 <!-- /.navbar -->
139 <div class="content-wrapper">
140 <!-- SIDEBAR -->
141 <aside class="site-sidebar scrollbar-enabled" data-suppress-scroll-x="true">
142 <!-- User Details -->
143 <div class="side-user">
144 <div class="col-sm-12 text-center p-0 clearfix">
145 <div class="d-inline-block pos-relative mr-b-10">
146 <figure class="thumb-sm mr-b-0 user--online">
147 <img src="assets/demo/users/user1.jpg" class="rounded-circle" alt="">
148 </figure><a href="page-profile.html" class="text-muted side-user-link"><i class="feather feather-settings list-icon"></i></a>
149 </div>
150 <!-- /.d-inline-block -->
151 <div class="lh-14 mr-t-5"><a href="page-profile.html" class="hide-menu mt-3 mb-0 side-user-heading fw-500">Scott Adams</a>
152 <br><small class="hide-menu">Developer</small>
153 </div>
154 </div>
155 <!-- /.col-sm-12 -->
156 </div>
157 <!-- /.side-user -->
158 <!-- Sidebar Menu -->
159 <nav class="sidebar-nav">
160 <ul class="nav in side-menu">
161 <li class="current-page menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-command"></i> <span class="hide-menu">Dashboard</span></a>
162 <ul class="list-unstyled sub-menu">
163 <li><a href="index.html">Default</a>
164 </li>
165 <li><a href="index-real-estate.html">Real Estate</a>
166 </li>
167 <li><a href="index-job-board.html">Jobs Board</a>
168 </li>
169 <li><a href="index-lms.html">LMS</a>
170 </li>
171 <li><a href="index-rtl.html">RTL Demo</a>
172 </li>
173 </ul>
174 </li>
175 <li class="menu-item-has-children active"><a href="javascript:void(0);"><i class="list-icon feather feather-briefcase"></i> <span class="hide-menu">Apps</span></a>
176 <ul class="list-unstyled sub-menu">
177 <li><a href="app-calender.html">Calender</a>
178 </li>
179 <li><a href="app-chat.html">Chat</a>
180 </li>
181 <li><a href="app-inbox.html">Inbox</a>
182 </li>
183 <li><a href="app-inbox-compose.html">Compose mail</a>
184 </li>
185 <li><a href="app-contacts.html">Contacts</a>
186 </li>
187 <li><a href="app-products.html">Products</a>
188 </li>
189 <li><a href="app-blog.html">Blog</a>
190 </li>
191 <li><a href="app-blog-single.html">Blog Single</a>
192 </li>
193 </ul>
194 </li>
195 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-user"></i> <span class="hide-menu">Profile Pages</span></a>
196 <ul class="list-unstyled sub-menu">
197 <li><a href="page-profile.html">Profile</a>
198 </li>
199 <li><a href="page-login.html">Login Page</a>
200 </li>
201 <li><a href="page-login2.html">Login Page 2</a>
202 </li>
203 <li><a href="page-register.html">Sign Up</a>
204 </li>
205 <li><a href="page-register2.html">Sign Up 2</a>
206 </li>
207 <li><a href="page-register-3-step.html">3 Step Sign Up</a>
208 </li>
209 <li><a href="page-forgot-pwd.html">Forgot Password</a>
210 </li>
211 <li><a href="page-email-confirm.html">Confirm Email</a>
212 </li>
213 <li><a href="page-lock-screen.html">Lock Screen</a>
214 </li>
215 <li><a href="page-timeline.html">Timeline</a>
216 </li>
217 <li class="menu-item-has-children"><a href="javascript:void(0);">Error Pages</a>
218 <ul class="list-unstyled sub-menu">
219 <li><a href="page-error-403.html">Error 403</a>
220 </li>
221 <li><a href="page-error-404.html">Error 404</a>
222 </li>
223 <li><a href="page-error-500.html">Error 500</a>
224 </li>
225 <li><a href="page-error-503.html">Error 503</a>
226 </li>
227 </ul>
228 </li>
229 </ul>
230 </li>
231 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-feather"></i> <span class="hide-menu">UI Elements</span></a>
232 <ul class="list-unstyled sub-menu">
233 <li><a href="ui-typography.html">Typography</a>
234 </li>
235 <li><a href="ui-buttons.html">Buttons</a>
236 </li>
237 <li><a href="ui-cards.html">Cards</a>
238 </li>
239 <li><a href="ui-tabs.html">Tabs</a>
240 </li>
241 <li><a href="ui-accordions.html">Accordions</a>
242 </li>
243 <li><a href="ui-modals.html">Modals</a>
244 </li>
245 <li><a href="ui-icon-boxes.html">Icon Boxes</a>
246 </li>
247 <li><a href="ui-lists.html">Lists &amp; Media Object</a>
248 </li>
249 <li><a href="ui-grid.html">Grid</a>
250 </li>
251 <li><a href="ui-progress.html">Progress Bars</a>
252 </li>
253 <li><a href="ui-notifications.html">Notifications &amp; Alerts</a>
254 </li>
255 <li><a href="ui-pagination.html">Pagination</a>
256 </li>
257 <li><a href="ui-media.html">Media</a>
258 </li>
259 <li><a href="ui-carousel.html">Carousel</a>
260 </li>
261 <li><a href="ui-bootstrap.html">Bootstrap Elements</a>
262 </li>
263 </ul>
264 </li>
265 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-layout"></i> <span class="hide-menu">Forms</span></a>
266 <ul class="list-unstyled sub-menu">
267 <li><a href="form-elements.html">Elements</a>
268 </li>
269 <li><a href="form-material.html">Material Design</a>
270 </li>
271 <li><a href="form-validation.html">Form Validation</a>
272 </li>
273 <li><a href="form-dropzone.html">File Upload</a>
274 </li>
275 <li><a href="form-pickers.html">Picker</a>
276 </li>
277 <li><a href="form-select.html">Select and Multiselect</a>
278 </li>
279 <li><a href="form-tags-categories.html">Tags and Categories</a>
280 </li>
281 <li><a href="form-addons.html">Addons</a>
282 </li>
283 <li><a href="form-editors.html">Editors</a>
284 </li>
285 </ul>
286 </li>
287 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-folder"></i> <span class="hide-menu">Sample Pages</span></a>
288 <ul class="list-unstyled sub-menu">
289 <li><a href="page-blank.html">Blank Page</a>
290 </li>
291 <li class="menu-item-has-children"><a href="javascript:void(0);">Email Templates</a>
292 <ul class="list-unstyled sub-menu">
293 <li><a href="email-templates/basic.html">Basic</a>
294 </li>
295 <li><a href="email-templates/billing.html">Billing</a>
296 </li>
297 <li><a href="email-templates/friend-request.html">Friend Request</a>
298 </li>
299 </ul>
300 </li>
301 <li class="menu-item-has-children"><a href="javascript:void(0);">Maps</a>
302 <ul class="list-unstyled sub-menu">
303 <li><a href="maps-google.html">Google Maps</a>
304 </li>
305 <li><a href="maps-vector.html">Vector Maps</a>
306 </li>
307 </ul>
308 </li>
309 <li><a href="page-lightbox.html">Lightbox Popup</a>
310 </li>
311 <li><a href="page-sitemap.html">Sitemap</a>
312 </li>
313 <li><a href="page-search-results.html">Search Results</a>
314 </li>
315 <li><a href="page-custom-scroll.html">Custom Scroll</a>
316 </li>
317 <li><a href="page-utility-classes.html">Utility Classes</a>
318 </li>
319 <li><a href="page-animations.html">Animations</a>
320 </li>
321 <li><a href="page-faq.html">FAQ</a>
322 </li>
323 <li><a href="page-pricing-table.html">Pricing</a>
324 </li>
325 <li><a href="page-invoice.html">Invoice</a>
326 </li>
327 </ul>
328 </li>
329 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-clipboard"></i> <span class="hide-menu">Tables</span></a>
330 <ul class="list-unstyled sub-menu">
331 <li><a href="tables-basic.html">Basic Tables</a>
332 </li>
333 <li><a href="tables-data-table.html">Data Table</a>
334 </li>
335 <li><a href="tables-bootstrap.html">Bootstrap Tables</a>
336 </li>
337 <li><a href="tables-responsive.html">Responsive Tables</a>
338 </li>
339 <li><a href="tables-editable.html">Editable Tables</a>
340 </li>
341 </ul>
342 </li>
343 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-pie-chart"></i> <span class="hide-menu">Charts</span></a>
344 <ul class="list-unstyled sub-menu">
345 <li><a href="charts-flot.html">Flot Charts</a>
346 </li>
347 <li><a href="charts-morris.html">Morris Charts</a>
348 </li>
349 <li><a href="charts-js.html">Chart-js</a>
350 </li>
351 <li><a href="charts-sparkline.html">Sparkline Charts</a>
352 </li>
353 <li><a href="charts-knob.html">Knob Charts</a>
354 </li>
355 </ul>
356 </li>
357 <li class="menu-item-has-children"><a href="javascript:void(0);"><i class="list-icon feather feather-heart"></i> <span class="hide-menu">Icons</span></a>
358 <ul class="list-unstyled sub-menu">
359 <li><a href="icons-material-design.html">Material Design</a>
360 </li>
361 <li><a href="icons-font-awesome.html">Font Awesome</a>
362 </li>
363 <li><a href="icons-mono-social.html">Social Icons</a>
364 </li>
365 <li><a href="icons-weather.html">Weather Icons</a>
366 </li>
367 <li><a href="icons-linea.html">Linea Icons</a>
368 </li>
369 <li><a href="icons-feather.html">Feather Icons</a>
370 </li>
371 </ul>
372 </li>
373 </ul>
374 <!-- /.side-menu -->
375 </nav>
376 <!-- /.sidebar-nav -->
377 <div class="sidebar-module nav-contact-info mx-3 mt-4 mb-3">
378 <div class="d-flex flex-column align-items-center">
379 <h6 class="mb-2 fs-14">Need Help</h6><i class="feather feather-bell fs-24 color-color-scheme"></i>
380 </div>
381 <!-- /.d-flex -->
382 <div class="contact-info-body bg-content-color-contrast text-center">
383 <p class="lh-25 headings-font-family">+1 888 543 7432
384 <br>[email protected]
385 <br><a href="#">Visit FAQ</a>
386 </p>
387 </div>
388 <!-- /.contact-info-body -->
389 </div>
390 <!-- /.nav-contact-info -->
391 </aside>
392 <!-- /.site-sidebar -->
393 <main class="main-wrapper clearfix">
394 <!-- Page Title Area -->
395 <div class="row page-title clearfix">
396 <div class="page-title-left">
397 <h6 class="page-title-heading mr-0 mr-r-5">Weather Icons Page</h6>
398 <p class="page-title-description mr-0 d-none d-md-inline-block">statistics, charts and events</p>
399 </div>
400 <!-- /.page-title-left -->
401 <div class="page-title-right d-none d-sm-inline-flex">
402 <ol class="breadcrumb">
403 <li class="breadcrumb-item"><a href="index.html">Dashboard</a>
404 </li>
405 <li class="breadcrumb-item active">Weather Icons Page</li>
406 </ol>
407 <div class="d-none d-md-inline-flex justify-center align-items-center"><a href="javascript: void(0);" class="btn btn-color-scheme btn-sm fs-11 fw-400 mr-l-40 pd-lr-10 mr-l-0-rtl mr-r-40-rtl hidden-xs hidden-sm ripple" target="_blank">Buy Now</a>
408 </div>
409 </div>
410 <!-- /.page-title-right -->
411 </div>
412 <!-- /.page-title -->
413 <!-- =================================== -->
414 <!-- Different data widgets ============ -->
415 <!-- =================================== -->
416 <div class="widget-list">
417 <div class="row">
418 <div class="col-md-12 widget-holder">
419 <div class="widget-bg">
420 <div class="widget-body clearfix">
421 <section>
422 <h5 class="box-title mr-b-0">25 New 2.0 Icons!</h5>
423 <p class="text-muted">Sample code: <code>&lt;i class="list-icon wi wi-vcard"&gt;&lt;/i&gt;</code>
424 </p>
425 <div class="row text-center">
426 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-cloudy-high"></i>
427 <br><small>day-cloudy-high</small>
428 </div>
429 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-light-wind"></i>
430 <br><small>day-light-wind</small>
431 </div>
432 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-sleet"></i>
433 <br><small>day-sleet</small>
434 </div>
435 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-haze"></i>
436 <br><small>day-haze</small>
437 </div>
438 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-cloudy-high"></i>
439 <br><small>night-cloud-high</small>
440 </div>
441 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-partly-cloudy"></i>
442 <br><small>night-alt-partly-cloudy</small>
443 </div>
444 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-sleet"></i>
445 <br><small>sleet</small>
446 </div>
447 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moonrise"></i>
448 <br><small>moonrise</small>
449 </div>
450 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moonset"></i>
451 <br><small>moonset</small>
452 </div>
453 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-sleet"></i>
454 <br><small>night-sleet</small>
455 </div>
456 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-sleet"></i>
457 <br><small>night-alt-sleet</small>
458 </div>
459 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-raindrop"></i>
460 <br><small>raindrop</small>
461 </div>
462 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-barometer"></i>
463 <br><small>barometer</small>
464 </div>
465 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-humidity"></i>
466 <br><small>humidity</small>
467 </div>
468 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-na"></i>
469 <br><small>na (no report)</small>
470 </div>
471 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-flood"></i>
472 <br><small>flood</small>
473 </div>
474 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-sandstorm"></i>
475 <br><small>sandstorm</small>
476 </div>
477 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-tsunami"></i>
478 <br><small>tsunami</small>
479 </div>
480 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-earthquake"></i>
481 <br><small>earthquake</small>
482 </div>
483 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-fire"></i>
484 <br><small>fire</small>
485 </div>
486 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-volcano"></i>
487 <br><small>volcano</small>
488 </div>
489 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-train"></i>
490 <br><small>train</small>
491 </div>
492 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-small-craft-advisory"></i>
493 <br><small>small-craft-advisory</small>
494 </div>
495 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-gale-warning"></i>
496 <br><small>gale-warning</small>
497 </div>
498 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-storm-warning"></i>
499 <br><small>storm-warning</small>
500 </div>
501 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-hurricane-warning"></i>
502 <br><small>hurricane-warning</small>
503 </div>
504 </div>
505 </section>
506 <hr>
507 <section>
508 <h5 class="box-title">Daytime</h5>
509 <div class="row text-center">
510 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-sunny"></i>
511 <br><small>wi-day-sunny</small>
512 </div>
513 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-cloudy"></i>
514 <br><small>wi-day-cloudy</small>
515 </div>
516 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-cloudy-gusts"></i>
517 <br><small>wi-day-cloudy-gusts</small>
518 </div>
519 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-cloudy-windy"></i>
520 <br><small>wi-day-cloudy-windy</small>
521 </div>
522 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-fog"></i>
523 <br><small>wi-day-fog</small>
524 </div>
525 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-hail"></i>
526 <br><small>wi-day-hail</small>
527 </div>
528 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-haze"></i>
529 <br><small>wi-day-haze</small>
530 </div>
531 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-lightning"></i>
532 <br><small>wi-day-lightning</small>
533 </div>
534 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-rain"></i>
535 <br><small>wi-day-rain-mix</small>
536 </div>
537 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-rain-wind"></i>
538 <br><small>wi-day-rain-wind</small>
539 </div>
540 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-showers"></i>
541 <br><small>wi-day-showers</small>
542 </div>
543 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-sleet"></i>
544 <br><small>wi-day-sleet</small>
545 </div>
546 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-sleet-storm"></i>
547 <br><small>wi-day-sleet-storm</small>
548 </div>
549 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-snow"></i>
550 <br><small>wi-day-snow</small>
551 </div>
552 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-snow-thunderstorm"></i>
553 <br><small>wi-day-snow-thunderstorm</small>
554 </div>
555 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-snow-wind"></i>
556 <br><small>wi-day-snow-wind</small>
557 </div>
558 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-sprinkle"></i>
559 <br><small>wi-day-sprinkle</small>
560 </div>
561 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-storm-showers"></i>
562 <br><small>wi-day-storm-showers</small>
563 </div>
564 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-sunny-overcast"></i>
565 <br><small>wi-day-sunny-overcast</small>
566 </div>
567 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-thunderstorm"></i>
568 <br><small>wi-day-thunderstorm</small>
569 </div>
570 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-windy"></i>
571 <br><small>wi-day-windy</small>
572 </div>
573 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-solar-eclipse"></i>
574 <br><small>wi-solar-eclipse</small>
575 </div>
576 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-hot"></i>
577 <br><small>wi-hot</small>
578 </div>
579 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-cloudy-high"></i>
580 <br><small>wi-day-cloudy-high</small>
581 </div>
582 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-day-light-wind"></i>
583 <br><small>wi-day-light-wind</small>
584 </div>
585 </div>
586 </section>
587 <hr>
588 <section>
589 <h5 class="box-title">Nighttime</h5>
590 <div class="row text-center">
591 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-clear"></i>
592 <br><small>wi-night-clear</small>
593 </div>
594 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-cloudy"></i>
595 <br><small>wi-night-alt-cloudy</small>
596 </div>
597 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-cloudy-gusts"></i>
598 <br><small>wi-night-alt-cloudy-gusts</small>
599 </div>
600 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-cloudy-windy"></i>
601 <br><small>wi-night-alt-cloudy-windy</small>
602 </div>
603 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-hail"></i>
604 <br><small>wi-night-alt-hail</small>
605 </div>
606 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-lightning"></i>
607 <br><small>wi-night-alt-lightning</small>
608 </div>
609 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-rain"></i>
610 <br><small>wi-night-alt-rain</small>
611 </div>
612 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-rain-mix"></i>
613 <br><small>wi-night-alt-rain-mix</small>
614 </div>
615 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-rain-wind"></i>
616 <br><small>wi-night-alt-rain-wind</small>
617 </div>
618 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-showers"></i>
619 <br><small>wi-night-alt-showers</small>
620 </div>
621 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-sleet"></i>
622 <br><small>wi-night-alt-sleet</small>
623 </div>
624 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-sleet-storm"></i>
625 <br><small>wi-night-alt-sleet-storm</small>
626 </div>
627 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-snow"></i>
628 <br><small>wi-night-alt-snow</small>
629 </div>
630 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-snow-wind"></i>
631 <br><small>wi-night-alt-snow-wind</small>
632 </div>
633 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-sprinkle"></i>
634 <br><small>wi-night-alt-sprinkle</small>
635 </div>
636 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-storm-showers"></i>
637 <br><small>wi-night-alt-storm-showers</small>
638 </div>
639 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-thunderstorm"></i>
640 <br><small>wi-night-alt-thunderstorm</small>
641 </div>
642 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-snow-thunderstorm"></i>
643 <br><small>wi-night-alt-snow-thunderstorm</small>
644 </div>
645 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-cloudy"></i>
646 <br><small>wi-night-cloudy</small>
647 </div>
648 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-cloudy-gusts"></i>
649 <br><small>wi-night-cloudy-gusts</small>
650 </div>
651 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-cloudy-windy"></i>
652 <br><small>wi-night-cloudy-windy</small>
653 </div>
654 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-fog"></i>
655 <br><small>wi-night-fog</small>
656 </div>
657 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-hail"></i>
658 <br><small>wi-night-hail</small>
659 </div>
660 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-lightning"></i>
661 <br><small>wi-night-lightning</small>
662 </div>
663 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-partly-cloudy"></i>
664 <br><small>wi-night-partly-cloudy</small>
665 </div>
666 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-rain"></i>
667 <br><small>wi-night-rain</small>
668 </div>
669 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-rain-mix"></i>
670 <br><small>wi-night-rain-mix</small>
671 </div>
672 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-rain-wind"></i>
673 <br><small>wi-night-rain-wind</small>
674 </div>
675 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-showers"></i>
676 <br><small>wi-night-showers</small>
677 </div>
678 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-sleet"></i>
679 <br><small>wi-night-sleet</small>
680 </div>
681 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-sleet-storm"></i>
682 <br><small>wi-night-sleet-storm</small>
683 </div>
684 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-snow"></i>
685 <br><small>wi-night-snow</small>
686 </div>
687 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-snow-thunderstorm"></i>
688 <br><small>wi-night-snow-thunderstorm</small>
689 </div>
690 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-snow-wind"></i>
691 <br><small>wi-night-snow-wind</small>
692 </div>
693 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-sprinkle"></i>
694 <br><small>wi-night-sprinkle</small>
695 </div>
696 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-storm-showers"></i>
697 <br><small>wi-night-storm-showers</small>
698 </div>
699 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-thunderstorm"></i>
700 <br><small>wi-night-thunderstorm</small>
701 </div>
702 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-lunar-eclipse"></i>
703 <br><small>wi-lunar-eclipse</small>
704 </div>
705 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-stars"></i>
706 <br><small>wi-stars</small>
707 </div>
708 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-storm-showers"></i>
709 <br><small>wi-storm-showers</small>
710 </div>
711 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-thunderstorm"></i>
712 <br><small>wi-thunderstorm</small>
713 </div>
714 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-cloudy-high"></i>
715 <br><small>wi-night-alt-cloudy-high</small>
716 </div>
717 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-cloudy-high"></i>
718 <br><small>wi-night-cloudy-high</small>
719 </div>
720 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-night-alt-partly-cloudy"></i>
721 <br><small>wi-night-alt-partly-cloudy</small>
722 </div>
723 </div>
724 </section>
725 <hr>
726 <section>
727 <h5 class="box-title">Neutral</h5>
728 <div class="row text-center">
729 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-cloud"></i>
730 <br><small>wi-cloud</small>
731 </div>
732 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-cloudy"></i>
733 <br><small>wi-cloudy</small>
734 </div>
735 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-cloudy-gusts"></i>
736 <br><small>wi-cloudy-gusts</small>
737 </div>
738 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-cloudy-windy"></i>
739 <br><small>wi-cloudy-windy</small>
740 </div>
741 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-fog"></i>
742 <br><small>wi-fog</small>
743 </div>
744 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-hail"></i>
745 <br><small>wi-hail</small>
746 </div>
747 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-rain"></i>
748 <br><small>wi-rain</small>
749 </div>
750 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-rain-mix"></i>
751 <br><small>wi-rain-mix</small>
752 </div>
753 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-rain-wind"></i>
754 <br><small>wi-rain-wind</small>
755 </div>
756 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-showers"></i>
757 <br><small>wi-showers</small>
758 </div>
759 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-sleet"></i>
760 <br><small>wi-sleet</small>
761 </div>
762 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-snow"></i>
763 <br><small>wi-snow</small>
764 </div>
765 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-sprinkle"></i>
766 <br><small>wi-sprinkle</small>
767 </div>
768 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-storm-showers"></i>
769 <br><small>wi-storm-showers</small>
770 </div>
771 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-thunderstorm"></i>
772 <br><small>wi-thunderstorm</small>
773 </div>
774 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-snow-wind"></i>
775 <br><small>wi-snow-wind</small>
776 </div>
777 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-snow"></i>
778 <br><small>wi-snow</small>
779 </div>
780 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-smog"></i>
781 <br><small>wi-smog</small>
782 </div>
783 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-smoke"></i>
784 <br><small>wi-smoke</small>
785 </div>
786 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-lightning"></i>
787 <br><small>wi-lightning</small>
788 </div>
789 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-raindrops"></i>
790 <br><small>wi-raindrops</small>
791 </div>
792 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-raindrop"></i>
793 <br><small>wi-raindrop</small>
794 </div>
795 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-dust"></i>
796 <br><small>wi-dust</small>
797 </div>
798 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-snowflake-cold"></i>
799 <br><small>wi-snowflake-cold</small>
800 </div>
801 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-windy"></i>
802 <br><small>wi-windy</small>
803 </div>
804 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-strong-wind"></i>
805 <br><small>wi-strong-wind</small>
806 </div>
807 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-sandstorm"></i>
808 <br><small>wi-sandstorm</small>
809 </div>
810 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-earthquake"></i>
811 <br><small>wi-earthquake</small>
812 </div>
813 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-fire"></i>
814 <br><small>wi-fire</small>
815 </div>
816 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-flood"></i>
817 <br><small>wi-flood</small>
818 </div>
819 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-meteor"></i>
820 <br><small>wi-meteor</small>
821 </div>
822 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-tsunami"></i>
823 <br><small>wi-tsunami</small>
824 </div>
825 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-volcano"></i>
826 <br><small>wi-volcano</small>
827 </div>
828 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-hurricane"></i>
829 <br><small>wi-hurricane</small>
830 </div>
831 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-tornado"></i>
832 <br><small>wi-tornado</small>
833 </div>
834 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-small-craft-advisory"></i>
835 <br><small>wi-small-craft-advisory</small>
836 </div>
837 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-gale-warning"></i>
838 <br><small>wi-gale-warning</small>
839 </div>
840 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-storm-warning"></i>
841 <br><small>wi-storm-warning</small>
842 </div>
843 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-hurricane-warning"></i>
844 <br><small>wi-hurricane-warning</small>
845 </div>
846 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind-direction"></i>
847 <br><small>wi-wind-direction</small>
848 </div>
849 </div>
850 </section>
851 <hr>
852 <section>
853 <h5 class="box-title">Miscellaneous</h5>
854 <div class="row text-center">
855 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-alien"></i>
856 <br><small>wi-alien</small>
857 </div>
858 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-celsius"></i>
859 <br><small>wi-celsius</small>
860 </div>
861 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-fahrenheit"></i>
862 <br><small>wi-fahrenheit</small>
863 </div>
864 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-degrees"></i>
865 <br><small>wi-degrees</small>
866 </div>
867 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-thermometer"></i>
868 <br><small>wi-thermometer</small>
869 </div>
870 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-thermometer-exterior"></i>
871 <br><small>wi-thermometer-exterior</small>
872 </div>
873 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-thermometer-internal"></i>
874 <br><small>wi-thermometer-internal</small>
875 </div>
876 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-cloud-down"></i>
877 <br><small>wi-cloud-down</small>
878 </div>
879 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-cloud-up"></i>
880 <br><small>wi-cloud-up</small>
881 </div>
882 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-cloud-refresh"></i>
883 <br><small>wi-cloud-refresh</small>
884 </div>
885 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-horizon"></i>
886 <br><small>wi-horizon</small>
887 </div>
888 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-horizon-alt"></i>
889 <br><small>wi-horizon-alt</small>
890 </div>
891 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-sunrise"></i>
892 <br><small>wi-sunrise</small>
893 </div>
894 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-sunset"></i>
895 <br><small>wi-sunset</small>
896 </div>
897 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moonrise"></i>
898 <br><small>wi-moonrise</small>
899 </div>
900 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moonset"></i>
901 <br><small>wi-moonset</small>
902 </div>
903 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-refresh"></i>
904 <br><small>wi-refresh</small>
905 </div>
906 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-refresh-alt"></i>
907 <br><small>wi-refresh-alt</small>
908 </div>
909 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-umbrella"></i>
910 <br><small>wi-umbrella</small>
911 </div>
912 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-barometer"></i>
913 <br><small>wi-barometer</small>
914 </div>
915 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-humidity"></i>
916 <br><small>wi-humidity</small>
917 </div>
918 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-na"></i>
919 <br><small>wi-na</small>
920 </div>
921 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-train"></i>
922 <br><small>wi-train</small>
923 </div>
924 </div>
925 </section>
926 <hr>
927 <section>
928 <h5 class="box-title">Moon Phases</h5>
929 <div class="row text-center">
930 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-new"></i>
931 <br><small>wi-moon-new</small>
932 </div>
933 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-crescent-1"></i>
934 <br><small>wi-moon-waxing-crescent-1</small>
935 </div>
936 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-crescent-2"></i>
937 <br><small>wi-moon-waxing-crescent-2</small>
938 </div>
939 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-crescent-3"></i>
940 <br><small>wi-moon-waxing-crescent-3</small>
941 </div>
942 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-crescent-4"></i>
943 <br><small>wi-moon-waxing-crescent-4</small>
944 </div>
945 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-crescent-5"></i>
946 <br><small>wi-moon-waxing-crescent-5</small>
947 </div>
948 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-crescent-6"></i>
949 <br><small>wi-moon-waxing-crescent-6</small>
950 </div>
951 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-first-quarter"></i>
952 <br><small>wi-moon-first-quarter</small>
953 </div>
954 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-gibbous-1"></i>
955 <br><small>wi-moon-waxing-gibbous-1</small>
956 </div>
957 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-gibbous-2"></i>
958 <br><small>wi-moon-waxing-gibbous-2</small>
959 </div>
960 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-gibbous-3"></i>
961 <br><small>wi-moon-waxing-gibbous-3</small>
962 </div>
963 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-gibbous-4"></i>
964 <br><small>wi-moon-waxing-gibbous-4</small>
965 </div>
966 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-gibbous-5"></i>
967 <br><small>wi-moon-waxing-gibbous-5</small>
968 </div>
969 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waxing-gibbous-6"></i>
970 <br><small>wi-moon-waxing-gibbous-6</small>
971 </div>
972 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-full"></i>
973 <br><small>wi-moon-full</small>
974 </div>
975 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-gibbous-1"></i>
976 <br><small>wi-moon-waning-gibbous-1</small>
977 </div>
978 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-gibbous-2"></i>
979 <br><small>wi-moon-waning-gibbous-2</small>
980 </div>
981 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-gibbous-3"></i>
982 <br><small>wi-moon-waning-gibbous-3</small>
983 </div>
984 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-gibbous-4"></i>
985 <br><small>wi-moon-waning-gibbous-4</small>
986 </div>
987 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-gibbous-5"></i>
988 <br><small>wi-moon-waning-gibbous-5</small>
989 </div>
990 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-gibbous-6"></i>
991 <br><small>wi-moon-waning-gibbous-6</small>
992 </div>
993 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-third-quarter"></i>
994 <br><small>wi-moon-third-quarter</small>
995 </div>
996 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-crescent-1"></i>
997 <br><small>wi-moon-waning-crescent-1</small>
998 </div>
999 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-crescent-2"></i>
1000 <br><small>wi-moon-waning-crescent-2</small>
1001 </div>
1002 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-crescent-3"></i>
1003 <br><small>wi-moon-waning-crescent-3</small>
1004 </div>
1005 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-crescent-4"></i>
1006 <br><small>wi-moon-waning-crescent-4</small>
1007 </div>
1008 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-crescent-5"></i>
1009 <br><small>wi-moon-waning-crescent-5</small>
1010 </div>
1011 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-waning-crescent-6"></i>
1012 <br><small>wi-moon-waning-crescent-6</small>
1013 </div>
1014 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-new"></i>
1015 <br><small>wi-moon-alt-new</small>
1016 </div>
1017 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-first-quarter"></i>
1018 <br><small>wi-moon-alt-first-quarter</small>
1019 </div>
1020 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-crescent-1"></i>
1021 <br><small>wi-moon-alt-waxing-crescent-1</small>
1022 </div>
1023 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-crescent-2"></i>
1024 <br><small>wi-moon-alt-waxing-crescent-2</small>
1025 </div>
1026 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-crescent-3"></i>
1027 <br><small>wi-moon-alt-waxing-crescent-3</small>
1028 </div>
1029 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-crescent-4"></i>
1030 <br><small>wi-moon-alt-waxing-crescent-4</small>
1031 </div>
1032 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-crescent-5"></i>
1033 <br><small>wi-moon-alt-waxing-crescent-5</small>
1034 </div>
1035 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-crescent-6"></i>
1036 <br><small>wi-moon-alt-waxing-crescent-6</small>
1037 </div>
1038 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-gibbous-1"></i>
1039 <br><small>wi-moon-alt-waxing-gibbous-1</small>
1040 </div>
1041 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-gibbous-2"></i>
1042 <br><small>wi-moon-alt-waxing-gibbous-2</small>
1043 </div>
1044 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-gibbous-3"></i>
1045 <br><small>wi-moon-alt-waxing-gibbous-3</small>
1046 </div>
1047 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-gibbous-4"></i>
1048 <br><small>wi-moon-alt-waxing-gibbous-4</small>
1049 </div>
1050 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-gibbous-5"></i>
1051 <br><small>wi-moon-alt-waxing-gibbous-5</small>
1052 </div>
1053 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waxing-gibbous-6"></i>
1054 <br><small>wi-moon-alt-waxing-gibbous-6</small>
1055 </div>
1056 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-full"></i>
1057 <br><small>wi-moon-alt-full</small>
1058 </div>
1059 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-gibbous-1"></i>
1060 <br><small>wi-moon-alt-waning-gibbous-1</small>
1061 </div>
1062 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-gibbous-2"></i>
1063 <br><small>wi-moon-alt-waning-gibbous-2</small>
1064 </div>
1065 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-gibbous-3"></i>
1066 <br><small>wi-moon-alt-waning-gibbous-3</small>
1067 </div>
1068 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-gibbous-4"></i>
1069 <br><small>wi-moon-alt-waning-gibbous-4</small>
1070 </div>
1071 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-gibbous-5"></i>
1072 <br><small>wi-moon-alt-waning-gibbous-5</small>
1073 </div>
1074 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-gibbous-6"></i>
1075 <br><small>wi-moon-alt-waning-gibbous-6</small>
1076 </div>
1077 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-third-quarter"></i>
1078 <br><small>wi-moon-alt-third-quarter</small>
1079 </div>
1080 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-crescent-1"></i>
1081 <br><small>wi-moon-alt-waning-crescent-1</small>
1082 </div>
1083 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-crescent-2"></i>
1084 <br><small>wi-moon-alt-waning-crescent-2</small>
1085 </div>
1086 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-crescent-3"></i>
1087 <br><small>wi-moon-alt-waning-crescent-3</small>
1088 </div>
1089 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-crescent-4"></i>
1090 <br><small>wi-moon-alt-waning-crescent-4</small>
1091 </div>
1092 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-crescent-5"></i>
1093 <br><small>wi-moon-alt-waning-crescent-5</small>
1094 </div>
1095 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-moon-alt-waning-crescent-6"></i>
1096 <br><small>wi-moon-alt-waning-crescent-6</small>
1097 </div>
1098 </div>
1099 </section>
1100 <hr>
1101 <section>
1102 <h5 class="box-title">Time</h5>
1103 <div class="row text-center">
1104 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-1"></i>
1105 <br><small>wi-time-1</small>
1106 </div>
1107 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-2"></i>
1108 <br><small>wi-time-2</small>
1109 </div>
1110 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-3"></i>
1111 <br><small>wi-time-3</small>
1112 </div>
1113 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-4"></i>
1114 <br><small>wi-time-4</small>
1115 </div>
1116 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-5"></i>
1117 <br><small>wi-time-5</small>
1118 </div>
1119 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-6"></i>
1120 <br><small>wi-time-6</small>
1121 </div>
1122 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-7"></i>
1123 <br><small>wi-time-7</small>
1124 </div>
1125 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-8"></i>
1126 <br><small>wi-time-8</small>
1127 </div>
1128 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-9"></i>
1129 <br><small>wi-time-9</small>
1130 </div>
1131 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-10"></i>
1132 <br><small>wi-time-10</small>
1133 </div>
1134 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-11"></i>
1135 <br><small>wi-time-11</small>
1136 </div>
1137 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-time-12"></i>
1138 <br><small>wi-time-12</small>
1139 </div>
1140 </div>
1141 </section>
1142 <hr>
1143 <section>
1144 <h5 class="box-title">Directional Arrows</h5>
1145 <div class="row text-center">
1146 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-direction-up"></i>
1147 <br><small>wi-direction-up</small>
1148 </div>
1149 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-direction-up-right"></i>
1150 <br><small>wi-direction-up-right</small>
1151 </div>
1152 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-direction-right"></i>
1153 <br><small>wi-direction-right</small>
1154 </div>
1155 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-direction-down-right"></i>
1156 <br><small>wi-direction-down-right</small>
1157 </div>
1158 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-direction-down"></i>
1159 <br><small>wi-direction-down</small>
1160 </div>
1161 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-direction-down-left"></i>
1162 <br><small>wi-direction-down-left</small>
1163 </div>
1164 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-direction-left"></i>
1165 <br><small>wi-direction-left</small>
1166 </div>
1167 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-direction-up-left"></i>
1168 <br><small>wi-direction-up-left</small>
1169 </div>
1170 </div>
1171 </section>
1172 <hr>
1173 <section>
1174 <h5 class="box-title">Wind Degree Examples</h5>
1175 <div class="row text-center">
1176 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-0-deg"></i>
1177 <br><small>towards-0-deg</small>
1178 </div>
1179 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-23-deg"></i>
1180 <br><small>towards-23-deg</small>
1181 </div>
1182 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-45-deg"></i>
1183 <br><small>towards-45-deg</small>
1184 </div>
1185 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-68-deg"></i>
1186 <br><small>towards-68-deg</small>
1187 </div>
1188 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-90-deg"></i>
1189 <br><small>towards-90-deg</small>
1190 </div>
1191 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-113-deg"></i>
1192 <br><small>towards-113-deg</small>
1193 </div>
1194 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-135-deg"></i>
1195 <br><small>towards-135-deg</small>
1196 </div>
1197 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-158-deg"></i>
1198 <br><small>towards-158-deg</small>
1199 </div>
1200 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-180-deg"></i>
1201 <br><small>towards-180-deg</small>
1202 </div>
1203 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-203-deg"></i>
1204 <br><small>towards-203-deg</small>
1205 </div>
1206 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-225-deg"></i>
1207 <br><small>towards-225-deg</small>
1208 </div>
1209 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-248-deg"></i>
1210 <br><small>towards-248-deg</small>
1211 </div>
1212 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-270-deg"></i>
1213 <br><small>towards-270-deg</small>
1214 </div>
1215 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-293-deg"></i>
1216 <br><small>towards-293-deg</small>
1217 </div>
1218 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-313-deg"></i>
1219 <br><small>towards-313-deg</small>
1220 </div>
1221 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind towards-336-deg"></i>
1222 <br><small>towards-336-deg</small>
1223 </div>
1224 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-180-deg"></i>
1225 <br><small>from-180-deg</small>
1226 </div>
1227 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-203-deg"></i>
1228 <br><small>from-203-deg</small>
1229 </div>
1230 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-225-deg"></i>
1231 <br><small>from-225-deg</small>
1232 </div>
1233 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-248-deg"></i>
1234 <br><small>from-248-deg</small>
1235 </div>
1236 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-270-deg"></i>
1237 <br><small>from-270-deg</small>
1238 </div>
1239 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-293-deg"></i>
1240 <br><small>from-293-deg</small>
1241 </div>
1242 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-313-deg"></i>
1243 <br><small>from-313-deg</small>
1244 </div>
1245 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-336-deg"></i>
1246 <br><small>from-336-deg</small>
1247 </div>
1248 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-0-deg"></i>
1249 <br><small>from-0-deg</small>
1250 </div>
1251 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-23-deg"></i>
1252 <br><small>from-23-deg</small>
1253 </div>
1254 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-45-deg"></i>
1255 <br><small>from-45-deg</small>
1256 </div>
1257 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-68-deg"></i>
1258 <br><small>from-68-deg</small>
1259 </div>
1260 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-90-deg"></i>
1261 <br><small>from-90-deg</small>
1262 </div>
1263 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-113-deg"></i>
1264 <br><small>from-135-deg</small>
1265 </div>
1266 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-135-deg"></i>
1267 <br><small>from-135-deg</small>
1268 </div>
1269 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind from-158-deg"></i>
1270 <br><small>from-158-deg</small>
1271 </div>
1272 </div>
1273 </section>
1274 <hr>
1275 <section>
1276 <h5 class="box-title">Wind Cardinal Examples</h5>
1277 <div class="row text-center">
1278 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-n"></i>
1279 <br><small>wi-towards-n</small>
1280 </div>
1281 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-nne"></i>
1282 <br><small>wi-towards-nne</small>
1283 </div>
1284 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-ne"></i>
1285 <br><small>wi-towards-ne</small>
1286 </div>
1287 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-ene"></i>
1288 <br><small>wi-towards-ene</small>
1289 </div>
1290 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-e"></i>
1291 <br><small>wi-towards-e</small>
1292 </div>
1293 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-ese"></i>
1294 <br><small>wi-towards-ese</small>
1295 </div>
1296 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-se"></i>
1297 <br><small>wi-towards-se</small>
1298 </div>
1299 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-sse"></i>
1300 <br><small>wi-towards-sse</small>
1301 </div>
1302 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-s"></i>
1303 <br><small>wi-towards-s</small>
1304 </div>
1305 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-ssw"></i>
1306 <br><small>wi-towards-ssw</small>
1307 </div>
1308 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-sw"></i>
1309 <br><small>wi-towards-sw</small>
1310 </div>
1311 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-wsw"></i>
1312 <br><small>wi-towards-wsw</small>
1313 </div>
1314 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-w"></i>
1315 <br><small>wi-towards-w</small>
1316 </div>
1317 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-wnw"></i>
1318 <br><small>wi-towards-wnw</small>
1319 </div>
1320 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-nw"></i>
1321 <br><small>wi-towards-nw</small>
1322 </div>
1323 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-towards-nnw"></i>
1324 <br><small>wi-towards-nnw</small>
1325 </div>
1326 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-n"></i>
1327 <br><small>wi-from-n</small>
1328 </div>
1329 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-nne"></i>
1330 <br><small>wi-from-nne</small>
1331 </div>
1332 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-ne"></i>
1333 <br><small>wi-from-ne</small>
1334 </div>
1335 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-ene"></i>
1336 <br><small>wi-from-ene</small>
1337 </div>
1338 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-e"></i>
1339 <br><small>wi-from-e</small>
1340 </div>
1341 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-ese"></i>
1342 <br><small>wi-from-ese</small>
1343 </div>
1344 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-se"></i>
1345 <br><small>wi-from-se</small>
1346 </div>
1347 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-sse"></i>
1348 <br><small>wi-from-sse</small>
1349 </div>
1350 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-s"></i>
1351 <br><small>wi-from-s</small>
1352 </div>
1353 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-ssw"></i>
1354 <br><small>wi-from-ssw</small>
1355 </div>
1356 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-sw"></i>
1357 <br><small>wi-from-sw</small>
1358 </div>
1359 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-wsw"></i>
1360 <br><small>wi-from-wsw</small>
1361 </div>
1362 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-w"></i>
1363 <br><small>wi-from-w</small>
1364 </div>
1365 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-wnw"></i>
1366 <br><small>wi-from-wnw</small>
1367 </div>
1368 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-nw"></i>
1369 <br><small>wi-from-nw</small>
1370 </div>
1371 <div class="col-md-2 col-sm-3 col-4"><i class="wi wi-wind wi-from-nnw"></i>
1372 <br><small>wi-from-nnw</small>
1373 </div>
1374 </div>
1375 </section>
1376 <hr>
1377 <section>
1378 <h5 class="box-title">Beaufort Wind Scale</h5>
1379 <div class="row text-center">
1380 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-0"></i>
1381 <br><small>wi-wind-beaufort-0</small>
1382 </div>
1383 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-1"></i>
1384 <br><small>wi-wind-beaufort-1</small>
1385 </div>
1386 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-2"></i>
1387 <br><small>wi-wind-beaufort-2</small>
1388 </div>
1389 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-3"></i>
1390 <br><small>wi-wind-beaufort-3</small>
1391 </div>
1392 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-4"></i>
1393 <br><small>wi-wind-beaufort-4</small>
1394 </div>
1395 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-5"></i>
1396 <br><small>wi-wind-beaufort-5</small>
1397 </div>
1398 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-6"></i>
1399 <br><small>wi-wind-beaufort-6</small>
1400 </div>
1401 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-7"></i>
1402 <br><small>wi-wind-beaufort-7</small>
1403 </div>
1404 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-8"></i>
1405 <br><small>wi-wind-beaufort-8</small>
1406 </div>
1407 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-9"></i>
1408 <br><small>wi-wind-beaufort-9</small>
1409 </div>
1410 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-10"></i>
1411 <br><small>wi-wind-beaufort-10</small>
1412 </div>
1413 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-11"></i>
1414 <br><small>wi-wind-beaufort-11</small>
1415 </div>
1416 <div class="col-md-2 col-sm-3 col-4"><i class="wi icon wi-wind-beaufort-12"></i>
1417 <br><small>wi-wind-beaufort-12</small>
1418 </div>
1419 </div>
1420 </section>
1421 </div>
1422 <!-- /.widget-body -->
1423 </div>
1424 <!-- /.widget-bg -->
1425 </div>
1426 <!-- /.widget-holder -->
1427 </div>
1428 <!-- /.row -->
1429 </div>
1430 <!-- /.widget-list -->
1431 </main>
1432 <!-- /.main-wrappper -->
1433 <!-- RIGHT SIDEBAR -->
1434 <aside class="right-sidebar scrollbar-enabled suppress-x">
1435 <div class="sidebar-chat" data-plugin="chat-sidebar">
1436 <div class="sidebar-chat-info">
1437 <h6 class="fs-16">Chat List</h6>
1438 <form class="mr-t-10">
1439 <div class="form-group">
1440 <input type="search" class="form-control form-control-rounded fs-13 heading-font-family pd-r-30" placeholder="Search for friends ..."> <i class="feather feather-search post-absolute pos-right vertical-center mr-3 text-muted"></i>
1441 </div>
1442 </form>
1443 </div>
1444 <div class="chat-list">
1445 <div class="list-group row">
1446 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Julein Renvoye">
1447 <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl">
1448 <img src="assets/demo/users/user2.jpg" class="rounded-circle" alt="">
1449 </figure><span><span class="name">Gene Newman</span> <span class="username">@gene_newman</span> </span>
1450 </a>
1451 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Eddie Lebanovkiy">
1452 <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl">
1453 <img src="assets/demo/users/user3.jpg" class="rounded-circle" alt="">
1454 </figure><span><span class="name">Billy Black</span> <span class="username">@billyblack</span> </span>
1455 </a>
1456 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Cameron Moll">
1457 <figure class="thumb-xs user--online mr-3 mr-0-rtl ml-3-rtl">
1458 <img src="assets/demo/users/user5.jpg" class="rounded-circle" alt="">
1459 </figure><span><span class="name">Herbert Diaz</span> <span class="username">@herbert</span> </span>
1460 </a>
1461 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Bill S Kenny">
1462 <figure class="user--busy thumb-xs mr-3 mr-0-rtl ml-3-rtl">
1463 <img src="assets/demo/users/user4.jpg" class="rounded-circle" alt="">
1464 </figure><span><span class="name">Sylvia Harvey</span> <span class="username">@sylvia</span> </span>
1465 </a>
1466 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Trent Walton">
1467 <figure class="user--busy thumb-xs mr-3 mr-0-rtl ml-3-rtl">
1468 <img src="assets/demo/users/user6.jpg" class="rounded-circle" alt="">
1469 </figure><span><span class="name">Marsha Hoffman</span> <span class="username">@m_hoffman</span> </span>
1470 </a>
1471 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Julien Renvoye">
1472 <figure class="user--offline thumb-xs mr-3 mr-0-rtl ml-3-rtl">
1473 <img src="assets/demo/users/user7.jpg" class="rounded-circle" alt="">
1474 </figure><span><span class="name">Mason Grant</span> <span class="username">@masongrant</span> </span>
1475 </a>
1476 <a href="javascript:void(0)" class="list-group-item" data-chat-user="Eddie Lebaovskiy">
1477 <figure class="user--offline thumb-xs mr-3 mr-0-rtl ml-3-rtl">
1478 <img src="assets/demo/users/user8.jpg" class="rounded-circle" alt="">
1479 </figure><span><span class="name">Shelly Sullivan</span> <span class="username">@shelly</span></span>
1480 </a>
1481 </div>
1482 <!-- /.list-group -->
1483 </div>
1484 <!-- /.chat-list -->
1485 </div>
1486 <!-- /.sidebar-chat -->
1487 </aside>
1488 <!-- CHAT PANEL -->
1489 <div class="chat-panel" hidden>
1490 <div class="card">
1491 <div class="card-header d-flex justify-content-between"><a href="javascript:void(0);"><i class="feather feather-message-square text-success"></i></a> <span class="user-name heading-font-family fw-400">John Doe</span>
1492 <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span>
1493 </button>
1494 </div>
1495 <!-- /.card-header -->
1496 <div class="card-body">
1497 <div class="widget-chat-activity flex-1">
1498 <div class="messages scrollbar-enabled suppress-x">
1499 <div class="message media reply">
1500 <figure class="thumb-xs2 user--online">
1501 <a href="#">
1502 <img src="assets/demo/users/user3.jpg" class="rounded-circle">
1503 </a>
1504 </figure>
1505 <div class="message-body media-body">
1506 <p>Epic Cheeseburgers come in all kind of styles.</p>
1507 </div>
1508 <!-- /.message-body -->
1509 </div>
1510 <!-- /.message -->
1511 <div class="message media">
1512 <figure class="thumb-xs2 user--online">
1513 <a href="#">
1514 <img src="assets/demo/users/user1.jpg" class="rounded-circle">
1515 </a>
1516 </figure>
1517 <div class="message-body media-body">
1518 <p>Cheeseburgers make your knees weak.</p>
1519 </div>
1520 <!-- /.message-body -->
1521 </div>
1522 <!-- /.message -->
1523 <div class="message media reply">
1524 <figure class="thumb-xs2 user--offline">
1525 <a href="#">
1526 <img src="assets/demo/users/user5.jpg" class="rounded-circle">
1527 </a>
1528 </figure>
1529 <div class="message-body media-body">
1530 <p>Cheeseburgers will never let you down.</p>
1531 <p>They'll also never run around or desert you.</p>
1532 </div>
1533 <!-- /.message-body -->
1534 </div>
1535 <!-- /.message -->
1536 <div class="message media">
1537 <figure class="thumb-xs2 user--online">
1538 <a href="#">
1539 <img src="assets/demo/users/user1.jpg" class="rounded-circle">
1540 </a>
1541 </figure>
1542 <div class="message-body media-body">
1543 <p>A great cheeseburger is a gastronomical event.</p>
1544 </div>
1545 <!-- /.message-body -->
1546 </div>
1547 <!-- /.message -->
1548 <div class="message media reply">
1549 <figure class="thumb-xs2 user--busy">
1550 <a href="#">
1551 <img src="assets/demo/users/user6.jpg" class="rounded-circle">
1552 </a>
1553 </figure>
1554 <div class="message-body media-body">
1555 <p>There's a cheesy incarnation waiting for you no matter what you palete preferences are.</p>
1556 </div>
1557 <!-- /.message-body -->
1558 </div>
1559 <!-- /.message -->
1560 <div class="message media">
1561 <figure class="thumb-xs2 user--online">
1562 <a href="#">
1563 <img src="assets/demo/users/user1.jpg" class="rounded-circle">
1564 </a>
1565 </figure>
1566 <div class="message-body media-body">
1567 <p>If you are a vegan, we are sorry for you loss.</p>
1568 </div>
1569 <!-- /.message-body -->
1570 </div>
1571 <!-- /.message -->
1572 </div>
1573 <!-- /.messages -->
1574 </div>
1575 <!-- /.widget-chat-acitvity -->
1576 </div>
1577 <!-- /.card-body -->
1578 <form action="javascript:void(0)" class="card-footer" method="post">
1579 <div class="d-flex justify-content-end"><i class="feather feather-plus-circle list-icon my-1 mr-3"></i>
1580 <textarea class="border-0 flex-1" rows="1" style="resize: none" placeholder="Type your message here" type="text"></textarea>
1581 <button class="btn btn-sm btn-circle bg-transparent" type="submit"><i class="feather feather-arrow-right list-icon fs-26 text-success"></i>
1582 </button>
1583 </div>
1584 </form>
1585 </div>
1586 <!-- /.card -->
1587 </div>
1588 <!-- /.chat-panel -->
1589 </div>
1590 <!-- /.content-wrapper -->
1591 <!-- FOOTER -->
1592 <footer class="footer"><span class="heading-font-family">Copyright @ 2017. All rights reserved BonVue Admin by Unifato</span>
1593 </footer>
1594 </div>
1595 <!--/ #wrapper -->
1596 <!-- Scripts -->
1597 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
1598 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
1599 <script src="assets/js/bootstrap.min.js"></script>
1600 <script src="https://cdnjs.cloudflare.com/ajax/libs/metisMenu/2.7.0/metisMenu.min.js"></script>
1601 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.7.0/js/perfect-scrollbar.jquery.js"></script>
1602 <script src="assets/js/theme.js"></script>
1603 <script src="assets/js/custom.js"></script>
1604 <script src="http://localhost:35729/livereload.js"></script>
1605 </body>
1606
1607 </html>