---
# This file is licensed under the MIT License (MIT) available on
# http://opensource.org/licenses/MIT.

layout: base
id: innovation
---
<div class="hero">
  <div class="container hero-container">
    <h1>{% translate pagetitle %}</h1>
    <p class="summarytxt">{% translate summary %}</p>
  </div>
</div>

<div class="container">
  <div class="row card-row">

    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/ico_control.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="control">{% translate control %}</h2>
      <p>{% translate controltext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/accessibility.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="global">{% translate global %}</h2>
      <p>{% translate globaltext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/efficiency.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="cost">{% translate cost %}</h2>
      <p>{% translate costtext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/donation.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="donation">{% translate donation %}</h2>
      <p>{% translate donationtext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/crowdfunding.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="crowdfunding">{% translate crowdfunding %}</h2>
      <p>{% translate crowdfundingtext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/micro-payments.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="micro">{% translate micro %}</h2>
      <p>{% translate microtext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/mediation.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="mediation">{% translate mediation %}</h2>
      <p>{% translate mediationtext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/multi-signature.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="multisig">{% translate multisig %}</h2>
      <p>{% translate multisigtext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/trust.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="trust">{% translate trust %}</h2>
      <p>{% translate trusttext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/decentralization.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="resiliency">{% translate resiliency %}</h2>
      <p>{% translate resiliencytext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/transparency.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="transparency">{% translate transparency %}</h2>
      <p>{% translate transparencytext %}</p>
    </div>
    
    <div class="card innovation-card">
      <img class="titleicon" src="/img/icons/automatization.svg?{{site.time | date: '%s'}}" alt="Icon" />
      <h2 id="automation">{% translate automation %}</h2>
      <p>{% translate automationtext %}</p>
    </div>

  </div>
</div>