mirror of
https://github.com/bigchaindb/site.git
synced 2024-12-24 18:36:11 +01:00
114 lines
4.4 KiB
HTML
114 lines
4.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>
|
||
<p class="section-description">Something like a value proposition also would fit here, just something to explain what exactly Bigchain is, what I can do with it and so on.</p>
|
||
</header>
|
||
|
||
<div class="grid grid--full grid-small--fit 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>
|
||
</section>
|
||
|
||
<section class="section section-whitepaper">
|
||
<div class="row">
|
||
<header class="section-header">
|
||
<h1 class="section-title">Whitepaper</h1>
|
||
<p class="section-description">Create excitement by saying here what the whitepaper will contain and why visitors would want it.<p>
|
||
</header>
|
||
|
||
<svg class="icon">
|
||
<use xlink:href="/assets/img/sprite.svg#icon-documents"></use>
|
||
</svg>
|
||
<p class="text-center">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>
|
||
<p class="section-description">For early access and inquiries, enter your contact information below</p>
|
||
</header>
|
||
|
||
<form id="form-earlyaccess" class="js-parsley" action="" method="POST">
|
||
<p class="form-group">
|
||
<input class="form-control" type="text" id="name" name="name" required>
|
||
<label class="form-label" for="name">Your Name</label>
|
||
</p>
|
||
<p class="form-group">
|
||
<input class="form-control" type="email" id="email" name="email" required>
|
||
<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>
|
||
|
||
<div class="alert alert-success animation-slide-in-from-bottom hide">
|
||
<svg class="alert__icon icon icon-success">
|
||
<use xlink:href="/assets/img/sprite.svg#icon-success"></use>
|
||
</svg>
|
||
<p>
|
||
<strong class="alert__title">Great to hear you’re interested!</strong>
|
||
We’ll get in touch soon to discuss how we can work together.
|
||
</p>
|
||
</div>
|
||
<div class="alert alert-danger hide">
|
||
<svg class="alert__icon icon icon-fail">
|
||
<use xlink:href="/assets/img/sprite.svg#icon-fail"></use>
|
||
</svg>
|
||
<p>
|
||
<strong class="alert__title">Ops, there was an error</strong>
|
||
Would you mind trying again?
|
||
</p>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</section>
|