weather-apps-jekyll 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -0
  3. data/README.md +19 -0
  4. data/_config.yml +19 -0
  5. data/_includes/app-download.html +28 -0
  6. data/_includes/featured.html +72 -0
  7. data/_includes/footer.html +54 -0
  8. data/_includes/head.html +29 -0
  9. data/_includes/home.html +35 -0
  10. data/_includes/navbar.html +38 -0
  11. data/_includes/people.html +54 -0
  12. data/_includes/screen.html +104 -0
  13. data/_includes/scripts.html +15 -0
  14. data/_layouts/default.html +49 -0
  15. data/assets/css/animate.css +3303 -0
  16. data/assets/css/bootsnav.css +1474 -0
  17. data/assets/css/bootstrap.css.map +1 -0
  18. data/assets/css/bootstrap.min.css +5 -0
  19. data/assets/css/bootstrap.min.css.map +1 -0
  20. data/assets/css/font-awesome.min.css +4 -0
  21. data/assets/css/fonts/slick.eot +0 -0
  22. data/assets/css/fonts/slick.svg +14 -0
  23. data/assets/css/fonts/slick.ttf +0 -0
  24. data/assets/css/fonts/slick.woff +0 -0
  25. data/assets/css/iconfont.css +1838 -0
  26. data/assets/css/magnific-popup.css +391 -0
  27. data/assets/css/plugins.css +123 -0
  28. data/assets/css/responsive.css +200 -0
  29. data/assets/css/style.css +1309 -0
  30. data/assets/css/swiper.min.css +15 -0
  31. data/assets/fonts/FontAwesome.otf +0 -0
  32. data/assets/fonts/bootstrapThemesCo-icon.eot +0 -0
  33. data/assets/fonts/bootstrapThemesCo-icon.svg +631 -0
  34. data/assets/fonts/bootstrapThemesCo-icon.ttf +0 -0
  35. data/assets/fonts/bootstrapThemesCo-icon.woff +0 -0
  36. data/assets/fonts/fontawesome-webfont.eot +0 -0
  37. data/assets/fonts/fontawesome-webfont.svg +2671 -0
  38. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  39. data/assets/fonts/fontawesome-webfont.woff +0 -0
  40. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  41. data/assets/images/appdownload.png +0 -0
  42. data/assets/images/appdownload1.png +0 -0
  43. data/assets/images/appstor.png +0 -0
  44. data/assets/images/bodybg.png +0 -0
  45. data/assets/images/cloud1.png +0 -0
  46. data/assets/images/downloadbg.png +0 -0
  47. data/assets/images/drag1.png +0 -0
  48. data/assets/images/drag2.png +0 -0
  49. data/assets/images/drag3.png +0 -0
  50. data/assets/images/footer-logo.png +0 -0
  51. data/assets/images/googleplay.png +0 -0
  52. data/assets/images/homebg.png +0 -0
  53. data/assets/images/logo.png +0 -0
  54. data/assets/images/phone01.png +0 -0
  55. data/assets/images/phone1.png +0 -0
  56. data/assets/images/rainy1.png +0 -0
  57. data/assets/images/screen01.png +0 -0
  58. data/assets/images/screen02.png +0 -0
  59. data/assets/images/screen03.png +0 -0
  60. data/assets/images/sun1.png +0 -0
  61. data/assets/images/test1.png +0 -0
  62. data/assets/js/bootsnav.js +578 -0
  63. data/assets/js/jquery.collapse.js +176 -0
  64. data/assets/js/jquery.easing.1.3.js +205 -0
  65. data/assets/js/jquery.magnific-popup.js +2062 -0
  66. data/assets/js/main.js +107 -0
  67. data/assets/js/plugins.js +85 -0
  68. data/assets/js/swiper.min.js +18 -0
  69. data/assets/js/vendor/bootstrap.min.js +7 -0
  70. data/assets/js/vendor/jquery-1.11.2.min.js +4 -0
  71. data/assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js +11 -0
  72. metadata +72 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 2b28bb664a7ebe7335b68ae48c3c6f198149e183b9820f876ee72cb5bfb1f7f4
