teller-site/index.html

191 lines
11 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<html lang="en">
<head>
<meta charset="utf-8">
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="./site.webmanifest">
<link rel="mask-icon" href="./safari-pinned-tab.svg" color="#18B6FF">
<meta name="theme-color" content="#18B6FF">
<meta name="msapplication-TileColor" content="#18B6FF">
<meta property="og:title" content="Teller.exchange">
<meta property="og:description"
content="Peer to peer exchange that let's you trade Ethereum assets in a fully decentralized environment">
<meta property="og:type" content="website">
<meta property="og:url" content="https://teller.exchange">
<meta property="og:image" content="https://teller.exchange/open-graph.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel="manifest" href="./manifest.json">
<title>Teller Exchange</title>
<link href="./css/2.a55b1a50.chunk.css" rel="stylesheet">
<link href="./css/main.9b63a9fa.chunk.css" rel="stylesheet">
</head>
<body data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0">
<div id="root">
<div id="app-container" class="p-0 container">
<div class="notification-container notification-container-empty"></div>
<div class="home-body-content body-content">
<div class="home px-4">
<header class="p-l-0 pr-0">
<nav class="px-0 navbar navbar-expand-md">
<img src="./images/teller-logo-icon.svg" alt="Logo" class="mr-2">
<img src="./images/teller-logo-text.svg" alt="Logo text">
<ul class="ml-auto navbar-nav">
<li class="nav-item">
<a class="d-inline-block mx-auto btn btn-primary btn-sm"
href="https://github.com/status-im/status-teller-network">
View Source
</a>
</li>
</ul>
</nav>
</header>
<div class="home-headline-container">
<div class="home-headline row">
<div class="col-12">
<h1 class="text-center font-weight-bold aos-init aos-animate" data-aos="fade-up">
Buy and sell<br>cryptocurrencies near you
</h1>
<h3 class="text-center home-details font-weight-normal mt-2 aos-init aos-animate"
data-aos="fade-up">
Teller is a secure and simple marketplace to buy and sell cryptocurrencies with people
near you.
</h3>
</div>
<div data-aos="fade-up" class="text-center mt-3 col-12 aos-init aos-animate"><a
class="d-inline-block mx-auto btn btn-primary"
href="https://github.com/status-im/status-teller-network">View Source</a></div>
</div>
</div>
<div class="mt-4 mb-3 row">
<div class="icon-group text-center mt-5 undefined col-12 col-md-6">
<img alt="icon" src="./images/secureIcon.svg" data-aos="fade-right" class="aos-init"/>
<h3 class="icon-group-title aos-init" data-aos="fade-right">Secure &amp; Private</h3>
<div class="home-details aos-init" data-aos="fade-right">
Security is our top priority connect, chat, and transact with peers using secure
technology.
</div>
</div>
<div class="icon-group text-center mt-5 undefined col-12 col-md-6">
<img alt="icon" src="./images/peerIcon.svg" data-aos="fade-left" class="aos-init"/>
<h3 class="icon-group-title aos-init" data-aos="fade-left">Peer to Peer</h3>
<div class="home-details aos-init" data-aos="fade-left">
You own your funds, you manage your transactions no unnecessary middle men.
</div>
</div>
<div class="icon-group text-center mt-5 undefined col-12 col-md-6">
<img alt="icon" src="./images/worldwideIcon.svg" data-aos="fade-right" class="aos-init"/>
<h3 class="icon-group-title aos-init" data-aos="fade-right">Worldwide</h3>
<div class="home-details aos-init" data-aos="fade-right">
Obtain and transact in whatever currency you choose no matter where you are in the world.
</div>
</div>
<div class="icon-group text-center mt-5 mb-2 col-12 col-md-6">
<img alt="icon" src="./images/permissionlessIcon.svg" data-aos="fade-left" class="aos-init"/>
<h3 class="icon-group-title aos-init" data-aos="fade-left">Permissionless</h3>
<div class="home-details aos-init" data-aos="fade-left">
Join anonymously and begin transacting instantly - with anyone and everyone.
</div>
</div>
<div class="icon-group text-center mt-5 mt-5 col-12 col-md-12">
<img alt="icon" src="./images/tradeIcon.svg" data-aos="fade-up" class="aos-init"/>
<h3 class="icon-group-title aos-init" data-aos="fade-up">How does the trade work?</h3>
<div class="home-details aos-init" data-aos="fade-up">
<p data-aos="fade-up" class="aos-init">
Teller offers a decentralized, safe and private solution.
</p>
<img alt="trade example" src="./images/escrowExample.png"
class="mx-auto mt-2 mb-5 d-block aos-init" data-aos="fade-up">
<a class="d-inline-block mx-auto btn btn-primary"
href="https://github.com/status-im/status-teller-network">
View Source
</a>
</div>
</div>
</div>
<footer class="landing-footer border-top pt-5 mt-5 aos-init" data-aos="fade-up">
<div class="row">
<div class="order-first mb-4 pb-5 col-6 col-md-3">
<img src="./images/teller-logo-icon.svg" alt="Logo" class="mr-2"/>
<img src="./images/teller-logo-text.svg" alt="Logo text"/>
<img src="./images/beta-tag.svg" alt="Beta tag" class="ml-2 mt-1"/>
</div>
<div class="order-1 order-md-0 col-6 col-md-3">
<h5>Documentation</h5>
<ul>
<li>
<a href="https://github.com/status-im/status-teller-network">Getting Started</a>
</li>
</ul>
</div>
<div class="order-2 order-md-1 col-6 col-md-3">
<h5>Status Network</h5>
<ul>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://status.im">
Status
</a>
</li>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://keycard.status.im">
Keycard
</a>
</li>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://dap.ps/">
dap.ps
</a>
</li>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://assemble.fund/">
Assemble
</a>
</li>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://embark.status.im">
Embark
</a>
</li>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://subspace.embarklabs.io/">
Subspace
</a>
</li>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://vac.dev/">
Vac
</a>
</li>
<li>
<a target="_blank" rel="noopener noreferrer" href="https://nimbus.status.im">
Nimbus
</a>
</li>
</ul>
</div>
<div class="order-0 order-md-2 col-6 col-md-3">
<p class="text-right home-details mb-1">
We are part of
</p>
<p class="text-right">
<a target="_blank" rel="noopener noreferrer" href="https://status.im">
<img src="./images/statusLogo.svg" alt="Logo"/>
</a>
</p>
</div>
</div>
<p class="text-center mb-1 home-details">© 2019 Teller, Inc. All rights reserved</p>
</footer>
</div>
</div>
</div>
</div>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>