weather-apps-jekyll 0.1.2 → 0.1.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE.txt +21 -0
- data/README.md +19 -0
- data/_config.yml +19 -0
- data/_includes/app-download.html +28 -0
- data/_includes/featured.html +72 -0
- data/_includes/footer.html +54 -0
- data/_includes/head.html +29 -0
- data/_includes/home.html +35 -0
- data/_includes/navbar.html +38 -0
- data/_includes/people.html +54 -0
- data/_includes/screen.html +104 -0
- data/_includes/scripts.html +15 -0
- data/_layouts/default.html +49 -0
- data/assets/css/animate.css +3303 -0
- data/assets/css/bootsnav.css +1474 -0
- data/assets/css/bootstrap.css.map +1 -0
- data/assets/css/bootstrap.min.css +5 -0
- data/assets/css/bootstrap.min.css.map +1 -0
- data/assets/css/font-awesome.min.css +4 -0
- data/assets/css/fonts/slick.eot +0 -0
- data/assets/css/fonts/slick.svg +14 -0
- data/assets/css/fonts/slick.ttf +0 -0
- data/assets/css/fonts/slick.woff +0 -0
- data/assets/css/iconfont.css +1838 -0
- data/assets/css/magnific-popup.css +391 -0
- data/assets/css/plugins.css +123 -0
- data/assets/css/responsive.css +200 -0
- data/assets/css/style.css +1309 -0
- data/assets/css/swiper.min.css +15 -0
- data/assets/fonts/FontAwesome.otf +0 -0
- data/assets/fonts/bootstrapThemesCo-icon.eot +0 -0
- data/assets/fonts/bootstrapThemesCo-icon.svg +631 -0
- data/assets/fonts/bootstrapThemesCo-icon.ttf +0 -0
- data/assets/fonts/bootstrapThemesCo-icon.woff +0 -0
- data/assets/fonts/fontawesome-webfont.eot +0 -0
- data/assets/fonts/fontawesome-webfont.svg +2671 -0
- data/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/assets/fonts/fontawesome-webfont.woff +0 -0
- data/assets/fonts/fontawesome-webfont.woff2 +0 -0
- data/assets/images/appdownload.png +0 -0
- data/assets/images/appdownload1.png +0 -0
- data/assets/images/appstor.png +0 -0
- data/assets/images/bodybg.png +0 -0
- data/assets/images/cloud1.png +0 -0
- data/assets/images/downloadbg.png +0 -0
- data/assets/images/drag1.png +0 -0
- data/assets/images/drag2.png +0 -0
- data/assets/images/drag3.png +0 -0
- data/assets/images/footer-logo.png +0 -0
- data/assets/images/googleplay.png +0 -0
- data/assets/images/homebg.png +0 -0
- data/assets/images/logo.png +0 -0
- data/assets/images/phone01.png +0 -0
- data/assets/images/phone1.png +0 -0
- data/assets/images/rainy1.png +0 -0
- data/assets/images/screen01.png +0 -0
- data/assets/images/screen02.png +0 -0
- data/assets/images/screen03.png +0 -0
- data/assets/images/sun1.png +0 -0
- data/assets/images/test1.png +0 -0
- data/assets/js/bootsnav.js +578 -0
- data/assets/js/jquery.collapse.js +176 -0
- data/assets/js/jquery.easing.1.3.js +205 -0
- data/assets/js/jquery.magnific-popup.js +2062 -0
- data/assets/js/main.js +107 -0
- data/assets/js/plugins.js +85 -0
- data/assets/js/swiper.min.js +18 -0
- data/assets/js/vendor/bootstrap.min.js +7 -0
- data/assets/js/vendor/jquery-1.11.2.min.js +4 -0
- data/assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js +11 -0
- metadata +72 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f0ac9ca3190232da395ee03ab4c60edec5c835bba12c7a2788c50efc4ddc9b91
|
|
4
|
+
data.tar.gz: 67b02c6f964fec4d4bbe5c425558effc968f00fcb8e57df3966e9afdbe75f311
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 43a088cae1ca81f6fab9adae717a73d51ce96d59de12778237b782b6d6780faeb344768366987927cb1c31aa6329fae67f78f989d8af026a98d6d5b3dfef88ea
|
|
7
|
+
data.tar.gz: 956d1ef591336f6c257ffa481a1920273b3b4b3fd9a90e1070649663551d19ec54b7845577d9c160e4407a58a49eb3ca8a4d1405f3359b97eee4d4eb16d793cc
|
data/LICENSE.txt
ADDED
|
@@ -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.
|
data/README.md
ADDED
|
@@ -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
|
+
[](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```.
|
data/_config.yml
ADDED
|
@@ -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>
|
data/_includes/head.html
ADDED
|
@@ -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>
|
data/_includes/home.html
ADDED
|
@@ -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°</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 °</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 ° </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 °</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 ° </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 °</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 ° </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 -->
|