diff --git a/src/app/core/components/navigation/navigation.model.ts b/src/app/core/components/navigation/navigation.model.ts index 0e04362b..1aa6db5a 100644 --- a/src/app/core/components/navigation/navigation.model.ts +++ b/src/app/core/components/navigation/navigation.model.ts @@ -392,6 +392,12 @@ export class FuseNavigation } ] }, + { + 'title': 'Price Tables', + 'type' : 'nav-item', + 'icon' : 'view_carousel', + 'url' : '/components/price-tables' + } ]; } } diff --git a/src/app/main/content/components/components.module.ts b/src/app/main/content/components/components.module.ts index ef7b89a2..f1a0604c 100644 --- a/src/app/main/content/components/components.module.ts +++ b/src/app/main/content/components/components.module.ts @@ -2,11 +2,16 @@ import { NgModule } from '@angular/core'; import { SharedModule } from '../../../core/modules/shared.module'; import { RouterModule } from '@angular/router'; import { NgxDatatableComponent } from './datatable/ngx-datatable.component'; +import { FusePriceTablesComponent } from './price-tables/price-tables.component'; const routes = [ { path : 'components/datatables/ngx-datatable', component: NgxDatatableComponent + }, + { + path : 'components/price-tables', + component: FusePriceTablesComponent } ]; @@ -16,7 +21,8 @@ const routes = [ RouterModule.forChild(routes) ], declarations: [ - NgxDatatableComponent + NgxDatatableComponent, + FusePriceTablesComponent ] }) export class ComponentsModule diff --git a/src/app/main/content/components/price-tables/price-tables.component.html b/src/app/main/content/components/price-tables/price-tables.component.html new file mode 100644 index 00000000..9be40ef0 --- /dev/null +++ b/src/app/main/content/components/price-tables/price-tables.component.html @@ -0,0 +1,320 @@ +
+ + +
+
+
+ home + chevron_right + Tables +
+
Price Tables
+
+
+ + + +
+ + +
+ +
Style 1
+ +
+
+
+ BASIC +
+ +
+
$
+
+
4
+
/ month
+
+
+ + + +
+
+ 10 + Projects +
+
+ 10 + Pages +
+
+ 100 + Mb Disk Space +
+
+ + +
+ +
+
+ STANDARD + Save 15% +
+ +
+
$
+
+
8
+
/ month
+
+
+ + + +
+
+ 20 + Projects +
+
+ 20 + Pages +
+
+ 200 + Mb Disk Space +
+
+ + +
+ +
+
+ ADVANCED +
+ +
+
$
+
+
12
+
/ month
+
+
+ + + +
+
+ 40 + Projects +
+
+ 40 + Pages +
+
+ 500 + Mb Disk Space +
+
+ + +
+
+ +
+ + + +
+ +
Style 2
+ +
+
+
SILVER PACKAGE
+ +
+
$
+
99
+
+ +
PER MONTH
+ +
+
+ 10 + Projects +
+
+ 10 + Pages +
+
+ 100 + Mb Disk Space +
+
+ + +
+ +
+
BEST VALUE
+ +
GOLD PACKAGE
+ +
+
$
+
299
+
+ +
PER MONTH
+ +
+
+ 20 + Projects +
+
+ 20 + Pages +
+
+ 200 + Mb Disk Space +
+
+ + +
+ +
+
PLATINUM PACKAGE
+ +
+
$
+
499
+
+ +
PER MONTH
+ +
+
+ 40 + Projects +
+
+ 40 + Pages +
+
+ 500 + Mb Disk Space +
+
+ + + +
+
+ +
+ + + +
+ +
Style 3
+ +
+
+
+
Starter
+
For small teams
+
+ +
+
$
+
+
29
+
monthly per user
+
+
+ +
+
Unlimited projects
+
Unlimited pages
+
Unlimited disk space
+
24 / 7 Free support
+
+ + + +
7 day free trial to start
+
+ +
+
+
Pro
+
For larger teams
+
+ +
+
$
+
+
59
+
monthly per user
+
+
+ +
+
Unlimited projects
+
Unlimited pages
+
Unlimited disk space
+
24 / 7 Free support
+
Advanced reporting
+
Customizable interface
+
CRM Integration
+
+ + + +
30 day free trial to start
+
+ +
+
+
Enterprise
+
For big teams
+
+ +
+
$
+
+
99
+
monthly per user
+
+
+ +
+
Unlimited projects
+
Unlimited pages
+
Unlimited disk space
+
For full feature list, call us
+
+ + + +
90 day free trial to start
+
+
+ +
+ + +
+ +
+ diff --git a/src/app/main/content/components/price-tables/price-tables.component.scss b/src/app/main/content/components/price-tables/price-tables.component.scss new file mode 100644 index 00000000..8fdbe2d4 --- /dev/null +++ b/src/app/main/content/components/price-tables/price-tables.component.scss @@ -0,0 +1,3 @@ +:host { + +} \ No newline at end of file diff --git a/src/app/main/content/components/price-tables/price-tables.component.ts b/src/app/main/content/components/price-tables/price-tables.component.ts new file mode 100644 index 00000000..1b543a25 --- /dev/null +++ b/src/app/main/content/components/price-tables/price-tables.component.ts @@ -0,0 +1,14 @@ +import { Component } from '@angular/core'; + +@Component({ + selector : 'fuse-price-tables', + templateUrl: './price-tables.component.html', + styleUrls : ['./price-tables.component.scss'] +}) +export class FusePriceTablesComponent +{ + constructor() + { + + } +}