mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 15:40:11 +01:00
feat: remove bundles mentions
This commit is contained in:
Evgeny Lupanov
parent
98202e84f1
commit
9b8d70d1bd
2 changed files with 136 additions and 54 deletions
|
|
@ -3,18 +3,29 @@
|
||||||
</ngx-landing-section-title>
|
</ngx-landing-section-title>
|
||||||
|
|
||||||
<div class="section-container">
|
<div class="section-container">
|
||||||
|
|
||||||
<p class="features__description">
|
<p class="features__description">
|
||||||
Looking for a way to integrate Angular ngx-admin with .NET, Node.js, Ruby or PHP? We are here to save your time on painful setup, configuration and routing tasks.
|
Looking for a way to integrate Angular ngx-admin with .NET, Node.js, Ruby or
|
||||||
Choose starter kit bundle based on a technology of your choice below.
|
PHP? We are here to save your time on painful setup, configuration and
|
||||||
|
routing tasks. Choose starter kit bundle based on a technology of your
|
||||||
|
choice below.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="package-switcher">
|
<div class="package-switcher">
|
||||||
<div class="package-switcher__btn-group btn-group btn-group-toggle btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group">
|
<div
|
||||||
<label *ngFor="let license of licenses"
|
class="package-switcher__btn-group btn-group btn-group-toggle btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group"
|
||||||
class="package-switcher__btn btn btn-outline-secondary"
|
>
|
||||||
[class.active]="selectedLicenseType === license">
|
<label
|
||||||
<input type="radio" [value]="license" name="licence-type" [(ngModel)]="selectedLicenseType"> {{ license | ngxCapitalize }}
|
*ngFor="let license of licenses"
|
||||||
|
class="package-switcher__btn btn btn-outline-secondary"
|
||||||
|
[class.active]="selectedLicenseType === license"
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
type="radio"
|
||||||
|
[value]="license"
|
||||||
|
name="licence-type"
|
||||||
|
[(ngModel)]="selectedLicenseType"
|
||||||
|
/>
|
||||||
|
{{ license | ngxCapitalize }}
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -23,25 +34,50 @@
|
||||||
<li class="packages__item" *ngFor="let product of products | async">
|
<li class="packages__item" *ngFor="let product of products | async">
|
||||||
<nb-card class="package-card">
|
<nb-card class="package-card">
|
||||||
<nb-card-body>
|
<nb-card-body>
|
||||||
<div class="package-card__image" [ngStyle]="product.imageUrl | backgroundImage"></div>
|
<div
|
||||||
|
class="package-card__image"
|
||||||
|
[ngStyle]="product.imageUrl | backgroundImage"
|
||||||
|
></div>
|
||||||
<h4 class="package-card__title">{{ product.title }}</h4>
|
<h4 class="package-card__title">{{ product.title }}</h4>
|
||||||
<p class="package-card__description">
|
<p class="package-card__description">
|
||||||
{{ product.description | slice:0:200 }}...
|
{{ product.description | slice: 0:200 }}...
|
||||||
<a class="go-to-button"
|
<a
|
||||||
href="{{ product.storeUrl }}?utm_source=ngx_admin&utm_medium=referral&utm_campaign=akveo_store%20-%20specific%20bundle%20-%20ngx_admin%20landing&utm_content=buy_bundle_{{ selectedLicenseType }}"
|
class="go-to-button"
|
||||||
target="_blank">
|
href="{{
|
||||||
|
product.storeUrl
|
||||||
|
}}?utm_source=ngx_admin&utm_medium=referral&utm_campaign=akveo_store%20-%20specific%20bundle%20-%20ngx_admin%20landing&utm_content=buy_bundle_{{
|
||||||
|
selectedLicenseType
|
||||||
|
}}"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
read more
|
read more
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</p>
|
||||||
<div class="package-card__price-wrapper">
|
<div class="package-card__price-wrapper">
|
||||||
<span class="package-card__price package-card__price--old" *ngIf="shouldShowOldPrice(product.variants, selectedLicenseType)">
|
<span
|
||||||
${{ (product.variants | license:selectedLicenseType).compare_at_price }}
|
class="package-card__price package-card__price--old"
|
||||||
|
*ngIf="shouldShowOldPrice(product.variants, selectedLicenseType)"
|
||||||
|
>
|
||||||
|
${{
|
||||||
|
(product.variants | license: selectedLicenseType)
|
||||||
|
.compare_at_price
|
||||||
|
}}
|
||||||
</span>
|
</span>
|
||||||
<span class="package-card__price">From ${{ (product.variants | license:selectedLicenseType).price }}</span>
|
<span class="package-card__price"
|
||||||
|
>From ${{
|
||||||
|
(product.variants | license: selectedLicenseType).price
|
||||||
|
}}</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<a href="{{ product.storeUrl }}?utm_source=ngx_admin&utm_medium=referral&utm_campaign=akveo_store%20-%20specific%20bundle%20-%20ngx_admin%20landing&utm_content=buy_bundle_{{ selectedLicenseType }}"
|
<a
|
||||||
class="package-card__buy-link btn">
|
href="{{
|
||||||
Buy now
|
product.storeUrl
|
||||||
|
}}?utm_source=ngx_admin&utm_medium=referral&utm_campaign=akveo_store%20-%20specific%20bundle%20-%20ngx_admin%20landing&utm_content=buy_bundle_{{
|
||||||
|
selectedLicenseType
|
||||||
|
}}"
|
||||||
|
class="package-card__buy-link btn"
|
||||||
|
>
|
||||||
|
Buy now
|
||||||
</a>
|
</a>
|
||||||
</nb-card-body>
|
</nb-card-body>
|
||||||
</nb-card>
|
</nb-card>
|
||||||
|
|
@ -49,22 +85,31 @@
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div class="request-code-section">
|
<div class="request-code-section">
|
||||||
<a href="https://github.com/akveo/ngx-admin-bundle-support/tree/master/codeSamples" target="_blank" class="package-card__buy-link btn">
|
<a
|
||||||
|
href="https://github.com/akveo/ngx-admin-bundle-support/tree/master/codeSamples"
|
||||||
|
target="_blank"
|
||||||
|
class="package-card__buy-link btn"
|
||||||
|
>
|
||||||
CODE SAMPLE
|
CODE SAMPLE
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="https://store.akveo.com/collections/all?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin%20landing&utm_source=ngx_admin&utm_medium=referral&utm_content=browse_other_bundles" target="_blank" class="package-card__buy-link btn">
|
|
||||||
BROWSE OTHER BUNDLES
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="fleet-management-template-banner">
|
<div class="fleet-management-template-banner">
|
||||||
<a href="https://www.akveo.com/templates/fleet-management-dashboard?utm_campaign=services%20-%20templates%20-%20ngx-admin%20&utm_source=ngx-admin&utm_medium=referral&utm_content=landing_banner" target="_blank" aria-label="Template for Fleet Management Software">
|
<a
|
||||||
|
href="https://www.akveo.com/templates/fleet-management-dashboard?utm_campaign=services%20-%20templates%20-%20ngx-admin%20&utm_source=ngx-admin&utm_medium=referral&utm_content=landing_banner"
|
||||||
|
target="_blank"
|
||||||
|
aria-label="Template for Fleet Management Software"
|
||||||
|
>
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="assets/img/fleet-management-banner.webp" type="image/webp">
|
<source
|
||||||
<img src="assets/img/fleet-management-banner.jpg"
|
srcset="assets/img/fleet-management-banner.webp"
|
||||||
class="fleet-management-template-banner-image"
|
type="image/webp"
|
||||||
alt="Template for Fleet Management Software">
|
/>
|
||||||
|
<img
|
||||||
|
src="assets/img/fleet-management-banner.jpg"
|
||||||
|
class="fleet-management-template-banner-image"
|
||||||
|
alt="Template for Fleet Management Software"
|
||||||
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -78,48 +123,83 @@
|
||||||
<tr *ngFor="let feature of features | async">
|
<tr *ngFor="let feature of features | async">
|
||||||
<td class="left">{{ feature.text }}</td>
|
<td class="left">{{ feature.text }}</td>
|
||||||
<td>
|
<td>
|
||||||
<ng-container *ngTemplateOutlet="availabilityIcon; context: { $implicit: feature.availableInPersonalLicence }">
|
<ng-container
|
||||||
|
*ngTemplateOutlet="
|
||||||
|
availabilityIcon;
|
||||||
|
context: { $implicit: feature.availableInPersonalLicence }
|
||||||
|
"
|
||||||
|
>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<ng-container *ngTemplateOutlet="availabilityIcon; context: { $implicit: feature.availableInCommercialLicence }">
|
<ng-container
|
||||||
|
*ngTemplateOutlet="
|
||||||
|
availabilityIcon;
|
||||||
|
context: { $implicit: feature.availableInCommercialLicence }
|
||||||
|
"
|
||||||
|
>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<ng-template #availabilityIcon let-isAvailable>
|
<ng-template #availabilityIcon let-isAvailable>
|
||||||
<i *ngIf="isAvailable; else unavailableIcon"
|
<i
|
||||||
aria-label="available"
|
*ngIf="isAvailable; else unavailableIcon"
|
||||||
[innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }">
|
aria-label="available"
|
||||||
|
[innerHTML]="
|
||||||
|
'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }
|
||||||
|
"
|
||||||
|
>
|
||||||
</i>
|
</i>
|
||||||
|
|
||||||
<ng-template #unavailableIcon>
|
<ng-template #unavailableIcon>
|
||||||
<i aria-label="unavailable" [innerHTML]="'close-outline' | eva: { width: 24, height: 24, fill: '#ff8588' }"></i>
|
<i
|
||||||
|
aria-label="unavailable"
|
||||||
|
[innerHTML]="
|
||||||
|
'close-outline' | eva: { width: 24, height: 24, fill: '#ff8588' }
|
||||||
|
"
|
||||||
|
></i>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<ngx-landing-description-section *ngIf="descriptions | async" [descriptions]="descriptions | async"></ngx-landing-description-section>
|
<ngx-landing-description-section
|
||||||
|
*ngIf="descriptions | async"
|
||||||
|
[descriptions]="descriptions | async"
|
||||||
|
></ngx-landing-description-section>
|
||||||
|
|
||||||
<div class="bundles-architecture">
|
<div class="bundles-architecture">
|
||||||
<ngx-landing-section-title>
|
<ngx-landing-section-title> Architecture Design </ngx-landing-section-title>
|
||||||
Architecture Design
|
|
||||||
</ngx-landing-section-title>
|
|
||||||
|
|
||||||
<p class="features__description">The schema describes high-level solution architecture.</p>
|
<p class="features__description">
|
||||||
|
The schema describes high-level solution architecture.
|
||||||
|
</p>
|
||||||
|
|
||||||
<picture class="bundle-scheme">
|
<picture class="bundle-scheme">
|
||||||
<source type="image/webp" srcset="assets/img/bundle-scheme@1x.webp 1x, assets/img/bundle-scheme@2x.webp 2x">
|
<source
|
||||||
<img class="bundle-scheme__image" src="assets/img/bundle-scheme@1x.png" srcset="assets/img/bundle-scheme@2x.png 2x" alt="Backend bundles">
|
type="image/webp"
|
||||||
|
srcset="
|
||||||
|
assets/img/bundle-scheme@1x.webp 1x,
|
||||||
|
assets/img/bundle-scheme@2x.webp 2x
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
class="bundle-scheme__image"
|
||||||
|
src="assets/img/bundle-scheme@1x.png"
|
||||||
|
srcset="assets/img/bundle-scheme@2x.png 2x"
|
||||||
|
alt="Backend bundles"
|
||||||
|
/>
|
||||||
</picture>
|
</picture>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="features__description">Need more details or have a question?</p>
|
<p class="features__description">Need more details or have a question?</p>
|
||||||
|
|
||||||
<div class="request-code-section">
|
<div class="request-code-section">
|
||||||
<a href="mailto:support@akveo.com?subject=Custom bundle request" class="package-card__buy-link btn">
|
<a
|
||||||
|
href="mailto:support@akveo.com?subject=Custom bundle request"
|
||||||
|
class="package-card__buy-link btn"
|
||||||
|
>
|
||||||
CONTACT US
|
CONTACT US
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -2,15 +2,17 @@
|
||||||
<h1>ngx-admin</h1>
|
<h1>ngx-admin</h1>
|
||||||
<p class="description">
|
<p class="description">
|
||||||
The most popular admin dashboard based on <strong>Angular 9+</strong> and
|
The most popular admin dashboard based on <strong>Angular 9+</strong> and
|
||||||
<a href="https://akveo.github.io/nebular/?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20docs&utm_content=landing_main_info&utm_medium=referral&utm_source=ngx_admin" target="_blank">Nebular</a> with
|
<a
|
||||||
<a href="https://eva.design/?utm_campaign=eva_design%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_info">Eva Design System</a> support.
|
href="https://akveo.github.io/nebular/?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20docs&utm_content=landing_main_info&utm_medium=referral&utm_source=ngx_admin"
|
||||||
Free and Open Source for personal and commercial purposes.
|
target="_blank"
|
||||||
<br>
|
>Nebular</a
|
||||||
<span class="bundles">
|
>
|
||||||
Never start from scratch again.
|
with
|
||||||
<a href="https://store.akveo.com/collections/all?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin%20landing&utm_source=ngx_admin&utm_medium=referral&utm_content=integrate_hero_link" target="_blank">
|
<a
|
||||||
Integrate ready-made solution: ngx-admin with backend.
|
href="https://eva.design/?utm_campaign=eva_design%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_info"
|
||||||
</a>
|
>Eva Design System</a
|
||||||
</span>
|
>
|
||||||
|
support. Free and Open Source for personal and commercial purposes.
|
||||||
|
<br />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue