anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

feat(card): polish design of bitpay card intro view

Browse source
This commit is contained in:
Jason Dreyzehner 2016-10-20 23:59:03 -04:00
commit ffa8aa39ce
3 changed files with 50 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

29
www/views/bitpayCardIntro.html
View file

@ -1,43 +1,40 @@
<ion-view id="bitpayCard-intro" hide-tabs>
<ion-nav-bar class="bar-stable">
<ion-view id="bitpayCard-intro" class="onboarding" hide-tabs>
<ion-nav-bar>
<ion-nav-back-button>
</ion-nav-back-button>
<ion-nav-title></ion-nav-title>
<ion-nav-buttons side="secondary">
<button class="button back-button button-clear" ng-click="orderBitPayCard()">
<i class="icon ion-ios-information-outline"></i>
<button class="button button-clear" ng-click="bitPayCardInfo()">
<i class="icon ion-ios-information-outline bitpayCard__info"></i>
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-content scroll="false">
<div class="text-center padding">
<img src="img/bitpay-card-visa.svg" width="100%">
<div class="bitpayCard__illustration">
<img class="bitpayCard__illustration__img" src="img/bitpay-card-visa.svg">
</div>
<ion-slide-box>
<ion-slide>
<p translate>
Turn bitcoin into dollars, swipe anywhere Visa&reg; is accepted.
<p class="slider__text" translate>
Turn bitcoin into dollars, swipe anywhere Visa<sup>&reg;</sup> is accepted.
</p>
</ion-slide>
<ion-slide>
<p translate>
<span translate>Get local cash anywhere you go, from any Visa&reg;-compatible ATM.</span>
<div translate class="size-10 text-center">
*ATM bank fees may apply
</div>
<p class="slider__text" translate>
<span translate>Get local cash anywhere you go, from any Visa<sup>&reg;</sup> compatible ATM. ATM bank fees may apply.</span>
</p>
</ion-slide>
<ion-slide>
<p translate>
<p class="slider__text" translate>
Pay 0% fees to turn bitcoin into dollars.
</p>
</ion-slide>
</ion-slide-box>
<div class="cta-button">
<button class="button button-block button-primary" ng-click="orderBitPayCard()" translate>
<button class="button button-standard button-primary" ng-click="orderBitPayCard()" translate>
Order the BitPay Card
</button>
<button class="button button-block button-transparent text-white m10t" ng-click="connectBitPayCard()" translate>
<button class="button button-standard button-secondary button-clear" ng-click="connectBitPayCard()" translate>
Connect my BitPay Card
</button>
</div>