add maitre files and basic config
This commit is contained in:
parent
6e6fef1d44
commit
1fb6f20946
|
@ -42,7 +42,7 @@ gulp.task('scripts', function() {
|
||||||
'src/libs/modernizr/modernizr-custom.js',
|
'src/libs/modernizr/modernizr-custom.js',
|
||||||
'src/libs/waypoints/waypoints.min.js',
|
'src/libs/waypoints/waypoints.min.js',
|
||||||
'src/libs/swiper/js/swiper.min.js',
|
'src/libs/swiper/js/swiper.min.js',
|
||||||
'src/libs/mailchimp/mc-validate.js'
|
//'src/libs/mailchimp/mc-validate.js'
|
||||||
])
|
])
|
||||||
.pipe(plumber())
|
.pipe(plumber())
|
||||||
.pipe(concat('libs.min.js'))
|
.pipe(concat('libs.min.js'))
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,40 @@
|
||||||
|
(function() {
|
||||||
|
|
||||||
|
var script = document.querySelector('[data-maitre]');
|
||||||
|
|
||||||
|
var div = document.createElement('div');
|
||||||
|
div.className = "maitre-widget-container";
|
||||||
|
script.parentNode.insertBefore(div, script.nextSibling);
|
||||||
|
|
||||||
|
if(window.Maitre === undefined || !Maitre.hasOwnProperty("uuid")) {
|
||||||
|
div.innerHTML = 'Maitre Widget isn\'t configured properly.<br/>Please check the <a href="https://maitreapp.co/docs">Documentation</a>.';
|
||||||
|
} else {
|
||||||
|
|
||||||
|
if (Maitre.hasOwnProperty("callbacks") && Maitre.callbacks.hasOwnProperty("onLoad")) { Maitre.callbacks.onLoad(); }
|
||||||
|
|
||||||
|
Maitre.host = Maitre.host || (window.location.origin + window.location.pathname);
|
||||||
|
|
||||||
|
var widget_assets = "https://maitreapp.co/widget_assets.js?v="+ new Date().getTime() +"&widget_id="+Maitre.uuid+"&hosting_url="+encodeURIComponent(Maitre.host);
|
||||||
|
var url = window.location.href;
|
||||||
|
var referral = /maitre-widget-referral=([^&]+)/.exec(url) || /mwr=([^&]+)/.exec(url);
|
||||||
|
var source = /maitre-widget-source=([^&]+)/.exec(url) || /mws=([^&]+)/.exec(url);
|
||||||
|
|
||||||
|
if (Maitre.hasOwnProperty("source") && Maitre.source.trim() != "") {
|
||||||
|
widget_assets += "&source="+encodeURIComponent(Maitre.source.toLowerCase().replace(/ /gi, "_"));
|
||||||
|
} else if (source) {
|
||||||
|
widget_assets += "&source="+source[1];
|
||||||
|
}
|
||||||
|
|
||||||
|
if (Maitre.hasOwnProperty("test_mode") && Maitre.test_mode) {
|
||||||
|
widget_assets += "&test_mode=true";
|
||||||
|
}
|
||||||
|
|
||||||
|
if (referral) { widget_assets += "&referral="+referral[1]; }
|
||||||
|
|
||||||
|
var script_tag = document.createElement('script');
|
||||||
|
script_tag.setAttribute("type","text/javascript");
|
||||||
|
script_tag.setAttribute("src", widget_assets);
|
||||||
|
(document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
|
||||||
|
}
|
||||||
|
|
||||||
|
})();
|
|
@ -0,0 +1,698 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="no-js" lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<meta charset="utf-8">
|
||||||
|
|
||||||
|
<title>Status</title>
|
||||||
|
<meta name="description" content="The mobile light-client">
|
||||||
|
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
|
||||||
|
<link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
|
||||||
|
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script type="text/javascript"
|
||||||
|
src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
|
||||||
|
</script>
|
||||||
|
<![endif]-->
|
||||||
|
|
||||||
|
<link href="https://fonts.googleapis.com/css?family=Roboto:500,300,400" rel="stylesheet" type="text/css">
|
||||||
|
<script>
|
||||||
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
|
ga('create', 'UA-79146816-1', 'auto');
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- build:css css/main.min.css -->
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<!-- endbuild -->
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<section class="section-table"> <!-- section-header -->
|
||||||
|
<div class="table-center">
|
||||||
|
<div class="header-wrapper">
|
||||||
|
<header class="main-header clearfix">
|
||||||
|
<div class="logo-wrapper">
|
||||||
|
<div class="main-logo">
|
||||||
|
<a href="#"><img src="img/logo@2x.png" width="43" height="39" srcset="img/logo@2x.png 2x" alt="Status"></a>
|
||||||
|
</div>
|
||||||
|
<div class="logo-shadow"></div>
|
||||||
|
</div>
|
||||||
|
<div class="main-navigation">
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#">Jobs</a></li>
|
||||||
|
<li><a href="#">Features</a></li>
|
||||||
|
<li><a href="#">About</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="table-left">
|
||||||
|
<div class="status">
|
||||||
|
<div class="status-text">
|
||||||
|
<h1>Status, more than a mobile wallet.</h1>
|
||||||
|
<p>Status is a browser, messenger, and gateway to the decentralised world of Ethereum.</p>
|
||||||
|
</div>
|
||||||
|
<div class="status-email">
|
||||||
|
<div class="email">
|
||||||
|
<div class="maitre-widget-container">
|
||||||
|
<form action="https://maitreapp.co/widget_data" method="POST" data-maitre-form>
|
||||||
|
<div class="maitre-field" data-maitre-field-email>
|
||||||
|
<input type="email" name="email" class="email-input" placeholder="Enter your email for updates">
|
||||||
|
</div>
|
||||||
|
<div class="maitre-field" data-maitre-field-submit><button type="submit" name="subscribe" class="email-button" data-maitre-submit-button></button></div>
|
||||||
|
</form>
|
||||||
|
<div data-maitre-content>
|
||||||
|
<h2 data-maitre-header></h2>
|
||||||
|
<p data-maitre-verification>We have sent you a confirmation email.<br>You have 15 minutes to confirm your position.</p>
|
||||||
|
<h4 data-maitre-people-ahead-number></h4>
|
||||||
|
<p data-maitre-people-ahead-text></p>
|
||||||
|
<h4 data-maitre-people-behind-number></h4>
|
||||||
|
<p data-maitre-people-behind-text></p>
|
||||||
|
|
||||||
|
<p data-maitre-instructions></p>
|
||||||
|
|
||||||
|
<div data-maitre-share-container>
|
||||||
|
<a href="#" data-maitre-social-facebook target="_blank" class="maitre-widget-social"></a>
|
||||||
|
<a href="#" data-maitre-social-twitter target="_blank" class="maitre-widget-social"></a>
|
||||||
|
<a href="#" data-maitre-social-whatsapp target="_blank" data-action="share/whatsapp/share" class="maitre-widget-social show-mobile"></a>
|
||||||
|
<a href="#" data-maitre-social-email target="_blank" class="maitre-widget-social"></a>
|
||||||
|
<a href="#" data-maitre-social-plain class="maitre-widget-social"></a>
|
||||||
|
<div data-maitre-share-plain>
|
||||||
|
<div data-maitre-share-plain-explanation>Or share your unique code</div>
|
||||||
|
<div data-maitre-share-plain-url></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-right table-bottom">
|
||||||
|
<div class="phone-header">
|
||||||
|
<div class="phone-image phone-primary">
|
||||||
|
<div class="phone-inner-image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="phone-image phone-secondary">
|
||||||
|
<div class="phone-inner-image phone-secondary-image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="table-row mobile-hidden">
|
||||||
|
<div class="block block-white">
|
||||||
|
<div class="block1-icon">
|
||||||
|
</div>
|
||||||
|
<h3>Send, Receive, and Store Ether</h3>
|
||||||
|
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
|
||||||
|
</div>
|
||||||
|
<div class="block block-white">
|
||||||
|
<div class="block2-icon">
|
||||||
|
</div>
|
||||||
|
<h3>Browse Decentralised Apps</h3>
|
||||||
|
<p>Explore the next generation of apps, with the next generation of Browser.</p>
|
||||||
|
</div>
|
||||||
|
<div class="block block-white">
|
||||||
|
<div class="block3-icon">
|
||||||
|
</div>
|
||||||
|
<h3>Buy and Sell Ether Locally</h3>
|
||||||
|
<p>Discover nearby Status users to exchange goods, services and ideas.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Mobile Table-Row -->
|
||||||
|
|
||||||
|
<div class="section-row section-white">
|
||||||
|
<div class="mobile-slider">
|
||||||
|
<div class="swiper-container swiper1">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block block-white">
|
||||||
|
<div class="block1-icon">
|
||||||
|
</div>
|
||||||
|
<h3>Send, Receive, and Store Ether</h3>
|
||||||
|
<p>Safely secure your Ether and other Ethereum crypto-assets.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block block-white">
|
||||||
|
<div class="block2-icon">
|
||||||
|
</div>
|
||||||
|
<h3>Browse Decentralised Apps</h3>
|
||||||
|
<p>Explore the next generation of apps, with the next generation of Browser.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block block-white">
|
||||||
|
<div class="block3-icon">
|
||||||
|
</div>
|
||||||
|
<h3>Buy and Sell Ether Locally</h3>
|
||||||
|
<p>Discover nearby Status users to exchange goods, services and ideas.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-one-third">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Colourful blocks section for mobile layout
|
||||||
|
Remove or comment out if not needed
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- <section class="section-table section-white">
|
||||||
|
<div class="table-center">
|
||||||
|
<div class="table-container">
|
||||||
|
<div class="table-two-third">
|
||||||
|
<div class="mobile-section-text">
|
||||||
|
<h2>Enter a bold new world, resistant to corruption.</h2>
|
||||||
|
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mobile-slider">
|
||||||
|
<div class="swiper-container swiper1">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block block-blue">
|
||||||
|
<div class="block-blue-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Say No to Censorship</h4>
|
||||||
|
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block block-purple">
|
||||||
|
<div class="block-purple-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Blind-Trust Not Required</h4>
|
||||||
|
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block block-green">
|
||||||
|
<div class="block-green-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Encrypted and Secure</h4>
|
||||||
|
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block block-peach">
|
||||||
|
<div class="block-peach-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Web 3.0 Stack</h4>
|
||||||
|
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mobile-hidden">
|
||||||
|
<div class="block block-blue">
|
||||||
|
<div class="block-blue-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Say No to Censorship</h4>
|
||||||
|
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
|
||||||
|
</div>
|
||||||
|
<div class="block block-purple">
|
||||||
|
<div class="block-purple-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Blind-Trust Not Required</h4>
|
||||||
|
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
|
||||||
|
</div>
|
||||||
|
<div class="block block-green">
|
||||||
|
<div class="block-green-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Encrypted and Secure</h4>
|
||||||
|
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
|
||||||
|
</div>
|
||||||
|
<div class="block block-peach">
|
||||||
|
<div class="block-peach-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Web 3.0 Stack</h4>
|
||||||
|
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-one-third">
|
||||||
|
<div class="section-text-column">
|
||||||
|
<h2>Enter a bold new world, resistant to corruption.</h2>
|
||||||
|
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section> -->
|
||||||
|
|
||||||
|
<!-- End colourful blocks section for mobile view -->
|
||||||
|
|
||||||
|
|
||||||
|
<section class="section-table section-white">
|
||||||
|
<div class="table-center">
|
||||||
|
<div class="table-wrapper">
|
||||||
|
|
||||||
|
<div class="table-right table-bottom">
|
||||||
|
<div class="phone-even">
|
||||||
|
<div class="phone-image phone-big no-float">
|
||||||
|
<div class="phone-inner-image phone-big-image-2">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="table-left">
|
||||||
|
<div class="section-heading-even">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h2>Decentralised Apps at your fingertips</h2>
|
||||||
|
<p>Status is a new type of Browser. Seamlessly interact with Decentralized Applications, and begin making Ethereum part of your every day life.</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Mobile Slider -->
|
||||||
|
|
||||||
|
<div class="mobile-slider">
|
||||||
|
<div class="swiper-container swiper2">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-wallet">
|
||||||
|
</div>
|
||||||
|
<h3>Wallet</h3>
|
||||||
|
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-etherwall">
|
||||||
|
</div>
|
||||||
|
<h3>Exchange</h3>
|
||||||
|
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-etheroll">
|
||||||
|
</div>
|
||||||
|
<h3>Your DAPP Here</h3>
|
||||||
|
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-button-prev"></div>
|
||||||
|
<div class="swiper-button-next"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- End Mobile Slider -->
|
||||||
|
|
||||||
|
<div class="white-blocks">
|
||||||
|
|
||||||
|
<div class="block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-wallet">
|
||||||
|
</div>
|
||||||
|
<h3>Wallet</h3>
|
||||||
|
<p>Store multiple currencies and wallets, review your transactions, and much more.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-etherwall">
|
||||||
|
</div>
|
||||||
|
<h3>Exchange</h3>
|
||||||
|
<p>Trade, communicate and collaborate with a community who also believes Ethereum will improve society.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-etheroll">
|
||||||
|
</div>
|
||||||
|
<h3>Your DApp Here</h3>
|
||||||
|
<p>Status is an Open Platform, and anyone can list their DApp. Stay tuned for updates.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="section-table">
|
||||||
|
<div class="table-center">
|
||||||
|
<div class="table-wrapper">
|
||||||
|
|
||||||
|
<div class="table-two-third">
|
||||||
|
<div class="section-heading-odd">
|
||||||
|
<h2>Smarter messaging has arrived</h2>
|
||||||
|
<p>Status aims to replace your Messenger, enabling more meaningful conversations. Send payments, smart contracts, and more, directly from within chats.<br><br></p>
|
||||||
|
<div class="tags">
|
||||||
|
<div class="tag tag-status">
|
||||||
|
<div class="setstatus-pink">
|
||||||
|
<span>!setStatus</span>
|
||||||
|
</div>
|
||||||
|
<p>Away</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tag tag-transaction">
|
||||||
|
<div class="transaction-green">
|
||||||
|
<span>!transaction</span>
|
||||||
|
</div>
|
||||||
|
<p>346 <span>ETH</span> </p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tag tag-name">
|
||||||
|
<div class="name-brown">
|
||||||
|
<span>!name</span>
|
||||||
|
</div>
|
||||||
|
<p>Alex Petrov</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tag tag-password">
|
||||||
|
<div class="password-blue">
|
||||||
|
<span>!keypairPassword</span>
|
||||||
|
</div>
|
||||||
|
<div class="icon-lock"></div>
|
||||||
|
<p>********</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tag tag-location">
|
||||||
|
<div class="location-purple">
|
||||||
|
<span>!location</span>
|
||||||
|
</div>
|
||||||
|
<p>Two Bar Mountain,
|
||||||
|
<br>Maricopa County,
|
||||||
|
<br>AZ, US</p>
|
||||||
|
<div class="location-map"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="table-one-third table-bottom">
|
||||||
|
<div class="phone-odd">
|
||||||
|
<div class="phone-image phone-big">
|
||||||
|
<div class="phone-inner-image phone-big-image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="section-table section-white">
|
||||||
|
<div class="table-center">
|
||||||
|
<div class="table-wrapper">
|
||||||
|
|
||||||
|
<div class="table-right table-bottom">
|
||||||
|
<div class="phone-even">
|
||||||
|
<div class="phone-image phone-big no-float">
|
||||||
|
<div class="phone-inner-image phone-big-image-3">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="table-left">
|
||||||
|
<div class="section-heading-even">
|
||||||
|
<h2>Buy and sell Ether nearby</h2>
|
||||||
|
<p>Find nearby Status users through our Discover feature. Exchange currency, services, and ideas to help grow the Ethereum community.<br><br>Sample Statuses:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Mobile Slider -->
|
||||||
|
|
||||||
|
<div class="mobile-slider">
|
||||||
|
<div class="swiper-container swiper2">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-wallet">
|
||||||
|
</div>
|
||||||
|
<h3>Jarrad</h3>
|
||||||
|
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-etherwall">
|
||||||
|
</div>
|
||||||
|
<h3>Carl</h3>
|
||||||
|
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="mobile-block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-etheroll">
|
||||||
|
</div>
|
||||||
|
<h3>Dan</h3>
|
||||||
|
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-button-prev"></div>
|
||||||
|
<div class="swiper-button-next"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- End Mobile Slider -->
|
||||||
|
|
||||||
|
<div class="white-blocks">
|
||||||
|
|
||||||
|
<div class="block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-wallet">
|
||||||
|
</div>
|
||||||
|
<h3>Jarrad</h3>
|
||||||
|
<p>Offering fiat to ether exchange services in <span class="hashtag">#Berlin #USDtoETH #localexchange</span></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-etherwall">
|
||||||
|
</div>
|
||||||
|
<h3>Carl</h3>
|
||||||
|
<p>Trading <span class="hashtag">#BTCtoETH</span>. Smart contracts only. Reputable Trader. <span class="hashtag">#virtualexchange</span></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="block-square">
|
||||||
|
|
||||||
|
<div class="card-avatar avatar-etheroll">
|
||||||
|
</div>
|
||||||
|
<h3>Dan</h3>
|
||||||
|
<p>Looking to buy <span class="hashtag">#DGDtoETH</span> or to chat about <span class="hashtag">#solidity</span> or <span class="hashtag">#serpent</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <section class="section-table section-white">
|
||||||
|
<div class="table-center">
|
||||||
|
<div class="table-container">
|
||||||
|
<div class="table-two-third">
|
||||||
|
<div class="block block-blue">
|
||||||
|
<div class="block-blue-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Say No to Censorship</h4>
|
||||||
|
<p>We believe in a free and open internet. Status is bringing back the transparent ideals the internet was founded upon.</p>
|
||||||
|
</div>
|
||||||
|
<div class="block block-purple">
|
||||||
|
<div class="block-purple-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Blind-Trust Not Required</h4>
|
||||||
|
<p>Decentralized, distributed, peer-to-peer technologies solve the problem that has plagued humankind for millennia: Trust.</p>
|
||||||
|
</div>
|
||||||
|
<div class="block block-green">
|
||||||
|
<div class="block-green-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Encrypted and Secure</h4>
|
||||||
|
<p>Guard your communication from prying eyes and malicious institutions with our military grade end-to-end encryption.</p>
|
||||||
|
</div>
|
||||||
|
<div class="block block-peach">
|
||||||
|
<div class="block-peach-icon">
|
||||||
|
</div>
|
||||||
|
<h4>Web 3.0 Stack</h4>
|
||||||
|
<p>Harness the benefits of Ethereum, and the Web 3.0 stack to solve the problems of server failure, undelivered messages, and information loss.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="table-one-third">
|
||||||
|
<div class="section-text-column">
|
||||||
|
<h2>Enter a bold new world, resistant to corruption.</h2>
|
||||||
|
<p>Status combines the next generation of browser, with an open messenging platform. This enables safe, free and open communication with humans and DApps alike.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section> -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="section-table section-gradient">
|
||||||
|
<div class="table-center">
|
||||||
|
<div class="table-wrapper">
|
||||||
|
<div class="gradient-text">
|
||||||
|
<h2>Get early access</h2>
|
||||||
|
<div class="section-gradient-text">
|
||||||
|
<p>We're working hard to make Status available to everyone. Join our private wait list for early access.<br />We respect privacy.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="gradient-email">
|
||||||
|
<div class="email">
|
||||||
|
<div class="maitre-widget-container">
|
||||||
|
<form action="https://maitreapp.co/widget_data" method="POST" data-maitre-form>
|
||||||
|
<div class="maitre-field" data-maitre-field-email>
|
||||||
|
<label></label>
|
||||||
|
<input type="email" name="email" class="email-input" placeholder="Enter your email for updates">
|
||||||
|
</div>
|
||||||
|
<div class="maitre-field" data-maitre-field-submit><button type="submit" value="" name="subscribe" class="button email-button" data-maitre-submit-button></button></div>
|
||||||
|
</form>
|
||||||
|
<div data-maitre-content>
|
||||||
|
<h2 data-maitre-header></h2>
|
||||||
|
<p data-maitre-verification>We have sent you a confirmation email.<br>You have 15 minutes to confirm your position.</p>
|
||||||
|
<h4 data-maitre-people-ahead-number></h4>
|
||||||
|
<p data-maitre-people-ahead-text></p>
|
||||||
|
<h4 data-maitre-people-behind-number></h4>
|
||||||
|
<p data-maitre-people-behind-text></p>
|
||||||
|
|
||||||
|
<p data-maitre-instructions></p>
|
||||||
|
|
||||||
|
<div data-maitre-share-container>
|
||||||
|
<a href="#" data-maitre-social-facebook target="_blank" class="maitre-widget-social"></a>
|
||||||
|
<a href="#" data-maitre-social-twitter target="_blank" class="maitre-widget-social"></a>
|
||||||
|
<a href="#" data-maitre-social-whatsapp target="_blank" data-action="share/whatsapp/share" class="maitre-widget-social show-mobile"></a>
|
||||||
|
<a href="#" data-maitre-social-email target="_blank" class="maitre-widget-social"></a>
|
||||||
|
<a href="#" data-maitre-social-plain class="maitre-widget-social"></a>
|
||||||
|
<div data-maitre-share-plain>
|
||||||
|
<div data-maitre-share-plain-explanation>Or share your unique code</div>
|
||||||
|
<div data-maitre-share-plain-url></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-wrapper">
|
||||||
|
<div class="footer-half">
|
||||||
|
<a class="footer-logo-mobile"></a>
|
||||||
|
<p>Status Platform
|
||||||
|
<br>Kemperplatz 1
|
||||||
|
Berlin, Germany
|
||||||
|
<br> support@status.im</p>
|
||||||
|
<div class="footer-icons-social">
|
||||||
|
<a href="#" class="footer-icon icon-github"></a>
|
||||||
|
<a href="#" class="footer-icon icon-twitter"></a>
|
||||||
|
<a href="#" class="footer-icon icon-facebook"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-half">
|
||||||
|
<a class="footer-logo"></a>
|
||||||
|
<div class="footer-links">
|
||||||
|
<a href="#">About</a>
|
||||||
|
<a href="#">Jobs</a>
|
||||||
|
<!-- <a href="#">Press</a> -->
|
||||||
|
<a href="https://github.com/status-im">Github</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
ga('send', 'pageview');
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
window.Maitre = { uuid: "MF203200dfd5", test_mode: true, require_name: false };
|
||||||
|
</script>
|
||||||
|
<script data-maitre src="libs/maitre/widget.js" async></script>
|
||||||
|
|
||||||
|
<!-- build:js js/main.min.js -->
|
||||||
|
<script type="text/javascript" src="js/libs.min.js"></script>
|
||||||
|
<script type="text/javascript" src="js/common.js"></script>
|
||||||
|
<!-- endbuild -->
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
Loading…
Reference in New Issue