You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

61 lines
2.4 KiB
HTML

<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<div class="page" data-name="setup0">
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" class="link icon-only back">
<i class="icon icon-back"></i>
</a>
</div>
<div class="title">Welcome</div>
</div>
</div>
<div class="page-content">
<div class="row justify-content-center">
<div class="col-100 desktop-66">
<div class="card">
<div class="card-content card-content-padding text-align-center">
<h3>Choose an account type.</h3>
<p>If you don't have an account, you can create one in the next step.</p>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<a class="col-100 tablet-50 desktop-33" href="/setup/1/giver">
<div class="card">
<div class="card-content card-content-padding text-align-center bg-color-green text-color-white">
<span class="fa-stack fa-5x">
<i class="fas fa-money-bill-wave-alt fa-stack-2x"></i>
<i class="fas fa-circle fa-stack-1x"></i>
<i class="fas fa-arrow-alt-circle-up fa-inverse fa-stack-1x text-color-green"></i>
</span>
<h3>Giver</h3>
</div>
</div>
</a>
<a class="col-100 tablet-50 desktop-33" href="/setup/1/receiver">
<div class="card">
<div class="card-content card-content-padding text-align-center bg-color-blue text-color-white">
<span class="fa-stack fa-5x">
<i class="fas fa-money-bill-wave-alt fa-stack-2x"></i>
<i class="fas fa-circle fa-stack-1x"></i>
<i class="fas fa-arrow-alt-circle-down fa-inverse fa-stack-1x text-color-blue"></i>
</span>
<h3>Receiver</h3>
</div>
</div>
</a>
</div>
</div>
</div>