Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1e1211f
commit 0226852
Showing
60 changed files
with
13,806 additions
and
173 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,267 @@ | ||
| @media screen and (max-width: 1200px) { | ||
| .description-tab { | ||
| .nav-tabs { | ||
| margin-right: 20px; | ||
| } | ||
| .tab-content { | ||
| width: calc(100% - 140px); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| @media screen and (max-width: 991px) { | ||
| .display-flex { | ||
| display: block; | ||
| float: left; | ||
| width: 100%; | ||
| } | ||
| .navbar-nav > li > a { | ||
| padding: 20px 12px; | ||
| } | ||
| .navbar-default .navbar-nav > li > a { | ||
| font-size: 1.4rem; | ||
| } | ||
| .nav-download a { | ||
| margin-left: 12px; | ||
| } | ||
| .cta-section { | ||
| text-align: center; | ||
| } | ||
| .cta-heading { | ||
| margin-bottom: 30px; | ||
| } | ||
| .trial-form { | ||
| text-align: center; | ||
| .btn { | ||
| float: none; | ||
| } | ||
| } | ||
| .intro { | ||
| padding-left: 15px; | ||
| padding-right: 15px; | ||
| } | ||
| .feature + .feature { | ||
| margin-top: 60px; | ||
| } | ||
| .mock-group-2 { | ||
| max-width: 490px; | ||
| margin: 0 auto; | ||
| } | ||
| .more-features { | ||
| margin-top: 60px; | ||
| } | ||
| .float-left { | ||
| float: left; | ||
| width: 100%; | ||
| } | ||
| .mock-group-3 { | ||
| float: none; | ||
| margin: 60px auto 0 auto; | ||
| } | ||
| .price-plan { | ||
| font-size: 2.4rem; | ||
| padding: 20px 12px; | ||
| } | ||
| .plan-price { | ||
| font-size: 2rem; | ||
| padding: 15px 12px; | ||
| } | ||
| .price-cycle { | ||
| font-size: 1.6rem; | ||
| } | ||
| .plan-feature { | ||
| margin: 0; | ||
| } | ||
| .download-area .button-group .btn { | ||
| padding: 10px 24px; | ||
| + .btn { | ||
| margin-left: 24px; | ||
| } | ||
| } | ||
| .ask-question { | ||
| margin-top: 60px; | ||
| } | ||
| .post-title { | ||
| margin-top: 25px; | ||
| } | ||
| .child-comments { | ||
| padding-left: 60px; | ||
| } | ||
| } | ||
|
|
||
| @media screen and (max-width: 767px) { | ||
| h1, .flex_text li { | ||
| font-size: 2.4rem; | ||
| } | ||
| .section-padding, .section-padding-extra { | ||
| padding: 60px 0; | ||
| } | ||
| .section-heading { | ||
| margin-bottom: 40px; | ||
| } | ||
| .section-title { | ||
| font-size: 3rem; | ||
| } | ||
| .navbar-default .navbar-toggle { | ||
| border-color: #1193d4; | ||
| margin-top: 13px; | ||
| margin-bottom: 13px; | ||
| .icon-bar, &:focus, &:hover { | ||
| background-color: #1193d4; | ||
| } | ||
| &:focus .icon-bar, &:hover .icon-bar { | ||
| background-color: #ffffff; | ||
| } | ||
| } | ||
| .navbar-toggle { | ||
| width: auto !important; | ||
| } | ||
| .navbar-default { | ||
| .navbar-collapse, .navbar-form { | ||
| position: absolute; | ||
| left: 15px; | ||
| right: 15px; | ||
| background-color: #ffffff; | ||
| } | ||
| } | ||
| .navbar-nav > li > a { | ||
| padding: 12px; | ||
| } | ||
| .nav-download a { | ||
| margin-left: 12px; | ||
| width: calc(100% - 24px); | ||
| } | ||
| .top-header h1, .flex_text, .top-header p, .device-download, .button-group { | ||
| margin-top: 25px; | ||
| } | ||
| .banner-v2 .button-group .btn + .btn { | ||
| display: block; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| width: max-content; | ||
| } | ||
| .button-group .btn + .btn { | ||
| margin-left: 0; | ||
| margin-top: 20px; | ||
| clear: left; | ||
| } | ||
| input, button { | ||
| margin-left: 0; | ||
| margin-right: 0; | ||
| display: block; | ||
| width: 100% !important; | ||
| } | ||
| input + { | ||
| input, button { | ||
| margin-top: 20px; | ||
| } | ||
| } | ||
| .trial-form input { | ||
| max-width: none; | ||
| } | ||
| .intros { | ||
| margin-bottom: -70px; | ||
| } | ||
| .intro { | ||
| margin-bottom: 70px; | ||
| } | ||
| .feature + .feature, .features .col-md-4 + .col-sm-6 { | ||
| margin-top: 40px; | ||
| } | ||
| .mock-group-2 { | ||
| max-width: 290px; | ||
| margin: 0 auto; | ||
| .back-mock { | ||
| height: 380px; | ||
| max-width: none; | ||
| width: auto; | ||
| } | ||
| .front-mock { | ||
| height: 390px; | ||
| right: 0; | ||
| } | ||
| } | ||
| .description-tab { | ||
| .nav-tabs { | ||
| display: block; | ||
| width: 100%; | ||
| margin: 0 -5px 60px -5px; | ||
| > li { | ||
| margin: 0 5px; | ||
| > a { | ||
| width: 60px; | ||
| height: 60px; | ||
| line-height: 57px; | ||
| &:after { | ||
| border-width: 25px 15px 25px 15px; | ||
| border-color: #1193d4 transparent transparent transparent; | ||
| right: auto; | ||
| left: 50%; | ||
| top: 100%; | ||
| transform: translate(-50%, -25%); | ||
| } | ||
| } | ||
| &.active > a { | ||
| &:after, &:focus:after, &:hover:after { | ||
| transform: translate(-50%, 0); | ||
| } | ||
| } | ||
| } | ||
| } | ||
| .tab-content { | ||
| width: 100%; | ||
| } | ||
| } | ||
| .mock-group-3 { | ||
| max-width: 290px; | ||
| .back-mock { | ||
| height: 403px; | ||
| } | ||
| } | ||
| .download-area .button-group .btn { | ||
| width: 100%; | ||
| + .btn { | ||
| margin-left: 0; | ||
| } | ||
| } | ||
| .team-members { | ||
| margin-bottom: -100px; | ||
| } | ||
| .team-member { | ||
| margin-bottom: 100px; | ||
| } | ||
| .cta-2 .cta-heading { | ||
| margin-right: 0; | ||
| } | ||
| .subscribe-form input[type="email"] { | ||
| max-width: none; | ||
| border-radius: 4px; | ||
| } | ||
| footer { | ||
| padding-top: 60px; | ||
| padding-bottom: 30px; | ||
| .socials { | ||
| margin-top: 40px; | ||
| } | ||
| .social { | ||
| font-size: 2rem; | ||
| height: 40px; | ||
| width: 40px; | ||
| line-height: 40px; | ||
| + .social { | ||
| margin-left: 8px; | ||
| } | ||
| } | ||
| } | ||
| .copyright { | ||
| margin-top: 40px; | ||
| } | ||
| .searchform button[type=submit] { | ||
| margin-top: 0; | ||
| width: auto !important; | ||
| } | ||
| .comment-body { | ||
| width: 100%; | ||
| margin-top: 20px; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| <template> | ||
| <footer> | ||
| <div class="container text-center"> | ||
| <a class="logo-footer wow animated fadeInDown" data-wow-duration="1.5s" href="#"> | ||
| <img src="img/template/logo-footer.png" alt="..."> | ||
| </a> | ||
| <div class="socials wow animated fadeIn" data-wow-duration="1.5s"> | ||
| <a href="#" class="social"> | ||
| <i class="fa fa-facebook"></i> | ||
| </a> | ||
| <a href="#" class="social"> | ||
| <i class="fa fa-twitter"></i> | ||
| </a> | ||
| <a href="#" class="social"> | ||
| <i class="fa fa-google-plus"></i> | ||
| </a> | ||
| <a href="#" class="social"> | ||
| <i class="fa fa-pinterest"></i> | ||
| </a> | ||
| <a href="#" class="social"> | ||
| <i class="fa fa-linkedin"></i> | ||
| </a> | ||
| </div> | ||
| <p class="copyright wow animated fadeInUp" data-wow-duration="1.5s">© GEO 2017. All Rights Reserved.</p> | ||
| </div> | ||
| </footer> | ||
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| <template> | ||
| <!--------------- Header --------------> | ||
| <header id="top-header" class="top-header section-bg"> | ||
| <div class="verticle-center"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="display-flex"> | ||
| <div class="col-lg-7 col-md-6"> | ||
| <a class="logo" href="#"> | ||
| <img src="img/template/logo.png" alt="..."> | ||
| </a> | ||
| <h1>Showcase your beautiful app with | ||
| <b>geo</b> | ||
| </h1> | ||
| <p>Geo is one of the creative and clean app landing page to present your awesome app. it’s now available in app | ||
| stores and also in play stores.</p> | ||
| <div class="device-download"> | ||
| <a href="#"> | ||
| <i class="fa fa-android"></i> | ||
| </a> | ||
| <a href="#"> | ||
| <i class="fa fa-apple"></i> | ||
| </a> | ||
| <a href="#"> | ||
| <i class="fa fa-windows"></i> | ||
| </a> | ||
| </div> | ||
| <div class="button-group"> | ||
| <a class="btn btn-white" href="#">Download Now</a> | ||
| <a class="btn btn-orange" href="#">Take a Tour</a> | ||
| </div> | ||
| </div> | ||
| <div class="col-lg-5 col-md-6 hidden-sm hidden-xs"> | ||
| <div class="mock-group mock-group-1"> | ||
| <img class="front-mock wow animated fadeInLeft" data-wow-delay="0.5s" data-wow-duration="1.5s" src="img/mocks/1-front.png" | ||
| alt="..."> | ||
| <img class="back-mock wow animated fadeInUp" data-wow-duration="1.5s" src="img/mocks/1-back.png" alt="..."> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </header> | ||
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| <template> | ||
| <!--------------- Navbar --------------> | ||
| <nav class="navbar navbar-default"> | ||
| <div class="container"> | ||
|
|
||
| <!--------------- Brand and toggle --------------> | ||
| <div class="navbar-header"> | ||
| <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav-collapse" aria-expanded="false"> | ||
| <span class="sr-only">Toggle navigation</span> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| </button> | ||
| <a class="navbar-brand" href="index.html">GEO</a> | ||
| </div> | ||
|
|
||
| <!--------------- Main Nav --------------> | ||
| <div class="collapse navbar-collapse" id="main-nav-collapse"> | ||
| <ul class="nav navbar-nav navbar-right"> | ||
| <li class="active"> | ||
| <a href="#intro-area">Intro</a> | ||
| </li> | ||
| <li> | ||
| <a href="#features-area">Feature</a> | ||
| </li> | ||
| <li> | ||
| <a href="#description-area">Description</a> | ||
| </li> | ||
| <li> | ||
| <a href="#screenshot-area">Screenshots</a> | ||
| </li> | ||
| <li> | ||
| <a href="#download-area">Download</a> | ||
| </li> | ||
| <li> | ||
| <a href="#contact-area">Contact</a> | ||
| </li> | ||
| <li class="nav-download"> | ||
| <a href="#">Download</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| <template> | ||
| <div id="faceoff"> | ||
| <div id="preloader"></div> | ||
| <div class="preloader-section"></div> | ||
| </div> | ||
| </template> |
Oops, something went wrong.