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>
|
||||
|
||||
<div class="section-container">
|
||||
|
||||
<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.
|
||||
Choose starter kit bundle based on a technology of your choice below.
|
||||
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. Choose starter kit bundle based on a technology of your
|
||||
choice below.
|
||||
</p>
|
||||
|
||||
<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">
|
||||
<label *ngFor="let license of licenses"
|
||||
<div
|
||||
class="package-switcher__btn-group btn-group btn-group-toggle btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group"
|
||||
>
|
||||
<label
|
||||
*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 }}
|
||||
[class.active]="selectedLicenseType === license"
|
||||
>
|
||||
<input
|
||||
type="radio"
|
||||
[value]="license"
|
||||
name="licence-type"
|
||||
[(ngModel)]="selectedLicenseType"
|
||||
/>
|
||||
{{ license | ngxCapitalize }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -23,24 +34,49 @@
|
|||
<li class="packages__item" *ngFor="let product of products | async">
|
||||
<nb-card class="package-card">
|
||||
<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>
|
||||
<p class="package-card__description">
|
||||
{{ product.description | slice: 0:200 }}...
|
||||
<a class="go-to-button"
|
||||
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">
|
||||
<a
|
||||
class="go-to-button"
|
||||
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
|
||||
</a>
|
||||
</p>
|
||||
<div class="package-card__price-wrapper">
|
||||
<span class="package-card__price package-card__price--old" *ngIf="shouldShowOldPrice(product.variants, selectedLicenseType)">
|
||||
${{ (product.variants | license:selectedLicenseType).compare_at_price }}
|
||||
<span
|
||||
class="package-card__price package-card__price--old"
|
||||
*ngIf="shouldShowOldPrice(product.variants, selectedLicenseType)"
|
||||
>
|
||||
${{
|
||||
(product.variants | license: selectedLicenseType)
|
||||
.compare_at_price
|
||||
}}
|
||||
</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>
|
||||
<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="package-card__buy-link btn">
|
||||
<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="package-card__buy-link btn"
|
||||
>
|
||||
Buy now
|
||||
</a>
|
||||
</nb-card-body>
|
||||
|
|
@ -49,22 +85,31 @@
|
|||
</ul>
|
||||
|
||||
<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
|
||||
</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 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>
|
||||
<source srcset="assets/img/fleet-management-banner.webp" type="image/webp">
|
||||
<img src="assets/img/fleet-management-banner.jpg"
|
||||
<source
|
||||
srcset="assets/img/fleet-management-banner.webp"
|
||||
type="image/webp"
|
||||
/>
|
||||
<img
|
||||
src="assets/img/fleet-management-banner.jpg"
|
||||
class="fleet-management-template-banner-image"
|
||||
alt="Template for Fleet Management Software">
|
||||
alt="Template for Fleet Management Software"
|
||||
/>
|
||||
</picture>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -78,48 +123,83 @@
|
|||
<tr *ngFor="let feature of features | async">
|
||||
<td class="left">{{ feature.text }}</td>
|
||||
<td>
|
||||
<ng-container *ngTemplateOutlet="availabilityIcon; context: { $implicit: feature.availableInPersonalLicence }">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
availabilityIcon;
|
||||
context: { $implicit: feature.availableInPersonalLicence }
|
||||
"
|
||||
>
|
||||
</ng-container>
|
||||
</td>
|
||||
<td>
|
||||
<ng-container *ngTemplateOutlet="availabilityIcon; context: { $implicit: feature.availableInCommercialLicence }">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="
|
||||
availabilityIcon;
|
||||
context: { $implicit: feature.availableInCommercialLicence }
|
||||
"
|
||||
>
|
||||
</ng-container>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<ng-template #availabilityIcon let-isAvailable>
|
||||
<i *ngIf="isAvailable; else unavailableIcon"
|
||||
<i
|
||||
*ngIf="isAvailable; else unavailableIcon"
|
||||
aria-label="available"
|
||||
[innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }">
|
||||
[innerHTML]="
|
||||
'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }
|
||||
"
|
||||
>
|
||||
</i>
|
||||
|
||||
<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>
|
||||
</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">
|
||||
<ngx-landing-section-title>
|
||||
Architecture Design
|
||||
</ngx-landing-section-title>
|
||||
<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">
|
||||
<source 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">
|
||||
<source
|
||||
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>
|
||||
</div>
|
||||
|
||||
<p class="features__description">Need more details or have a question?</p>
|
||||
|
||||
<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
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,15 +2,17 @@
|
|||
<h1>ngx-admin</h1>
|
||||
<p class="description">
|
||||
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 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.
|
||||
Free and Open Source for personal and commercial purposes.
|
||||
<br>
|
||||
<span class="bundles">
|
||||
Never start from scratch again.
|
||||
<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">
|
||||
Integrate ready-made solution: ngx-admin with backend.
|
||||
</a>
|
||||
</span>
|
||||
<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
|
||||
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. Free and Open Source for personal and commercial purposes.
|
||||
<br />
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue