-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·1 lines (1 loc) · 12.4 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="With GearPrice it's now possible to know when one or more of your products from GearBest drops its price without the need for checking it all the time. Simply add the product to the wishlist and when the price drops we will notify you. Download it now from the Play Store or the App Store" name="description"> <meta content="gearbest, gearprice, gear, best, price, products, lists, save, savings, import, buy, app, mobile, app store, play store, play, store" name="keywords"> <meta content="https://gearprice.devapps.solutions/img/logo-light.png" property="og:image"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet"> <link rel="stylesheet" href="css/icon-font.css"> <link rel="stylesheet" href="css/style.css"> <link rel="shortcut icon" type="image/png" href="img/favicon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f58f18"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <title>GearPrice</title></head><body><div class="navigation"> <input type="checkbox" class="navigation__checkbox" id="navi-toggle"> <label for="navi-toggle" class="navigation__button"> <span class="navigation__icon" form> </span> </label> <div class="navigation__background"> </div><nav class="navigation__nav"> <ul class="navigation__list"> <li class="navigation__item"> <a href="#section-stores" class="navigation__link"> <span>01</span>Get the app</a> </li><li class="navigation__item"> <a href="#section-features" class="navigation__link"> <span>02</span>Features</a> </li><li class="navigation__item"> <a href="#section-team" class="navigation__link"> <span>03</span>About us</a> </li><li class="navigation__item"> <a href="#section-contact-us" class="navigation__link"> <span>04</span>Contact us</a> </li><li class="navigation__item"> <a href="#footer" class="navigation__link"> <span>05</span>Terms & Attributions</a> </li></ul> </nav></div><div class="logo-box"> <img src="img/logo-light.png" alt="Logo" class="header__logo"></div><header class="header"> <div class="header__logo-box"> <img src="img/logo-light.png" alt="Logo" class="header__logo"> </div><div class="header__text-box"> <h1 class="heading-primary"> <span class="heading-primary--main">GearPrice</span> <span class="heading-primary--sub">Find new products at the best price</span> </h1> <a id="download-now" href="#section-stores" class="btn btn--white btn--animated">Get it now</a> </div></header><main> <section id="section-stores" class="section-stores"> <div class="u-center-text u-margin-bottom-big"> <h2 class="heading-secondary"> Available on Google Play and App Store </h2> </div><div class="row"> <div class="col-1-of-3" style="text-align: center;"> <h3 class="heading-tertiary u-margin-bottom-small">Android app on Google Play.</h3> <p class="paragraph"> <a href='http://bit.ly/2Gguj2y' target="_blank"> <img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' style="width: 25rem"/> </a> </p><h3 class="heading-tertiary u-margin-bottom-small">IOS App on the App Store</h3> <p class="paragraph" style="padding-top: 2rem"> <a href='https://apple.co/2G49lAz' target="_blank" style="padding: 2rem"> <img alt='Get it on the App Store' src='img/download-app-store.svg' style="width: 20rem"/> </a> </p></div><div class="col-2-of-3" style="text-align: center;"> <div class="iframe-wrapper"> <iframe width="854" height="480" src="https://www.youtube.com/embed/Q8RBinoo7D0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div></div></div></section> <section id="section-features" class="section-features"> <div class="row"> <div class="col-1-of-4"> <div class="feature-box"> <i class="feature-box__icon icon-ecommerce-euro"></i> <h3 class="heading-tertiary u-margin-bottom-small">Best Price</h3> <p class="feature-box__text"> Follow your favorite products and buy them at the best price. </p></div></div><div class="col-1-of-4"> <div class="feature-box"> <i class="feature-box__icon icon-basic-message"></i> <h3 class="heading-tertiary u-margin-bottom-small">Price Notification</h3> <p class="feature-box__text"> You will be notified when the price of your favorite products drop! </p></div></div><div class="col-1-of-4"> <div class="feature-box"> <i class="feature-box__icon icon-ecommerce-graph3"></i> <h3 class="heading-tertiary u-margin-bottom-small">Statistics</h3> <p class="feature-box__text"> See the price history of your products and find the best time to buy it! </p></div></div><div class="col-1-of-4"> <div class="feature-box"> <i class="feature-box__icon icon-basic-share"></i> <h3 class="heading-tertiary u-margin-bottom-small">Social</h3> <p class="feature-box__text"> Share with your friends the best deals! <br><br></p></div></div></div></section> <section id="section-screens" class="section-screens"> <div class="u-center-text u-margin-bottom-big"> <h2 class="heading-secondary"> See some of the screenshots of our awesome app. </h2> </div><div class="row"> <div class="col-1-of-3"> <div class="card"> <div class="card__side card__side--front card__side--front-1"> </div><div class="card__side card__side--back card__side--back-1"> <div class="card__cta"> <div class="card__price-box"> <p class="card__price-value">Use any currency you want</p></div></div></div></div></div><div class="col-1-of-3"> <div class="card"> <div class="card__side card__side--front card__side--front-2"> </div><div class="card__side card__side--back card__side--back-2"> <div class="card__cta"> <div class="card__price-box"> <p class="card__price-value">View the product price history</p></div></div></div></div></div><div class="col-1-of-3"> <div class="card"> <div class="card__side card__side--front card__side--front-3"> </div><div class="card__side card__side--back card__side--back-3"> <div class="card__cta"> <div class="card__price-box"> <p class="card__price-value">Follow your GB products</p></div></div></div></div></div></div></section> <section id="section-team" class="section-team"> <div class="bg-video"> <video class="bg-video__content" autoplay muted loop> <source src="img/Busy-People.mp4" type="video/mp4"> <source src="img/Busy-People.webm" type="video/webm"> Your browser is not supported </video> </div><div class="u-center-text u-margin-bottom-big"> <h2 class="heading-secondary"> The Team </h2> </div><div class="row"> <div class="story"> <figure class="story__shape"> <img src="img/rite.png" alt="Person on tour" class="story__image"> <figcaption class="story__caption">Rita Serra</figcaption> </figure> <div class="story__text"> <h3 class="heading-tertiary u-margin-bottom-small">Mommy & Designer</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste provident, veritatis! Aliquam dolorem eum iusto. </p></div></div></div><div class="row"> <div class="story"> <figure class="story__shape"> <img src="img/sousa.jpeg" alt="Person on tour" class="story__image"> <figcaption class="story__caption">João Sousa</figcaption> </figure> <div class="story__text"> <h3 class="heading-tertiary u-margin-bottom-small">Guitar Hero & Backend Developer</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste provident, veritatis! Aliquam dolorem eum iusto.</p></div></div></div><div class="row"> <div class="story"> <figure class="story__shape"> <img src="img/ivo.jpg" alt="Person on tour" class="story__image"> <figcaption class="story__caption">Ivo Oliveira</figcaption> </figure> <div class="story__text"> <h3 class="heading-tertiary u-margin-bottom-small">Awesome FIFA Player & Android Developer</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste provident, veritatis! Aliquam dolorem eum iusto.</p></div></div></div><div class="row"> <div class="story"> <figure class="story__shape"> <img src="img/david.jpeg" alt="Person on tour" class="story__image"> <figcaption class="story__caption">David Alecrim</figcaption> </figure> <div class="story__text"> <h3 class="heading-tertiary u-margin-bottom-small">Pool Star & IOS Developer</h3> <p>Just a developer with a passion for the JavaScript world in Web and Mobile. Occasionally a very good pool player too. More info in <a href="https://www.linkedin.com/in/david-alecrim-695374a6" target="_blank" class="btn-text btn-text--green">here</a> </p></div></div></div><div class="row"> <div class="story"> <figure class="story__shape"> <img src="img/luis.jpg" alt="Person on tour" class="story__image"> <figcaption class="story__caption">Luis Oliveira</figcaption> </figure> <div class="story__text"> <h3 class="heading-tertiary u-margin-bottom-small">Web addict & Javascript Developer</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste provident, veritatis! Aliquam dolorem eum iusto.</p></div></div></div></section> <section id="section-contact-us" class="section-contact-us"> <div class="row"> <div class="book"> <div class="book__form"> <div class="u-margin-bottom-medium"> <h2 class="heading-secondary"> Get in touch </h2> </div><form action="/message" method="post" class="form"> <div class="form__group"> <input id="name" type="text" class="form__input" placeholder="Full Name" name="name" required> <label for="name" class="form__label">Full Name</label> </div><div class="form__group"> <input id="email" type="email" class="form__input" placeholder="Email Address" name="email" required> <label for="email" class="form__label">Email Address</label> </div><div class="form__group u-margin-bottom-small"> <textarea id="body" class="form__input" placeholder="Message" rows="5" name="message" required></textarea> <label for="body" class="form__label">Message</label> </div><div class="form__group"> <button class="btn btn--green">Send →</button> </div></form> </div></div></div></section></main><footer id="footer" class="footer"> <div class="footer__logo-box"> <img src="img/logo-light.png" alt="Full logo" class="footer__logo"> </div><div class="row"> <div class="col-2-of-3"> <div class="footer__navigation"> <ul class="footer__list"> <li class="footer__item"> <a class="footer__link" href="#section-stores">Get the app</a> </li><li class="footer__item"> <a class="footer__link" href="#section-features">Features</a> </li><li class="footer__item"> <a class="footer__link" href="#section-team">About US</a> </li><li class="footer__item"> <a class="footer__link" href="#section-contact-us">Contact us</a> </li><li class="footer__item"> <a class="footer__link" href="#popup">Terms & Attributions</a> </li></ul> </div></div><div class="col-1-of-3"> <p class="footer__copyright"> Copyright © 2018. <a id="webpaquitos" href="https://github.com/WebPaquitos" target="_blank" class="footer__link">Web Paquitos</a>. <br>All rights reserved. <br>Check also <a class="footer__link" href="#popup">Credits & Attributions</a> </p></div></div></footer><div id="popup" class="popup"> <div class="popup__content"> <div class="popup__left"> <img src="img/pop-up-image.jpg" alt="tour photo" class="popup__img"> </div><div class="popup__right"> <a href="#footer" class="popup__close">×</a> <h2 class="heading-secondary u-margin-bottom-small">Terms, Credits and Attributions</h2> <h3 class="heading-tertiary u-margin-bottom-small">Important – No terms apply (...yet)</h3> <p class="popup__text"> Design heavily inspired by the work of <a href="https://codingheroes.io">Jonas Schmedtmann</a>, the man rocks. <br>Background video from <a href="http://www.coverr.co" target="_blank">Coverr</a> and images from <a href="https://unsplash.com" target="_blank">Unsplash</a>. <br>Mail Boxes Photo by Kristina Tripkovic, <br>Table with gadgets Photo by Héctor Martínez, <br>A person in a hoodie using a phone at a table over coffee Photo by Maliha Mannan. </p></div></div></div><script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script><script src="js/app_min.js"></script><script async src="https://www.googletagmanager.com/gtag/js?id=UA-116899706-1"></script><script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'UA-116899706-1');</script></body></html>