MigrateRepos
/
decentralized-video-chat
mirror of https://github.com/ianramzy/decentralized-video-chat.git
1
0
Fork 0
Code Issues Releases Wiki Activity

finished content for landing

This commit is contained in:
Ian Ramzy 2020-03-24 00:00:47 -04:00
parent 7b3a3e9dd4
commit 94f536c5c9
1 changed files with 54 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
public/landing/landing.html
View File

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Neon Chat</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="images/logo.svg">
</head>
<body class="has-animations">
<div class="body-wrap">
@ -109,10 +110,11 @@
<div class="container">
<div class="features-tiles-inner section-inner has-top-divider">
<div class="section-header">
<div class="container-xs"><h2 class="mt-0 mb-16">Build up the whole picture</h2>
<p class="m-0">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
eu fugiat nulla pariatur excepteur sint — occaecat cupidatat non proident, sunt in culpa
qui.</p></div>
<div class="container-xs reveal-from-bottom" data-reveal-delay="650"><h2 class="mt-0 mb-16">See
the whole picture</h2>
<p class="m-0">Neon chat is built radically different to any other video chat you've used.
Under the hood ddecentralized peer to peer calling for maximum video quality
with the lowest latency. Its good, trust us.</p></div>
</div>
<div class="tiles-wrap">
<div class="tiles-item reveal-from-right">
@ -122,10 +124,11 @@
src="images/feature-tile-icon-01.svg" alt="Feature tile icon 01" width="72"
height="72"></div>
</div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Generate Leads</h4>
<p class="m-0 text-sm">Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat.</p></div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Lowest Latency</h4>
<p class="m-0 text-sm">Breakthrough peer to peer WebRTC technology means your
video feed goes directly to the other person without a server. No middleman. No
extra stops.</p>
</div>
</div>
</div>
<div class="tiles-item reveal-from-left">
@ -135,10 +138,9 @@
src="images/feature-tile-icon-02.svg" alt="Feature tile icon 02" width="72"
height="72"></div>
</div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Generate Leads</h4>
<p class="m-0 text-sm">Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat.</p></div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Best Video Quality</h4>
<p class="m-0 text-sm">State of the art video compression and scaling optimization
mean your calls have never looked better.</p></div>
</div>
</div>
<div class="tiles-item reveal-from-right">
@ -148,10 +150,9 @@
src="images/feature-tile-icon-03.svg" alt="Feature tile icon 03" width="72"
height="72"></div>
</div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Generate Leads</h4>
<p class="m-0 text-sm">Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat.</p></div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Total Privacy</h4>
<p class="m-0 text-sm">Each chat room is single use with data only
transferring between the two callers. Your data is yours to keep.</p></div>
</div>
</div>
<div class="tiles-item reveal-from-left">
@ -161,12 +162,12 @@
src="images/feature-tile-icon-04.svg" alt="Feature tile icon 04" width="72"
height="72"></div>
</div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Generate Leads</h4>
<p class="m-0 text-sm">Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat.</p></div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">No Download Required</h4>
<p class="m-0 text-sm">No download means you can get back to what matter most. Just
open chats in Chrome or Firefox.</p></div>
</div>
</div>
<div class="tiles-item reveal-from-right">
<div class="tiles-item-inner">
<div class="features-tiles-item-header">
@ -174,12 +175,13 @@
src="images/feature-tile-icon-05.svg" alt="Feature tile icon 05" width="72"
height="72"></div>
</div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Generate Leads</h4>
<p class="m-0 text-sm">Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat.</p></div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">No Server Needed</h4>
<p class="m-0 text-sm">Calls are entirely between you and the other caller.
Decentralized from any server. Data never leaves the browser. Cool right?</p>
</div>
</div>
</div>
<div class="tiles-item reveal-from-left">
<div class="tiles-item-inner">
<div class="features-tiles-item-header">
@ -187,16 +189,30 @@
src="images/feature-tile-icon-06.svg" alt="Feature tile icon 06" width="72"
height="72"></div>
</div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Generate Leads</h4>
<p class="m-0 text-sm">Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat.</p></div>
<div class="features-tiles-item-content"><h4 class="mt-0 mb-8">Maximum Security</h4>
<p class="m-0 text-sm">End to end state of the art encryption means your calls are
exactly that. Your calls.</p></div>
</div>
</div>
</div>
</div>
<a class="button button-primary button-wide-mobile" href="/">Try now</a>
</div>
</section>
<section class="section">
<div class="container">
<div class="section-inner has-top-divider">
<div class="container-xs">
<div class="section-header center-content"><h2 class="m-0">Tired of the old ways of
chatting? </h2></div>
<div class="center-content">
<a class="button button-primary button-wide-mobile" href="/">Try now</a>
</div>
</div>
</div>
</div>
</section>
@ -307,15 +323,15 @@
<!-- </div>-->
</div>
<div class="footer-bottom space-between text-xxs invert-order-desktop">
<nav class="footer-nav">
<ul class="list-reset">
<li><a href="https://ianramzy.com">Another Project By Ian Ramzy</a></li>
<!-- <li><a href="#">Contact</a></li>-->
<!-- <li><a href="#">About us</a></li>-->
<!-- <li><a href="#">FAQ's</a></li>-->
<!-- <li><a href="#">Support</a></li>-->
</ul>
</nav>
<nav class="footer-nav">
<ul class="list-reset">
<li><a href="https://ianramzy.com">Another Project By Ian Ramzy</a></li>
<!-- <li><a href="#">Contact</a></li>-->
<!-- <li><a href="#">About us</a></li>-->
<!-- <li><a href="#">FAQ's</a></li>-->
<!-- <li><a href="#">Support</a></li>-->
</ul>
</nav>
<div class="footer-copyright">&copy; 2020 Neon Chat, all rights reserved</div>
</div>
</div>