Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-20 17:30:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(demo): add landing page with docs (#1951)

Browse source
This commit is contained in:
Dmitry Nehaychik 2018-12-26 15:17:57 +03:00 • committed by Sergey Andrievskiy
parent 67c9587b87
commit 43cc3a1556
190 changed files with 15425 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

55
docs/app/pages/home/theme-section/theme-section.component.html Normal file
View file

@ -0,0 +1,55 @@
<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">
<div class="image-container swiper-slide">
<img *ngIf="breakpoint.width <= breakpoints.sm"
data-src="assets/img/light-theme.png"
class="swiper-lazy"
alt="Light Theme" />
<img *ngIf="!(breakpoint.width <= breakpoints.sm)"
lazyLoad="assets/img/light-theme.png"
defaultImage="assets/img/default.png"
alt="Light Theme" />
</div>
<div 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)"
lazyLoad="assets/img/cosmic-theme.png"
defaultImage="assets/img/default.png"
alt="Cosmic Theme" />
</div>
<div 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)"
lazyLoad="assets/img/corporate-theme.png"
defaultImage="assets/img/default.png"
alt="Corporate Theme" />
</div>
</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="http://akveo.com/ngx-admin?utm_source=ngx_admin_landing&utm_medium=theme_section"
target="_blank">View demo</a>