status-im
/
status-site-legacy
mirror of https://github.com/status-im/status-site-legacy.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

replaced filler text on status website

This commit is contained in:
Carl B 2016-06-03 13:20:47 +02:00
parent 8c47d0e6e0
commit bfff00f797
3 changed files with 121 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build/index.html
View File

@ -54,7 +54,7 @@
<div class="table-left">
<div class="status">
<div class="status-text">
<h1>Status</h1>
<h1>Meet Status</h1>
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at magna et libero</p>
</div>
<div class="status-email">

26
src/css/main.css
View File

@ -1162,7 +1162,13 @@ body input:required:valid, body textarea:required:valid {
/* ALWAYS END */
/*========== Desktop First Method ========== */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
/* */ }
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
/* */ }
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
/*Disable Animation on Mobile Devices */
@ -1179,10 +1185,30 @@ body input:required:valid, body textarea:required:valid {
animation: none !important; } }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
/* */ }
/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
/* */ }
/*========== Mobile First Method ========== */
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
/* */ }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
/* */ }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
/* */ }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
/* */ }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
/* */ }

164
src/index.html
View File

@ -57,7 +57,7 @@
<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>
<p>Help us shape the way towards a better, brighter internet. With Status you can interact with the web in new and exciting ways.</p>
</div>
<div class="status-email">
<div class="email">
@ -86,58 +86,75 @@
<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>
<h3>Explore Decentralized Applications</h3>
<p>Status is a DApps browser for a brave new ecosystem. Your wallet, keys and identity can now live on the Blockchain.</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>
<h3>Have Smarter Conversations</h3>
<p>Communicate with friends and DApps naturally, using Chats. Send messages, payments, smart contracts and more.
</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>
<h3>Connect with Web 3.0</h3>
<p>Discover other members of the community who understand the benefits the blockchain will bring, and share ideas.</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 class="table-wrapper">
<div class="table-left">
<div class="section-heading-even">
<h2>Browse and Interact with Decentralized Applications</h2>
<p>Decentralized applications will form the foundation of a whole new economy, and change the way we trade and communicate. <br><br>Imagine a future where a decentralized world is at your fingertips. Whether it be starting a company, ordering a taxi, renting a holiday home, or investing in your retimement, Status wants to make this possible.</p>
</div>
<div class="block block-purple">
<div class="block-purple-icon">
<div class="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
</div>
<h4>Decentralized</h4>
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h3>Wallet</h3>
<p>Store multiple currencies and wallets safely and security, and review your transactions</p>
</div>
<div class="block block-green">
<div class="block-green-icon">
<div class="block-square">
<div class="card-avatar avatar-etherwall">
</div>
<h4>Secure</h4>
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h3>Exchange</h3>
<p>A true decentralized peer-to-peer exchange to trade Fiat to Ether, Ether to Fiar and much more</p>
</div>
<div class="block block-peach">
<div class="block-peach-icon">
<div class="block-square">
<div class="card-avatar avatar-etheroll">
</div>
<h4>Ethereum</h4>
<p>Status is lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<h3>DAO Portal</h3>
<p>Review, vote and discuss with the community DAO Proposals and the state of the DAO</p>
</div>
</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 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>
@ -146,6 +163,12 @@
</section>
<section class="section-table">
<div class="table-center">
<div class="table-wrapper">
@ -161,8 +184,8 @@
<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>
<p>Integrate smart contracts and the benefits of the blockchain into your daily life.
<br><br>Send payments to friends directly from within chats. <br>Without borders, and without fees.<br></p>
<div class="tags">
<div class="tag tag-status">
<div class="setstatus-pink">
@ -212,49 +235,44 @@
</section>
<section class="section-table">
<section class="section-table section-white">
<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="white-blocks">
<div class="block-square">
<div class="card-avatar avatar-wallet">
<div class="table-container">
<div class="table-two-third">
<div class="block block-blue">
<div class="block-blue-icon">
</div>
<h3>Wallet</h3>
<p>Exchange with candidates in the US presidential election</p>
<h4>Say No to Censorship</h4>
<p>We believe in a free and open internet. We are an open source project bringing back the transparent ideals the internet was founded upon.</p>
</div>
<div class="block-square">
<div class="card-avatar avatar-etherwall">
<div class="block block-purple">
<div class="block-purple-icon">
</div>
<h3>EtherWall</h3>
<p>Businessman’s braggadocio and public exchange</p>
<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-square">
<div class="card-avatar avatar-etheroll">
<div class="block block-green">
<div class="block-green-icon">
</div>
<h3>Etheroll</h3>
<p>Braggadocio and public exchange with candidates in the US presidential</p>
<h4>Encrypted and Secure</h4>
<p>Guard your communication from prying eyes and malicious institutions with our military grade open source, 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-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 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. Enabling natural communication with autonomous entities and humans alike.</p>
</div>
</div>
</div>
@ -263,13 +281,18 @@
</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>
<p>Status is arriving soon. Enter your email below to be added to the private wait list. We respect privacy.</p>
</div>
</div>
<div class="gradient-email">
@ -288,9 +311,10 @@
<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>
<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>