CHIEFSOFT\ameye
98 lines
3.3 KiB
HTML
98 lines
3.3 KiB
HTML
<ion-header class="ion-no-border">
|
|
<ion-toolbar>
|
|
<div class="heading">
|
|
<div class="left">
|
|
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/profile.jpg)'"></div>
|
|
<div>
|
|
<ion-label class="grey_text">Hello</ion-label>
|
|
<ion-label class="bold_text">{{firstname}}</ion-label>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<ion-icon name="notifications-outline" (click)="onNotification()"></ion-icon>
|
|
<ion-icon name="bookmark-outline" (click)="onBookmark()"></ion-icon>
|
|
</div>
|
|
</div>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content class="ion-padding">
|
|
|
|
<!-- <div class="search_box" (click)="onSearch()">
|
|
<ion-icon slot="start" name="search"></ion-icon>
|
|
<ion-label>Search</ion-label>
|
|
</div> -->
|
|
|
|
<div class="offer">
|
|
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/offer.jpg)'"></div>
|
|
</div>
|
|
|
|
<!-- <div class="flex">
|
|
<ion-label class="bold_text">Top Mentors</ion-label>
|
|
<ion-label class="color_text" (click)="onTopMentors()">See all</ion-label>
|
|
</div>
|
|
|
|
<div class="story-item">
|
|
<div class="menu">
|
|
<div class="item" *ngFor="let item of [1,2,3,4,5,6,7,8,9,10]">
|
|
<ion-thumbnail> <img src="assets/images/p1.jpg" /> </ion-thumbnail>
|
|
<ion-label>Bob</ion-label>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- <div class="flex">
|
|
<ion-label class="bold_text">Most Popular Courses</ion-label>
|
|
<ion-label class="color_text" (click)="onPopular()">See all</ion-label>
|
|
</div>
|
|
|
|
<div class="story-item">
|
|
<div class="menu">
|
|
<div class="text">
|
|
<ion-label class="select">All</ion-label>
|
|
<ion-label>Design</ion-label>
|
|
<ion-label>Business</ion-label>
|
|
<ion-label>Education</ion-label>
|
|
<ion-label>Finance</ion-label>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
|
|
<div class="bg_white" *ngFor="let item of bannerData; let i = index" (click)="onDetails(item)">
|
|
<div class="list">
|
|
<div class="bg_image back_image banner_image" [style.backgroundImage]="'url(assets/images/p2.jpg)'"></div>
|
|
<div class="detail">
|
|
<ion-label class="name">{{item.short_title}}</ion-label>
|
|
<ion-label class="bg_text">{{item.short_description}}</ion-label>
|
|
|
|
|
|
<!-- <ion-label class="price">$48.00 </ion-label>-->
|
|
|
|
<div class="row">
|
|
<!-- <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
|
|
<!-- <ion-label class="small">4.9</ion-label>-->
|
|
<!-- <ion-label class="small">|</ion-label>-->
|
|
<!-- <ion-label class="small">8266 Students</ion-label>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
|
|
</div>
|
|
|
|
<div class="flex">
|
|
<ion-label class="bold_text">Recomended Blog</ion-label>
|
|
<ion-label class="color_text">See all</ion-label>
|
|
</div>
|
|
<div class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="onDetails()">
|
|
<div class="list">
|
|
<div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p2.jpg)'"></div>
|
|
<div class="detail">
|
|
<ion-label class="name">{{item.post_title}}</ion-label>
|
|
</div>
|
|
</div>
|
|
<ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>
|
|
</div>
|
|
|
|
</ion-content>
|