mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 15:40:11 +01:00
109 lines
4.7 KiB
HTML
109 lines
4.7 KiB
HTML
<ngx-landing-section-title>
|
|
Multiple theme
|
|
</ngx-landing-section-title>
|
|
|
|
<div class="carousel-container">
|
|
<div class="swiper-container reviews"
|
|
[swiper]="swiperConfig"
|
|
[(index)]="sliderIndex">
|
|
<div class="swiper-wrapper">
|
|
<a
|
|
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=material-light&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_material_light"
|
|
target="_blank"
|
|
class="image-container swiper-slide"
|
|
>
|
|
<img *ngIf="breakpoint.width <= breakpoints.sm"
|
|
data-src="assets/img/material-light-theme.png"
|
|
class="swiper-lazy"
|
|
alt="Material Light Theme" />
|
|
<img *ngIf="!(breakpoint.width <= breakpoints.sm)"
|
|
lazyLoad="assets/img/material-light-theme.png"
|
|
defaultImage="assets/img/default.png"
|
|
alt="Material Light Theme" />
|
|
</a>
|
|
<a
|
|
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=material-dark&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_material_dark"
|
|
target="_blank"
|
|
class="image-container swiper-slide"
|
|
>
|
|
<img *ngIf="breakpoint.width <= breakpoints.sm"
|
|
data-src="assets/img/material-dark-theme.png"
|
|
class="swiper-lazy"
|
|
alt="Material Dark Theme" />
|
|
<img *ngIf="!(breakpoint.width <= breakpoints.sm)"
|
|
lazyLoad="assets/img/material-dark-theme.png"
|
|
defaultImage="assets/img/default.png"
|
|
alt="Material Dark Theme" />
|
|
</a>
|
|
<a
|
|
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=default&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_default"
|
|
target="_blank"
|
|
class="image-container swiper-slide"
|
|
>
|
|
<img *ngIf="breakpoint.width <= breakpoints.sm"
|
|
data-src="assets/img/light-theme.png"
|
|
class="swiper-lazy"
|
|
alt="Eva Light Theme" />
|
|
<img *ngIf="!(breakpoint.width <= breakpoints.sm)"
|
|
lazyLoad="assets/img/light-theme.png"
|
|
defaultImage="assets/img/default.png"
|
|
alt="Eva Light Theme" />
|
|
</a>
|
|
<a
|
|
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=dark&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_dark"
|
|
target="_blank"
|
|
class="image-container swiper-slide"
|
|
>
|
|
<img *ngIf="breakpoint.width <= breakpoints.sm"
|
|
data-src="assets/img/dark-theme.png"
|
|
class="swiper-lazy"
|
|
alt="Eva Dark Theme" />
|
|
<img *ngIf="!(breakpoint.width <= breakpoints.sm)"
|
|
src="assets/img/dark-theme.png"
|
|
alt="Eva Dark Theme"
|
|
class="ng-lazyloaded" />
|
|
</a>
|
|
<a
|
|
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=cosmic&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_cosmic"
|
|
target="_blank"
|
|
class="image-container swiper-slide"
|
|
>
|
|
<img *ngIf="breakpoint.width <= breakpoints.sm"
|
|
data-src="assets/img/cosmic-theme.png"
|
|
class="swiper-lazy"
|
|
alt="Cosmic Theme" />
|
|
<img *ngIf="!(breakpoint.width <= breakpoints.sm)"
|
|
src="assets/img/cosmic-theme.png"
|
|
alt="Cosmic Theme"
|
|
class="ng-lazyloaded"/>
|
|
</a>
|
|
<a
|
|
href="https://www.akveo.com/ngx-admin/pages/dashboard?theme=corporate&utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=ngx_admin_landing_themes_corporate"
|
|
target="_blank"
|
|
class="image-container swiper-slide"
|
|
>
|
|
<img *ngIf="breakpoint.width <= breakpoints.sm"
|
|
data-src="assets/img/corporate-theme.png"
|
|
class="swiper-lazy"
|
|
alt="Corporate Theme" />
|
|
<img *ngIf="!(breakpoint.width <= breakpoints.sm)"
|
|
src="assets/img/corporate-theme.png"
|
|
alt="Corporate Theme"
|
|
class="ng-lazyloaded"/>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="swiper-pagination"></div>
|
|
|
|
<div class="swiper-button-prev">
|
|
<i [innerHTML]="'arrow-ios-back' | eva: { width: 36, height: 36, fill: '#00db92' }"></i>
|
|
</div>
|
|
<div class="swiper-button-next">
|
|
<i [innerHTML]="'arrow-ios-forward' | eva: { width: 36, height: 36, fill: '#00db92' }"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a class="btn btn-demo"
|
|
href="https://hubs.ly/H0n54_b0"
|
|
target="_blank">View demo</a>
|