Files
WrenchBoardIonic2023/src/app/pages/slider/slider.page.html
T
CHIEFSOFT\ameye fbcc06253d Link
2024-11-09 17:21:44 -05:00

64 lines
3.0 KiB
HTML

<ion-content class="no-scroll" style="margin: 0 !important; padding: 0">
<div class="main-content" style="display: block; margin: 0; padding: 0; ">
<div class="box_container">
<div class="box">
<ion-slides pager="ios" style="height: 100%;">
<ion-slide class="slide_image"
[style.backgroundImage]="'url(assets/images/start_slider_2.jpg)'"
[style.background-size]="'cover'"
[style.background-position]="'center'"
>
<!-- <div class="slide_top">Ameye</div>-->
<div class="slide_div">
<div class="page_logo" style="padding-top: 15px;">
<img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
</div>
<ion-label class="head_lbl">Engage, Excite and Reward.</ion-label>
<!-- <ion-label class="text sl1">Earn without stress! Browse, Complete, and get Paid</ion-label>-->
</div>
</ion-slide>
<ion-slide class="slide_image"
[style.backgroundImage]="'url(assets/images/start_slider_1.jpg)'"
[style.background-size]="'cover'"
[style.background-position]="'center'"
>
<div class="slide_div">
<div class="page_logo" style="padding-top: 15px;">
<img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
</div>
<ion-label class="head_lbl">Engage Kids with Task, Goals and Inspire with Rewards.</ion-label>
<!-- <ion-label class="text sl1"> WrenchBoard is the platform to set goals and rewards or any other tasks. </ion-label>-->
</div>
</ion-slide>
<ion-slide class="slide_image"
[style.backgroundImage]="'url(assets/images/start_slider_3.jpg)'"
[style.background-size]="'cover'"
[style.background-position]="'center'"
>
<div class="slide_div">
<div class="page_logo" style="padding-top: 15px;">
<img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
</div>
<ion-label class="head_lbl">Let's Start.</ion-label>
<!-- <ion-label class="text sl1">Everything is ready to start rewarding goals.</ion-label>-->
</div>
</ion-slide>
</ion-slides>
</div>
<div class="stack-top">
<div class="action_box" >
<div class="action_h1">Some wonderful introduction text here, yes some wonderful introduction text here </div>
<ion-button (click)="onRegister()" expand="block" shape="round">
Get Started
</ion-button>
<div class="action_txt_scan" (click)="onStartScan()">Scan family code to continue</div>
<div class="action_txt" (click)="onLogin()">Already using WrenchBoard ? <span style="color: #3dc2ff">Sign in </span> </div>
</div>
</div>
</div>
</div>
</ion-content>