site/_src/index.html

95 lines
3.4 KiB
HTML

---
layout: base
front_page: true
---
<header class="section hero">
<div class="row">
<div class="hero__content">
<svg class="logo logo--full" aria-labelledby="title">
<title>Logo</title>
<use xlink:href="/assets/img/sprite.svg#logo"></use>
</svg>
<h1 class="section-title">Bigchain is coming.</h1>
<p>
<a href="#earlyaccess" class="btn btn-secondary-outline">Get Early Access</a>
</p>
<a href="#benchmarks" class="btn btn-link btn-sm">Learn More <svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-caret"></use>
</svg></a>
</div>
</div>
</header>
<section id="benchmarks" class="section section-benchmarks">
<div class="row">
<header class="section-header">
<h1 class="section-title">Key Features</h1>
</header>
<div class="section-description">
<div class="grid grid--gutters">
<p class="grid__col">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-graph"></use>
</svg>
100,000 transactions per second and climbing
</p>
<p class="grid__col">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-servers"></use>
</svg>
Petabyte Capacity
</p>
<p class="grid__col">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-tree"></use>
</svg>
Open Source
</p>
</div>
</div>
</div>
</section>
<section class="section section-whitepaper">
<div class="row">
<header class="section-header">
<h1 class="section-title">Whitepaper</h1>
</header>
<p class="section-description">
<svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-documents"></use>
</svg>
Coming soon
</p>
</div>
</section>
<section id="earlyaccess" class="section section-earlyaccess background--gray">
<div class="row">
<header class="section-header">
<h1 class="section-title">Early Access</h1>
</header>
<p class="section-description">For early access and inquiries, enter your contact information below</p>
<form action="" id="form-earlyaccess" class="js-parsley">
<p class="form-group">
<input class="form-control" type="text" id="name" name="name">
<label class="form-label" for="name">Your Name</label>
</p>
<p class="form-group">
<input class="form-control" type="email" id="email" name="email">
<label class="form-label" for="email">Your Email</label>
</p>
<p class="form-group">
<textarea class="form-control" id="comment" name="comment" rows="1"></textarea>
<label class="form-label" for="comment">Your Comment (optional)</label>
</p>
<p class="form-group">
<input class="btn btn-primary" type="submit" value="Send">
</p>
</form>
</div>
</section>