mirror of
https://github.com/ianramzy/decentralized-video-chat.git
synced 2025-02-22 16:05:03 +08:00
finished content for landing
This commit is contained in:
Ian Ramzy
parent
7b3a3e9dd4
commit
94f536c5c9
@ -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">© 2020 Neon Chat, all rights reserved</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user