259 lines
10 KiB
HTML
259 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="./landing-page.css">
|
|
<link rel="stylesheet" href="./landing-page-mobile.css">
|
|
<title>Landing Page!</title>
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<div class="item top">
|
|
<img class="logo" src="images/desktop_images/logo_privatecell.svg" alt="logo">
|
|
<h1 class="mobile">Just like Google <br/> Sheets but Safe and <br/> Private</h1>
|
|
<h1 class="desktop">Just like Google Sheets <br/> but Safe and Private</h1>
|
|
<img class="private-cell" src="images/desktop_images/0-Privatecell.png" alt="private-cell">
|
|
<img class="private-cell-mobile" src="images/mobile_images/0-Privatecell_mobile.png" alt="private-cell-mobile">
|
|
</div>
|
|
<div class="create-as-many">
|
|
<div class="item create-as-many-desktop desktop">
|
|
<img class="create-as-many-image" src="images/desktop_images/1-create-as-many-as-you-like.png" alt="create-as-many-image">
|
|
<h2>Create as many spreadsheets as you <br/> like- on the ground and in cloud</h2>
|
|
<p>Privatecell lets you create and edit spreadsheets from your internet browser but they <br> never leave the computer unless you specifically ask them to. You can create as many <br> as you like.</p>
|
|
</div>
|
|
<div class="item create-as-many-mobile mobile">
|
|
<img class="create-as-many-image-mobile" src="images/mobile_images/1-create-as-many-as-you-like_mobile.png" alt="create-as-many-image-mobile">
|
|
<h2>Create as many <br/> spreadsheets as you like- on <br/> the ground and in cloud</h2>
|
|
<p>Privatecell lets you create and edit <br> spreadsheets from your internet <br> browser but they never leave the <br> computer unless you specifically ask <br> them to. You can create as many as you <br> like.</p>
|
|
</div>
|
|
</div>
|
|
<div class="share">
|
|
<div class="share-desktop item desktop">
|
|
<div>
|
|
<h2>Share it only with <br> trusted people</h2>
|
|
<p>When you share a spreadsheet - our system makes sure <br> that your data is encrypted on your computer, and <br>
|
|
decrypted on the computer of your recipient. Nobody <br> (not even us) can read the data in transport through <br> concept called end to end encryption. Read technical <br> details. Don't show your private parts to anyone but <br> selected few.
|
|
</p>
|
|
</div>
|
|
<img class="share-image" src="images/desktop_images/2-share.png" alt="share-image">
|
|
</div>
|
|
<div class="share-mobile item mobile">
|
|
<div>
|
|
<h2>Share it only with trusted <br> people</h2>
|
|
<p>When you share a spreadsheet - our <br> system makes sure that your data is <br> encrypted on your computer, and <br>
|
|
decrypted on the computer of your <br> recipient. Nobody (not even us) can read <br> the data in transport through concept <br> called end to end encryption. Read <br> technical details. Don't show your <br> private parts to anyone but selected few.
|
|
</p>
|
|
</div>
|
|
<img class="share-image-mobile" src="images/mobile_images/2-share_mobile.png" alt="share-image-mobile">
|
|
</div>
|
|
</div>
|
|
<div class="collaborate">
|
|
<div class="collaborate-desktop item desktop">
|
|
<img class="colllaborate-image" src="images/desktop_images/3-collaborate.png" alt="colllaborate-image">
|
|
<div>
|
|
<h2>Collaborate in real time</h2>
|
|
<p>All the people you shared the spreadsheet with can <br> collaborate on it in real time. See changes just as your <br>
|
|
partners type them. Bad guys still can't read anything.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="collaborate-mobile item mobile">
|
|
<div>
|
|
<h2>Collaborate in real time</h2>
|
|
<p>All the people you shared the <br> spreadsheet with can collaborate on it in <br> real time. See changes just as your <br> partners type them. Bad guys still can't read <br> anything.
|
|
</p>
|
|
</div>
|
|
<img class="collaborate-image-mobile" src="images/mobile_images/3-collaborate_mobile.png" alt="colllaborate-image-mobile">
|
|
</div>
|
|
</div>
|
|
<div class="back-up">
|
|
<div class="back-up-desktop item desktop">
|
|
<div>
|
|
<h2>Back up your <br> spreadsheet safely</h2>
|
|
<p>If you lose your computer or phone - don't sweat it. All <br> our sheets will be encrypted and stored safely in our<br>
|
|
German based servers - safe from Uncle Sam's,Trump's <br> and our own eyes. Bring the key to your new computer, <br> and BAM! Data is back there, shared with same <br> people.
|
|
</p>
|
|
</div>
|
|
<img class="back-up-image" src="images/desktop_images/4-back-up-safely.png" alt="back-up-image">
|
|
</div>
|
|
<div class="back-up-mobile item mobile">
|
|
<div>
|
|
<h2>Back up your spreadsheet <br> safely</h2>
|
|
<p>If you lose your computer or phone - <br> don't sweat it. All our sheets will be <br> encrypted and stored safely in our <br> German based servers - safe from Uncle <br> Sam's,Trump's and our own eyes. Bring <br> the key to your new computer, and BAM! <br> Data is back there, shared with same <br> people.
|
|
</p>
|
|
</div>
|
|
<img class="back-up-image-mobile" src="images/mobile_images/4-back-up-safely_mobile.png" alt="back-up-image-mobile">
|
|
</div>
|
|
</div>
|
|
<div class="import-export">
|
|
<div class="import-export-desktop item desktop">
|
|
<div>
|
|
<h2>No Lock in!</h2>
|
|
<h3>Import from or export to Microsoft Excel</h3>
|
|
</div>
|
|
<img class="import-export-image" src="images/desktop_images/5-import-export.png" alt="import-export-image">
|
|
<p>Have existing spreadsheets? Our import from Excel <br> functionality will take them in one drop and make them <br>
|
|
safe instantly. Just don't forger to delete unsafe <br> copies. <br><br>
|
|
Want to set your data free to the world? Export them to <br> Excel and spread away. We are not taking your data <br>
|
|
hostage, we are just babysitting them while you sleep <br> calmly.
|
|
</p>
|
|
</div>
|
|
<div class="import-export-mobile item mobile">
|
|
<div>
|
|
<h2>No Lock in!</h2>
|
|
<h3>Import from or export <br> to Microsoft Excel</h3>
|
|
</div>
|
|
<img class="import-export-image-mobile" src="images/mobile_images/5-import-export_mobile.png" alt="import-export-image-mobile">
|
|
<p>Have existing spreadsheets? Our import <br> from Excel functionality will take them in <br> one drop and make them
|
|
safe instantly. <br> Just don't forger to delete unsafe <br> copies. <br><br>
|
|
Want to set your data free to the world? <br> Export them to Excel and spread away. <br> We are not taking your data
|
|
hostage, we <br> are just babysitting them while you sleep <br> calmly.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="comparison">
|
|
<div class="comparison-desktop item desktop">
|
|
<h3>Comparision with other popular spreadsheets.</h3>
|
|
<table>
|
|
<tr>
|
|
<th></th>
|
|
<th>Privatecell</th>
|
|
<th>MS Excel</th>
|
|
<th>Libre Office CALC</th>
|
|
<th>Google Sheets</th>
|
|
<th>Apple Numbers</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Multiple Sheets</td>
|
|
<td class="check"></td>
|
|
<td class="check"></td>
|
|
<td class="check"></td>
|
|
<td class="check"></td>
|
|
<td class="check"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Cloud backup</td>
|
|
<td class="check"></td>
|
|
<td class="check"></td>
|
|
<td class="check"></td>
|
|
<td class="check"></td>
|
|
<td class="check"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Real time collaboration</td>
|
|
<td class="check"></td>
|
|
<td class="uncheck"></td>
|
|
<td class="uncheck"></td>
|
|
<td class="check"></td>
|
|
<td class="uncheck"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>End-to-end Encryption</td>
|
|
<td class="check"></td>
|
|
<td class="uncheck"></td>
|
|
<td class="uncheck"></td>
|
|
<td class="uncheck"></td>
|
|
<td class="uncheck"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="comparison-mobile item mobile">
|
|
<h3>Comparision with other <br> popular spreadsheets.</h3>
|
|
<table class="private-cell-table">
|
|
<tr>
|
|
<th>Privatecell</th>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Multiple sheets</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Cloud backup</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Realtime collaboration</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>End-to-end Encryption</td>
|
|
</tr>
|
|
</table>
|
|
<table>
|
|
<tr>
|
|
<th>MS Excel</th>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Multiple sheets</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Cloud backup</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="uncheck"></span>Realtime collaboration</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="uncheck"></span>End-to-end Encryption</td>
|
|
</tr>
|
|
</table>
|
|
<table>
|
|
<tr>
|
|
<th>Libre Office CALC</th>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Multiple sheets</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Cloud backup</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="uncheck"></span>Realtime collaboration</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="uncheck"></span>End-to-end Encryption</td>
|
|
</tr>
|
|
</table>
|
|
<table>
|
|
<tr>
|
|
<th>Google Sheets</th>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Multiple sheets</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Cloud backup</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Realtime collaboration</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="uncheck"></span>End-to-end Encryption</td>
|
|
</tr>
|
|
</table>
|
|
<table>
|
|
<tr>
|
|
<th>Apple Numbers</th>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Multiple sheets</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="check"></span>Cloud backup</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="uncheck"></span>Realtime collaboration</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span class="uncheck"></span>End-to-end Encryption</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="item bottom">
|
|
<img src="images/desktop_images/logo_privatecell.svg" alt="logo-image">
|
|
<p class="desktop">Just like Google Sheets but Safe and Private</p>
|
|
<p class="mobile">Just like Google Sheets but Safe and <br> Private</p>
|
|
<button>Request Early Access</button>
|
|
<p class="copyrights">© Copyright 2018 Privatecell</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |