MigrateRepos/decentralized-video-chat
1
0
Fork 0
mirror of https://github.com/ianramzy/decentralized-video-chat.git synced 2025-02-23 00:15:04 +08:00
Code Issues Releases Wiki Activity

finished content for landing

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