4
- data.tar.gz: c6059f0d906a2c9ee2d6e037a0fc968f3469b2982b28365fefe04d7b754cea6a
3
+ metadata.gz: f0ac9ca3190232da395ee03ab4c60edec5c835bba12c7a2788c50efc4ddc9b91
4
+ data.tar.gz: 67b02c6f964fec4d4bbe5c425558effc968f00fcb8e57df3966e9afdbe75f311
5
5
  SHA512:
6
- metadata.gz: 31bd1eb8ae71840721721f14a0e28c4a00b66215887a60795944280280451db2dad257679c5b24ef40f34ea75c63e9c553de1b338de96a73ba6b407baf0ceacc
7
- data.tar.gz: 8838e3bc1f212be2f0de74dcad9958c3539f796572a1cde056cb6dc3054a05f6949ae60aa163cef9bff1dd0c0fd8cec1f5e0ee49c5d04c9c86c51486e2e3601c
6
+ metadata.gz: 43a088cae1ca81f6fab9adae717a73d51ce96d59de12778237b782b6d6780faeb344768366987927cb1c31aa6329fae67f78f989d8af026a98d6d5b3dfef88ea
7
+ data.tar.gz: 956d1ef591336f6c257ffa481a1920273b3b4b3fd9a90e1070649663551d19ec54b7845577d9c160e4407a58a49eb3ca8a4d1405f3359b97eee4d4eb16d793cc
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2021 Ricardo Barros
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
@@ -0,0 +1,19 @@
1
+ # Bootstrap Themes Weather Apps Theme adapted for Jekyll
2
+
3
+ [Weather Apps](https://bootstrapthemes.co/item/weather-apps-landing-page-free-bootstrap-temmplate/) is a theme for [Jekyll](https://jekyllrb.com) adapted from the [Bootstrap](https://getbootstrap.com/) based theme with the same name from the good folks at [Bootstrap Themes](https://bootstrapthemes.co/).
4
+
5
+ ## Preview
6
+ [![Weather Apps](https://github.com/thypirate/weather-apps-jekyll/blob/master/weather-apps.gif)](https://thypirate.github.io/weather-apps-jekyll/)
7
+
8
+ ## Download and Install
9
+ You can either:
10
+ * Clone the repo using the following command ```git clone https://github.com/thypirate/weather-apps-jekyll.git```.
11
+ * Download, Fork or Clone on Github.
12
+
13
+ ## How to use
14
+ * You can edit and add new entries like Google Analytics, Jekyll plugins in the ```_config.yml``` to suit your needs.
15
+
16
+ ## Build
17
+ While in the root of you site execute the following commands to build:
18
+ * ```bundle install``` - Install the dependencies with [Bundler](https://bundler.io/).
19
+ * ```bundle exec jekyll serve``` - Build the site and make it available on a local server at ```http://localhost:4000```.
@@ -0,0 +1,19 @@
1
+ title: Concept - Free HTML5 Bootstrap Template for Corporate Websites
2
+ email: your-email@example.com
3
+ description: ""
4
+ author: ""
5
+
6
+ plugins:
7
+ - jekyll-seo-tag
8
+ - jekyll-sitemap
9
+ - jekyll-coffeescript
10
+
11
+ exclude:
12
+ - LICENSE.txt
13
+ - README.md
14
+ - concept.gif
15
+
16
+ # Social Profiles
17
+ twitter_username: ""
18
+ github_username: ""
19
+ facebook_username: ""
@@ -0,0 +1,28 @@
1
+ <!--App Download Section-->
2
+ <section id="download" class="download m-top-100">
3
+ <div class="download_overlay"></div>
4
+ <div class="container">
5
+ <div class="row">
6
+ <div class="main_download ">
7
+ <div class="col-md-6">
8
+ <div class="download_item roomy-100">
9
+ <h2 class="text-white">How Download the app?</h2>
10
+ <h5 class="text-white m-top-20">Just download the app from the store.
11
+ Simple, nice and user-friendly application of theweather.
12
+ Only relevant and useful information.</h5>
13
+
14
+ <div class="download_app m-top-30">
15
+ <a href=""><img src="assets/images/appstor.png" alt="" /></a>
16
+ <a href=""><img src="assets/images/googleplay.png" alt="" /></a>
17
+ </div>
18
+ </div>
19
+ </div>
20
+ <div class="col-md-6">
21
+ <div class="download_item m-top-70">
22
+ <img class="app_right" src="assets/images/appdownload1.png" alt="" />
23
+ </div>
24
+ </div>
25
+ </div>
26
+ </div>
27
+ </div>
28
+ </section>
@@ -0,0 +1,72 @@
1
+ <!--Featured Section-->
2
+ <section id="features" class="features">
3
+ <div class="container">
4
+ <div class="row">
5
+ <div class="main_features p-top-100">
6
+ <div class="col-md-8 col-md-offset-2 col-sm-12 col-xs-12">
7
+ <div class="head_title text-center">
8
+ <h2>Perfect Features</h2>
9
+ <h5>Only necessary</h5>
10
+ </div>
11
+ </div>
12
+
13
+ <div class="col-md-4">
14
+ <div class="features_item sm-m-top-30">
15
+ <div class="f_item_icon">
16
+ <i class="icon icon-diamond6"></i>
17
+ </div>
18
+ <div class="f_item_text">
19
+ <h3>Usability</h3>
20
+ <p>Sometimes the simplest things are the hardest to find.
21
+ So we created a new line for everyday life</p>
22
+ </div>
23
+ </div>
24
+ </div>
25
+ <div class="col-md-4">
26
+ <div class="features_item sm-m-top-30">
27
+ <div class="f_item_icon">
28
+ <i class="icon icon-layers2"></i>
29
+ </div>
30
+ <div class="f_item_text">
31
+ <h3>Parallax Effect</h3>
32
+ <p>Sometimes the simplest things are the hardest to find.
33
+ So we created a new line for everyday life</p>
34
+ </div>
35
+ </div>
36
+ </div>
37
+ <div class="col-md-4">
38
+ <div class="features_item sm-m-top-30">
39
+ <div class="f_item_icon">
40
+ <i class="icon icon-business-32"></i>
41
+ </div>
42
+ <div class="f_item_text">
43
+ <h3>Unlimites Colors</h3>
44
+ <p>Sometimes the simplest things are the hardest to find.
45
+ So we created a new line for everyday life</p>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ </div>
50
+ </div><!-- End off row -->
51
+ </div><!-- End off container -->
52
+ </section><!-- End off Featured Section-->
53
+ <section>
54
+ <div class="container">
55
+ <div class="row">
56
+ <div class="main_drag roomy-50">
57
+ <div class="col-md-12">
58
+ <div class="swiper-container">
59
+ <div class="swiper-wrapper">
60
+ <div class="swiper-slide" style="background-image:url(assets/images/drag1.png)"></div>
61
+ <div class="swiper-slide" style="background-image:url(assets/images/drag3.png)"></div>
62
+ <div class="swiper-slide" style="background-image:url(assets/images/drag2.png)"></div>
63
+ </div>
64
+ <!-- If we need navigation buttons -->
65
+ <div class="swiper-button-prev"></div>
66
+ <div class="swiper-button-next"></div>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ </section>
@@ -0,0 +1,54 @@
1
+ <footer id="footer" class="footer bg-black">
2
+ <div class="container">
3
+ <div class="row">
4
+ <div class="col-md-12">
5
+ <nav class="navbar navbar-default bootsnav footer-menu no-background">
6
+ <div class="container">
7
+
8
+ <!-- Start Atribute Navigation -->
9
+ <div class="attr-nav">
10
+ <ul>
11
+ <li><a href="#"><i class="fa fa-facebook"></i></a></li>
12
+ <li><a href="#"><i class="fa fa-instagram"></i></a></li>
13
+ <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
14
+ </ul>
15
+ </div>
16
+ <!-- End Atribute Navigation -->
17
+
18
+
19
+ <!-- Start Header Navigation -->
20
+ <div class="navbar-header">
21
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-footer">
22
+ <i class="fa fa-bars"></i>
23
+ </button>
24
+ <a class="navbar-brand" href="#brand"><img src="assets/images/footer-logo.png" class="logo" alt=""></a>
25
+ </div>
26
+ <!-- End Header Navigation -->
27
+
28
+ <!-- navbar menu -->
29
+ <div class="collapse navbar-collapse" id="navbar-footer">
30
+ <ul class="nav navbar-nav navbar-center">
31
+ <li><a href="#home">Home</a></li>
32
+ <li><a href="#features">Features</a></li>
33
+ <li><a href="#reviews">Reviews</a></li>
34
+ <li><a href="#download">Download</a></li>
35
+ </ul>
36
+ </div><!-- /.navbar-collapse -->
37
+ </div>
38
+ </nav>
39
+ </div>
40
+ <div class="divider"></div>
41
+ <div class="col-md-12">
42
+ <div class="main_footer text-center p-top-40 p-bottom-30">
43
+ <p class="wow fadeInRight" data-wow-duration="1s">
44
+ Made with
45
+ <i class="fa fa-heart"></i>
46
+ by
47
+ <a target="_blank" href="http://bootstrapthemes.co">Bootstrap Themes</a>
48
+ 2016. All Rights Reserved
49
+ </p>
50
+ </div>
51
+ </div>
52
+ </div>
53
+ </div>
54
+ </footer>
@@ -0,0 +1,29 @@
1
+ <meta charset="utf-8">
2
+ <title>Weather App Landing page</title>
3
+ <meta name="description" content="">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1">
5
+ <link rel="icon" type="image/png" href="favicon.ico">
6
+
7
+ <!--Google Font link-->
8
+ <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
9
+
10
+
11
+ <link rel="stylesheet" href="assets/css/swiper.min.css">
12
+ <link rel="stylesheet" href="assets/css/animate.css">
13
+ <link rel="stylesheet" href="assets/css/iconfont.css">
14
+ <link rel="stylesheet" href="assets/css/font-awesome.min.css">
15
+ <link rel="stylesheet" href="assets/css/bootstrap.min.css">
16
+ <link rel="stylesheet" href="assets/css/magnific-popup.css">
17
+ <link rel="stylesheet" href="assets/css/bootsnav.css">
18
+
19
+
20
+
21
+ <!--For Plugins external css-->
22
+ <!--<link rel="stylesheet" href="assets/css/plugins.css" />-->
23
+ <!--Theme custom css -->
24
+ <link rel="stylesheet" href="assets/css/style.css">
25
+
26
+ <!--Theme Responsive css-->
27
+ <link rel="stylesheet" href="assets/css/responsive.css" />
28
+
29
+ <script src="assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
@@ -0,0 +1,35 @@
1
+ <!--Home Sections-->
2
+
3
+ <section id="home" class="home">
4
+ <div class="container">
5
+ <div class="row">
6
+ <div class="main_home">
7
+ <div class="col-md-6">
8
+ <div class="home_text">
9
+ <h1 class="text-white">Get the most fun weather app</h1>
10
+ </div>
11
+
12
+ <div class="home_btns m-top-40">
13
+ <a href="" class="btn btn-danger m-top-20">Download</a>
14
+ <a href="" class="btn btn-primary m-top-20">Features</a>
15
+ </div>
16
+ </div>
17
+
18
+ <div class="col-md-6">
19
+ <div class="phone_one phone_attr1 text-center sm-m-top-50">
20
+ <div class="attr_deg">9&deg;</div>
21
+ <div class="attr_rio text-uppercase">Rio</div>
22
+ <div class="attr_sun text-uppercase text-white">Sunny</div>
23
+ <div class="attr_lon text-uppercase text-white">London</div>
24
+ <img src="assets/images/phone01.png" alt="" />
25
+ </div>
26
+ </div>
27
+
28
+ </div>
29
+ <div class="scrooldown">
30
+ <a href="#features"><i class="fa fa-chevron-down"></i></a>
31
+ </div>
32
+
33
+ </div><!--End off row-->
34
+ </div><!--End off container -->
35
+ </section> <!--End off Home Sections-->
@@ -0,0 +1,38 @@
1
+ <nav class="navbar navbar-default bootsnav navbar-fixed white no-background">
2
+ <div class="container">
3
+
4
+ <!-- Start Atribute Navigation -->
5
+ <div class="attr-nav">
6
+ <ul>
7
+ <li><a href="#"><i class="fa fa-facebook"></i></a></li>
8
+ <li><a href="#"><i class="fa fa-instagram"></i></a></li>
9
+ <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
10
+ </ul>
11
+ </div>
12
+ <!-- End Atribute Navigation -->
13
+
14
+
15
+ <!-- Start Header Navigation -->
16
+ <div class="navbar-header">
17
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
18
+ <i class="fa fa-bars"></i>
19
+ </button>
20
+ <a class="navbar-brand" href="#brand">
21
+ <img src="assets/images/logo.png" class="logo logo-display" alt="">
22
+ <img src="assets/images/footer-logo.png" class="logo logo-scrolled" alt="">
23
+ </a>
24
+
25
+ </div>
26
+ <!-- End Header Navigation -->
27
+
28
+ <!-- navbar menu -->
29
+ <div class="collapse navbar-collapse" id="navbar-menu">
30
+ <ul class="nav navbar-nav navbar-center">
31
+ <li><a href="#home">Home</a></li>
32
+ <li><a href="#features">Features</a></li>
33
+ <li><a href="#reviews">Reviews</a></li>
34
+ <li><a href="#download">Download</a></li>
35
+ </ul>
36
+ </div><!-- /.navbar-collapse -->
37
+ </div>
38
+ </nav>
@@ -0,0 +1,54 @@
1
+ <!--People Section-->
2
+ <section id="reviews" class="reviews m-top-100">
3
+ <div class="container">
4
+ <div class="row">
5
+ <div class="main_reviews">
6
+ <div class="col-md-8 col-md-offset-2 col-sm-12">
7
+ <div class="head_title text-center">
8
+ <h2>What reviews are saying</h2>
9
+ <h5>Reviews</h5>
10
+ </div>
11
+ </div>
12
+
13
+ <div class="reviews_content">
14
+ <div class="col-md-6">
15
+ <div class="reviews_item m-top-40">
16
+ <div class="reviews_item_icon pull-left">“</div>
17
+ <h3>What art offers is space - a certain breathing room for the spirit. </h3>
18
+ <h5>John Updike</h5>
19
+ <div class="reviews_item_icon1 pull-right text-right">“</div>
20
+ </div>
21
+ </div><!-- End off col-md-6 -->
22
+
23
+ <div class="col-md-6">
24
+ <div class="reviews_item m-top-40">
25
+ <div class="reviews_item_icon pull-left">“</div>
26
+ <h3>We do not see nature with our eyes,
27
+ but with our understandings and our hearts.</h3>
28
+ <h5>William Hazlitt</h5>
29
+ <div class="reviews_item_icon1 pull-right text-right">“</div>
30
+ </div>
31
+ </div><!-- End off col-md-6 -->
32
+ <div class="col-md-6">
33
+ <div class="reviews_item m-top-40">
34
+ <div class="reviews_item_icon pull-left">“</div>
35
+ <h3>The only courage that matters is the kind
36
+ that gets you from one moment to the next.</h3>
37
+ <h5>Mignon McLaughlin</h5>
38
+ <div class="reviews_item_icon1 pull-right text-right">“</div>
39
+ </div>
40
+ </div><!-- End off col-md-6 -->
41
+ <div class="col-md-6">
42
+ <div class="reviews_item m-top-40">
43
+ <div class="reviews_item_icon pull-left">“</div>
44
+ <h3>No man has a good enough memory to be a successful liar. </h3>
45
+ <h5>Abraham Lincoln</h5>
46
+ <div class="reviews_item_icon1 pull-right text-right">“</div>
47
+ </div>
48
+ </div><!-- End off col-md-6 -->
49
+
50
+ </div>
51
+ </div><!-- End off Main People -->
52
+ </div><!-- End off row -->
53
+ </div><!-- End off container -->
54
+ </section><!-- End off People Section-->
@@ -0,0 +1,104 @@
1
+
2
+ <!--screen short section-->
3
+
4
+ <section id="screen_area" class="screen_area">
5
+ <div class="container">
6
+ <div class="row">
7
+ <div class="main_screen">
8
+ <div class="col-md-8 col-md-offset-2 col-sm-12">
9
+ <div class="head_title text-center">
10
+ <h2>Screenshots</h2>
11
+ <h5>The brightest images</h5>
12
+ </div>
13
+ </div>
14
+
15
+ <!-- Screen01-->
16
+ <div class="screen01 roomy-50">
17
+ <div class="col-md-6">
18
+ <div class="screen01_img text-center">
19
+ <div class="attr_cloudy text-white">Cloudy</div>
20
+ <div class="attr_deg2 text-white">15 &deg;</div>
21
+ <img src="assets/images/screen01.png" alt="" />
22
+ <h1 class="cloudy">Cloudy</h1>
23
+ </div>
24
+ </div>
25
+ <div class="col-md-6">
26
+ <div class="screen01_content m-top-100">
27
+ <div class="screen01_content_img ">
28
+ <img src="assets/images/cloud1.png" alt="" />
29
+ </div>
30
+ <h2 class="m-top-40">When the clouds</h2>
31
+ <p class="m-top-20">Variable information on the air humidity, the feeling of the weather,
32
+ and the ability to share this with your friends</p>
33
+
34
+ <ul class="list-inline m-top-50">
35
+ <li class="text-center">95%</li>
36
+ <li class="text-center">9 &deg; </li>
37
+ <li class="text-center">Rainy</li>
38
+ </ul>
39
+ </div>
40
+ </div>
41
+ </div><!--End off Screen01-->
42
+
43
+ <!-- Screen02-->
44
+ <div class="screen02 roomy-50 m-top-100">
45
+ <div class="col-md-6 col-md-push-6">
46
+ <div class="screen02_img text-center">
47
+ <div class="attr_sun2 text-white">Cloudy</div>
48
+ <div class="attr_deg3 text-white">25 &deg;</div>
49
+ <img src="assets/images/screen02.png" alt="" />
50
+ <h1 class="sunny">Sunny</h1>
51
+ </div>
52
+ </div>
53
+ <div class="col-md-6 col-md-pull-6">
54
+ <div class="screen02_content m-top-100">
55
+ <div class="screen02_content_img ">
56
+ <img src="assets/images/sun1.png" alt="" />
57
+ </div>
58
+ <h2 class="m-top-40">When the clouds</h2>
59
+ <p class="m-top-20">Sometimes the simplest things are the hardest to find.
60
+ So we created a new line for everyday life. Sometimes the simplest things</p>
61
+
62
+ <ul class="list-inline m-top-50">
63
+ <li class="text-center">95%</li>
64
+ <li class="text-center">9 &deg; </li>
65
+ <li class="text-center">Rainy</li>
66
+ </ul>
67
+ </div>
68
+ </div>
69
+ </div><!--End off Screen02-->
70
+
71
+ <!-- Screen03-->
72
+ <div class="screen03 roomy-50 m-top-100">
73
+ <div class="col-md-6">
74
+ <div class="screen03_img text-center">
75
+ <div class="attr_rainy2 text-white">Rainy</div>
76
+ <div class="attr_deg4 text-white">9 &deg;</div>
77
+ <img src="assets/images/screen03.png" alt="" />
78
+ <h1 class="rainy">Rainy</h1>
79
+ </div>
80
+ </div>
81
+ <div class="col-md-6">
82
+ <div class="screen03_content m-top-100">
83
+ <div class="screen03_content_img ">
84
+ <img src="assets/images/rainy1.png" alt="" />
85
+ </div>
86
+ <h2 class="m-top-40">When the rain</h2>
87
+ <p class="m-top-20">Sometimes the simplest things are the hardest to find.
88
+ So we created a new line for everyday life.
89
+ Sometimes the simplest things</p>
90
+
91
+ <ul class="list-inline m-top-50">
92
+ <li class="text-center">95%</li>
93
+ <li class="text-center">9 &deg; </li>
94
+ <li class="text-center">Rainy</li>
95
+ </ul>
96
+ </div>
97
+ </div>
98
+ </div><!--End off Screen02-->
99
+
100
+
101
+ </div>
102
+ </div><!--End off row-->
103
+ </div><!--End off container-->
104
+ </section><!--End off Screen01 Area Section -->