mirror of
https://github.com/status-im/status-site-legacy.git
synced 2025-01-24 14:19:46 +00:00
312 lines
11 KiB
HTML
312 lines
11 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html class="no-js" lang="en">
|
|||
|
|
|
|||
|
|
<head>
|
|||
|
|
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
|
|||
|
|
<title>Status</title>
|
|||
|
|
<meta name="description" content="">
|
|||
|
|
|
|||
|
|
<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">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" href="css/main.min.css">
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<section class="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="#">Discover</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</h1>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at magna et libero</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="status-email">
|
|||
|
|
<div class="email">
|
|||
|
|
<input type="email" class="email-input" placeholder="Leave Your email">
|
|||
|
|
<div class="email-button"></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">
|
|||
|
|
<div class="block block-white">
|
|||
|
|
<div class="block1-icon">
|
|||
|
|
</div>
|
|||
|
|
<h3>Unlock doors</h3>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna et libero tempor varius</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="block block-white">
|
|||
|
|
<div class="block2-icon">
|
|||
|
|
</div>
|
|||
|
|
<h3>On-Demand Everything</h3>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna et libero tempor varius</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="block block-white">
|
|||
|
|
<div class="block3-icon">
|
|||
|
|
</div>
|
|||
|
|
<h3>Trade with Stablecoins</h3>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna et libero tempor varius</p>
|
|||
|
|
</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>Transparent</h4>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="block block-purple">
|
|||
|
|
<div class="block-purple-icon">
|
|||
|
|
</div>
|
|||
|
|
<h4>Decentralized</h4>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="block block-green">
|
|||
|
|
<div class="block-green-icon">
|
|||
|
|
</div>
|
|||
|
|
<h4>Secure</h4>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="block block-peach">
|
|||
|
|
<div class="block-peach-icon">
|
|||
|
|
</div>
|
|||
|
|
<h4>Ethereum</h4>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="table-one-third">
|
|||
|
|
<div class="section-text-column">
|
|||
|
|
<h2>Magna et libero tempor</h2>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at magna et libero</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="section-table">
|
|||
|
|
<div class="table-center">
|
|||
|
|
<div class="table-wrapper">
|
|||
|
|
<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 class="table-two-third">
|
|||
|
|
<div class="section-heading-odd">
|
|||
|
|
<h2>Have more meaningful conversations</h2>
|
|||
|
|
<p>Integrate smart contracts into your
|
|||
|
|
<br> Status is lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at magna et libero</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>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section class="section-table">
|
|||
|
|
<div class="table-center">
|
|||
|
|
<div class="table-wrapper">
|
|||
|
|
<div class="table-left">
|
|||
|
|
<div class="section-heading-even">
|
|||
|
|
<h2>Integrate smart contracts into your workflow</h2>
|
|||
|
|
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at magna et libero</p>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="block-square">
|
|||
|
|
|
|||
|
|
<div class="card-avatar avatar-wallet">
|
|||
|
|
</div>
|
|||
|
|
<h3>Wallet</h3>
|
|||
|
|
<p>Exchange with candidates in the US presidential election</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="block-square">
|
|||
|
|
|
|||
|
|
<div class="card-avatar avatar-etherwall">
|
|||
|
|
</div>
|
|||
|
|
<h3>EtherWall</h3>
|
|||
|
|
<p>Businessman’s braggadocio and public exchange</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="block-square">
|
|||
|
|
|
|||
|
|
<div class="card-avatar avatar-etheroll">
|
|||
|
|
</div>
|
|||
|
|
<h3>Etheroll</h3>
|
|||
|
|
<p>Braggadocio and public exchange with candidates in the US presidential</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="table-right table-bottom">
|
|||
|
|
<div class="phone-even">
|
|||
|
|
<div class="phone-image phone-big">
|
|||
|
|
<div class="phone-inner-image phone-big-image-2">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</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>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at magna et libero</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="status-email">
|
|||
|
|
<div class="email">
|
|||
|
|
<input type="email" class="email-input" placeholder="Leave Your email">
|
|||
|
|
<div class="email-button"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<footer>
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="footer-wrapper">
|
|||
|
|
<div class="footer-half">
|
|||
|
|
<p>Status Inc. Streetname, 3, 232
|
|||
|
|
<br> Amsterdam, The Netherlands
|
|||
|
|
<br> thatsmironov@gmail.com</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 href="#" class="footer-logo"></a>
|
|||
|
|
<div class="footer-links">
|
|||
|
|
<a href="#">Team</a>
|
|||
|
|
<a href="#">Jobs</a>
|
|||
|
|
<a href="#">Press</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
|
|||
|
|
<script src="js/main.min.js"></script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|