site/_src/index.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">Meet Bigchain, the world’s most scalable blockchain. Coming soon.</h1>

            <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">This is Bigchain. 100K writes/s, sustained.</h1>
        </header>

        <figure>
            <img class="img__responsive" src="/assets/img/graph.png" width="672" height="226">
        </figure>

        <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 &amp; Whitepaper
                <span class="comingsoon">Coming Soon</span>
            </p>
        </div>
    </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="http://mkretschmann.us4.list-manage1.com/subscribe/post?u=96b695f2a4b06978eaf714c27&id=3fbe27c491" 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>