-
- You can pay for the product you have purchased using credit cards, debit cards,
- or via online banking. We also provide cash-on-delivery services for most of our
- products. You can also use your account wallet for payment.
+ You can let your customers pay for the product you have purchased using credit cards, debit cards,
+ or via online banking. Our mode of payment is secure with blockchain technology features
+ that can verify your customers identity.
- If while signing in to your account you see an error message, you can do the following
+ We are deeply committed to helping you. You can get in touch with us
@@ -54,37 +53,31 @@
@@ -34,7 +34,7 @@ Basic accordions
-Use class .accordion for Basic Accordion
Need Help?
- How can I pay for an order I placed? + How to deal safely online?
- I can’t sign in to my account + How do I contact the Support Team?
-
-
- Check your network connection and try again -
- Make sure your account credentials are correct while signing in -
- Check whether your account is accessible in your region +
- Email: sampleadmin@admin.com +
- Telephone No.: 2342-4554 +
- Fax No. (+45) 737242
- If the problem persists, you can contact our support. + Please call 8474-28283 for 24/7 customer support.
- Basic accordions
- Use class .accordion-inverse-* for inverse styling
+ Customer Info
- How can I pay for an order I placed?
+ How can my customer pay for an order in my products?
- You can pay for the product you have purchased using credit cards, debit cards,
- or via online banking. We also provide cash-on-delivery services for most of our
- products. You can also use your account wallet for payment.
+ Your customers can pay for the product they have purchased using credit cards, debit cards,
+ or via online banking. Alternatively, they can also use your account wallet for payment.
- I can’t sign in to my account
+ Order Package Delivery Paid But Not Shipped
- If while signing in to your account you see an error message, you can do the following
-
- - Check your network connection and try again
- - Make sure your account credentials are correct while signing in
- - Check whether your account is accessible in your region
-
+ For packages that are not sucessfully shipped, call 5663-3434 to resolve issue ASAP.
+
- If the problem persists, you can contact our support.
+ Please call 8474-28283 for 24/7 customer support.
@@ -106,52 +99,12 @@
- Basic accordions
- Use class .bg-* for .card-header element for filled header styling
-
-
-
-
- How can I pay for an order I placed?
-
-
-
- You can pay for the product you have purchased using credit cards, debit cards,
- or via online banking. We also provide cash-on-delivery services for most of our
- products. You can also use your account wallet for payment.
-
-
-
-
-
- I can’t sign in to my account
-
-
-
- If while signing in to your account you see an error message, you can do the following
-
- - Check your network connection and try again
- - Make sure your account credentials are correct while signing in
- - Check whether your account is accessible in your region
-
-
-
- If the problem persists, you can contact our support.
-
-
-
-
-
-
- Can I add money to the wallet?
-
-
-
- You can add money to the wallet for any future transaction from your bank account using net-banking, or
- credit/debit card transaction. The money in the wallet can be used for an easier and faster transaction.
-
-
-
+ Find Us
+
+
+
+
+
diff --git a/src/app/alerts/alerts.component.html b/src/app/alerts/alerts.component.html
deleted file mode 100644
index 5092c09..0000000
--- a/src/app/alerts/alerts.component.html
+++ /dev/null
@@ -1,86 +0,0 @@
-
-
-
-
- Bootstrap alert
- Add class .alert .alert-*
-
- You successfully read this important alert message.
-
-
- This alert needs your attention, but it's not that important.
-
-
- Better check yourself, you're not looking too good.
-
-
- Change a few things up and try submitting again.
-
-
- This is a primary alert
-
-
- This alert is not so important.
-
-
-
-
-
-
-
- Custom alerts
-
- Custom HTML inside alert
-
-
-
-
- Well done! You successfully read this important alert message.
-
-
-
-
-
-
-
-
- Heads up! This alert needs your attention, but it's not super important.
-
-
-
-
-
-
-
-
-
-
-
- Bootstrap alerts in fill colors
-
- Add class .alert-fill-* with .alert
-
-
-
- There! This is a primary alert.
-
-
-
- Well done! You successfully read this important alert message.
-
-
-
- Heads up! This alert needs your attention, but it's not super important.
-
-
-
- Warning! Better check yourself, you're not looking too good.
-
-
-
- Oh snap! Change a few things up and try submitting again.
-
-
-
-
-
\ No newline at end of file
diff --git a/src/app/alerts/alerts.component.spec.ts b/src/app/alerts/alerts.component.spec.ts
deleted file mode 100644
index db644c6..0000000
--- a/src/app/alerts/alerts.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AlertsComponent } from './alerts.component';
-
-describe('AlertsComponent', () => {
- let component: AlertsComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ AlertsComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(AlertsComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/alerts/alerts.component.ts b/src/app/alerts/alerts.component.ts
deleted file mode 100644
index ba056ad..0000000
--- a/src/app/alerts/alerts.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-alerts',
- templateUrl: './alerts.component.html',
- styleUrls: ['./alerts.component.scss']
-})
-export class AlertsComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit() {
- }
-
-}
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 1f27bf5..3c77988 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,41 +1,18 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
-
import { DashboardComponent } from './dashboard/dashboard.component';
-import { FormsComponent } from './forms/forms.component';
-import { ButtonsComponent } from './buttons/buttons.component';
-import { TablesComponent } from './tables/tables.component';
-import { IconsComponent } from './icons/icons.component';
-import { TypographyComponent } from './typography/typography.component';
-import { AlertsComponent } from './alerts/alerts.component';
+import { productComponent } from './product/product.component';
import { AccordionsComponent } from './accordions/accordions.component';
-import { BadgesComponent } from './badges/badges.component';
import { ProgressbarComponent } from './progressbar/progressbar.component';
-import { BreadcrumbsComponent } from './breadcrumbs/breadcrumbs.component';
-import { PaginationComponent } from './pagination/pagination.component';
import { DropdownComponent } from './dropdown/dropdown.component';
-import { TooltipsComponent } from './tooltips/tooltips.component';
-import { CarouselComponent } from './carousel/carousel.component';
-import { TabsComponent } from './tabs/tabs.component';
const routes: Routes = [
{ path: '', redirectTo: '/dashboard', pathMatch: 'full' },
{ path: 'dashboard', component: DashboardComponent },
- { path: 'forms', component: FormsComponent },
- { path: 'buttons', component: ButtonsComponent },
- { path: 'tables', component: TablesComponent },
- { path: 'icons', component: IconsComponent },
- { path: 'typography', component: TypographyComponent },
- { path: 'alerts', component: AlertsComponent },
+ { path: 'forms', component: productComponent },
{ path: 'accordions', component: AccordionsComponent },
- { path: 'badges', component: BadgesComponent },
{ path: 'progressbar', component: ProgressbarComponent },
- { path: 'breadcrumbs', component: BreadcrumbsComponent },
- { path: 'pagination', component: PaginationComponent },
{ path: 'dropdowns', component: DropdownComponent },
- { path: 'tooltips', component: TooltipsComponent },
- { path: 'carousel', component: CarouselComponent },
- { path: 'tabs', component: TabsComponent }
];
@NgModule({
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 3c76bfd..360d3b7 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -11,21 +11,10 @@ import { NavbarComponent } from './navbar/navbar.component';
import { SidebarComponent } from './sidebar/sidebar.component';
import { FooterComponent } from './footer/footer.component';
import { DashboardComponent } from './dashboard/dashboard.component';
-import { FormsComponent } from './forms/forms.component';
-import { ButtonsComponent } from './buttons/buttons.component';
-import { TablesComponent } from './tables/tables.component';
-import { TypographyComponent } from './typography/typography.component';
-import { IconsComponent } from './icons/icons.component';
-import { AlertsComponent } from './alerts/alerts.component';
+import { productComponent } from './product/product.component';
import { AccordionsComponent } from './accordions/accordions.component';
-import { BadgesComponent } from './badges/badges.component';
import { ProgressbarComponent } from './progressbar/progressbar.component';
-import { BreadcrumbsComponent } from './breadcrumbs/breadcrumbs.component';
-import { PaginationComponent } from './pagination/pagination.component';
import { DropdownComponent } from './dropdown/dropdown.component';
-import { TooltipsComponent } from './tooltips/tooltips.component';
-import { CarouselComponent } from './carousel/carousel.component';
-import { TabsComponent } from './tabs/tabs.component';
@NgModule({
declarations: [
@@ -34,21 +23,10 @@ import { TabsComponent } from './tabs/tabs.component';
SidebarComponent,
FooterComponent,
DashboardComponent,
- FormsComponent,
- ButtonsComponent,
- TablesComponent,
- TypographyComponent,
- IconsComponent,
- AlertsComponent,
+ productComponent,
AccordionsComponent,
- BadgesComponent,
ProgressbarComponent,
- BreadcrumbsComponent,
- PaginationComponent,
DropdownComponent,
- TooltipsComponent,
- CarouselComponent,
- TabsComponent
],
imports: [
BrowserModule,
diff --git a/src/app/badges/badges.component.html b/src/app/badges/badges.component.html
deleted file mode 100644
index 572357e..0000000
--- a/src/app/badges/badges.component.html
+++ /dev/null
@@ -1,239 +0,0 @@
-
-
-
-
- Normal Badges
- Add class .badge-{{ '{' }}color{{ '}' }} with .badge
-
-
-
-
- Item
- Label
-
-
-
-
- Primary label
- Primary
-
-
- Info label
- Info
-
-
- Danger label
- Danger
-
-
- Success label
- Success
-
-
- Warning label
- Warning
-
-
-
-
-
-
-
-
-
-
- Badge Pills
- Add class .badge-pill
-
-
-
-
- Item
- Label
-
-
-
-
- Primary label
- Primary
-
-
- Info label
- Info
-
-
- Danger label
- Danger
-
-
- Success label
- Success
-
-
- Warning label
- Warning
-
-
-
-
-
-
-
-
-
-
- Badge Outlined Variations
- Add class .badge-outline-*
-
-
-
-
- Normal
- Rounded
-
-
-
-
- Primary
- Primary
-
-
- Info
- Info
-
-
- Danger
- Danger
-
-
- Success
- Success
-
-
- Warning
- Warning
-
-
-
-
-
-
-
-
-
-
- Badge Outlined Variations
-
-
-
-
- Item
- Label
-
-
-
-
- Rounded Primary
- 2
-
-
- Rounded Info
- 5
-
-
- Rounded Danger
- 1
-
-
- Rounded Success
- 9
-
-
- Rounded Warning
- 4
-
-
-
-
-
-
-
-
-
-
- Badge Variations
-
-
-
-
- Item
- Label
-
-
-
-
- Rounded Primary
- 2
-
-
- Rounded Info
- 5
-
-
- Rounded Danger
- 1
-
-
- Rounded Success
- 9
-
-
- Rounded Warning
- 4
-
-
-
-
-
-
-
-
-
-
- Badge With Icons
-
-
-
-
- Item
- Label
-
-
-
-
- Icon Badge
-
-
- Outlined Icons
-
-
- Icon With Text
- 12
-
-
- Icon With Text
- 12
-
-
- Icon Badge
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/app/badges/badges.component.scss b/src/app/badges/badges.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/badges/badges.component.spec.ts b/src/app/badges/badges.component.spec.ts
deleted file mode 100644
index afaa811..0000000
--- a/src/app/badges/badges.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BadgesComponent } from './badges.component';
-
-describe('BadgesComponent', () => {
- let component: BadgesComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ BadgesComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(BadgesComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/badges/badges.component.ts b/src/app/badges/badges.component.ts
deleted file mode 100644
index 4980039..0000000
--- a/src/app/badges/badges.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-badges',
- templateUrl: './badges.component.html',
- styleUrls: ['./badges.component.scss']
-})
-export class BadgesComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit() {
- }
-
-}
diff --git a/src/app/breadcrumbs/breadcrumbs.component.html b/src/app/breadcrumbs/breadcrumbs.component.html
deleted file mode 100644
index 6cebb46..0000000
--- a/src/app/breadcrumbs/breadcrumbs.component.html
+++ /dev/null
@@ -1,213 +0,0 @@
-
-
-
-
- Breadcrumbs
- Add class .breadcrumbs
-
-
-
-
-
-
-
-
-
-
-
- Custom Breadcrumbs
- Add class .breadcrumb-custom for custom styling
-
-
-
-
-
-
-
-
-
-
-
- Inverse Breadcrumbs
- Add class .bg-inverse-* for inverse skin
-
-
-
-
-
-
-
-
-
-
-
-
-
- Inverse Custom Breadcrumbs
- Add class .bg-inverse-* for inverse skin
-
-
-
-
-
-
-
-
-
-
-
-
-
- Colored Breadcrumb Variations
- Add class .bg-* for solid colored breadcrumb
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/app/breadcrumbs/breadcrumbs.component.scss b/src/app/breadcrumbs/breadcrumbs.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/breadcrumbs/breadcrumbs.component.spec.ts b/src/app/breadcrumbs/breadcrumbs.component.spec.ts
deleted file mode 100644
index 175ef83..0000000
--- a/src/app/breadcrumbs/breadcrumbs.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BreadcrumbsComponent } from './breadcrumbs.component';
-
-describe('BreadcrumbsComponent', () => {
- let component: BreadcrumbsComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ BreadcrumbsComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(BreadcrumbsComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/breadcrumbs/breadcrumbs.component.ts b/src/app/breadcrumbs/breadcrumbs.component.ts
deleted file mode 100644
index a599a8f..0000000
--- a/src/app/breadcrumbs/breadcrumbs.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-breadcrumbs',
- templateUrl: './breadcrumbs.component.html',
- styleUrls: ['./breadcrumbs.component.scss']
-})
-export class BreadcrumbsComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit() {
- }
-
-}
diff --git a/src/app/carousel/carousel.component.html b/src/app/carousel/carousel.component.html
deleted file mode 100644
index 46abbe9..0000000
--- a/src/app/carousel/carousel.component.html
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
- Basic carousel
-
-
- 
-
-
- 
-
-
- 
-
-
-
-
-
-
-
-
- Carousel with captions
-
-
- 
-
- First slide label
- Nulla vitae elit libero, a pharetra augue mollis interdum.
-
-
-
- 
-
- Second slide label
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-
-
- 
-
- Third slide label
- Praesent commodo cursus magna, vel scelerisque nisl consectetur.
-
-
-
-
-
-
-
-
-
-
-
- Loop
-
-
- 
-
-
- 
-
-
- 
-
-
-
-
-
-
-
-
- non-Loop
-
-
- 
-
-
- 
-
-
- 
-
-
-
-
-
-
diff --git a/src/app/carousel/carousel.component.scss b/src/app/carousel/carousel.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/carousel/carousel.component.spec.ts b/src/app/carousel/carousel.component.spec.ts
deleted file mode 100644
index 4d935d7..0000000
--- a/src/app/carousel/carousel.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CarouselComponent } from './carousel.component';
-
-describe('CarouselComponent', () => {
- let component: CarouselComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ CarouselComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(CarouselComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/carousel/carousel.component.ts b/src/app/carousel/carousel.component.ts
deleted file mode 100644
index c05dba6..0000000
--- a/src/app/carousel/carousel.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-carousel',
- templateUrl: './carousel.component.html',
- styleUrls: ['./carousel.component.scss']
-})
-export class CarouselComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit() {
- }
-
-}
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index e2305c7..80d6eab 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -14,7 +14,7 @@ $65,650
- 65% lower growth
+ Your overall revenue
-
- You can pay for the product you have purchased using credit cards, debit cards,
- or via online banking. We also provide cash-on-delivery services for most of our
- products. You can also use your account wallet for payment.
+ Your customers can pay for the product they have purchased using credit cards, debit cards,
+ or via online banking. Alternatively, they can also use your account wallet for payment.
- If while signing in to your account you see an error message, you can do the following
-
@@ -106,52 +99,12 @@
Basic accordions
-Use class .accordion-inverse-* for inverse styling
Customer Info
- How can I pay for an order I placed? + How can my customer pay for an order in my products?
- I can’t sign in to my account + Order Package Delivery Paid But Not Shipped
-
-
- Check your network connection and try again -
- Make sure your account credentials are correct while signing in -
- Check whether your account is accessible in your region -
- If the problem persists, you can contact our support. + Please call 8474-28283 for 24/7 customer support.
- Basic accordions
- Use class .bg-* for .card-header element for filled header styling
-
-
-
-
- How can I pay for an order I placed?
-
-
-
- You can pay for the product you have purchased using credit cards, debit cards,
- or via online banking. We also provide cash-on-delivery services for most of our
- products. You can also use your account wallet for payment.
-
-
-
-
-
- I can’t sign in to my account
-
-
-
- If while signing in to your account you see an error message, you can do the following
-
- - Check your network connection and try again
- - Make sure your account credentials are correct while signing in
- - Check whether your account is accessible in your region
-
-
-
- If the problem persists, you can contact our support.
-
-
-
-
-
-
- Can I add money to the wallet?
-
-
-
- You can add money to the wallet for any future transaction from your bank account using net-banking, or
- credit/debit card transaction. The money in the wallet can be used for an easier and faster transaction.
-
-
-
+ Find Us
+
+
+
+
+
diff --git a/src/app/alerts/alerts.component.html b/src/app/alerts/alerts.component.html
deleted file mode 100644
index 5092c09..0000000
--- a/src/app/alerts/alerts.component.html
+++ /dev/null
@@ -1,86 +0,0 @@
-
-
-
-
- Bootstrap alert
- Add class .alert .alert-*
-
- You successfully read this important alert message.
-
-
- This alert needs your attention, but it's not that important.
-
-
- Better check yourself, you're not looking too good.
-
-
- Change a few things up and try submitting again.
-
-
- This is a primary alert
-
-
- This alert is not so important.
-
-
-
-
-
-
-
- Custom alerts
-
- Custom HTML inside alert
-
-
-
-
- Well done! You successfully read this important alert message.
-
-
-
-
-
-
-
-
- Heads up! This alert needs your attention, but it's not super important.
-
-
-
-
-
-
-
-
-
-
-
- Bootstrap alerts in fill colors
-
- Add class .alert-fill-* with .alert
-
-
-
- There! This is a primary alert.
-
-
-
- Well done! You successfully read this important alert message.
-
-
-
- Heads up! This alert needs your attention, but it's not super important.
-
-
-
- Warning! Better check yourself, you're not looking too good.
-
-
-
- Oh snap! Change a few things up and try submitting again.
-
-
-
-
-
\ No newline at end of file
diff --git a/src/app/alerts/alerts.component.spec.ts b/src/app/alerts/alerts.component.spec.ts
deleted file mode 100644
index db644c6..0000000
--- a/src/app/alerts/alerts.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AlertsComponent } from './alerts.component';
-
-describe('AlertsComponent', () => {
- let component: AlertsComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ AlertsComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(AlertsComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/alerts/alerts.component.ts b/src/app/alerts/alerts.component.ts
deleted file mode 100644
index ba056ad..0000000
--- a/src/app/alerts/alerts.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-alerts',
- templateUrl: './alerts.component.html',
- styleUrls: ['./alerts.component.scss']
-})
-export class AlertsComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit() {
- }
-
-}
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 1f27bf5..3c77988 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,41 +1,18 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
-
import { DashboardComponent } from './dashboard/dashboard.component';
-import { FormsComponent } from './forms/forms.component';
-import { ButtonsComponent } from './buttons/buttons.component';
-import { TablesComponent } from './tables/tables.component';
-import { IconsComponent } from './icons/icons.component';
-import { TypographyComponent } from './typography/typography.component';
-import { AlertsComponent } from './alerts/alerts.component';
+import { productComponent } from './product/product.component';
import { AccordionsComponent } from './accordions/accordions.component';
-import { BadgesComponent } from './badges/badges.component';
import { ProgressbarComponent } from './progressbar/progressbar.component';
-import { BreadcrumbsComponent } from './breadcrumbs/breadcrumbs.component';
-import { PaginationComponent } from './pagination/pagination.component';
import { DropdownComponent } from './dropdown/dropdown.component';
-import { TooltipsComponent } from './tooltips/tooltips.component';
-import { CarouselComponent } from './carousel/carousel.component';
-import { TabsComponent } from './tabs/tabs.component';
const routes: Routes = [
{ path: '', redirectTo: '/dashboard', pathMatch: 'full' },
{ path: 'dashboard', component: DashboardComponent },
- { path: 'forms', component: FormsComponent },
- { path: 'buttons', component: ButtonsComponent },
- { path: 'tables', component: TablesComponent },
- { path: 'icons', component: IconsComponent },
- { path: 'typography', component: TypographyComponent },
- { path: 'alerts', component: AlertsComponent },
+ { path: 'forms', component: productComponent },
{ path: 'accordions', component: AccordionsComponent },
- { path: 'badges', component: BadgesComponent },
{ path: 'progressbar', component: ProgressbarComponent },
- { path: 'breadcrumbs', component: BreadcrumbsComponent },
- { path: 'pagination', component: PaginationComponent },
{ path: 'dropdowns', component: DropdownComponent },
- { path: 'tooltips', component: TooltipsComponent },
- { path: 'carousel', component: CarouselComponent },
- { path: 'tabs', component: TabsComponent }
];
@NgModule({
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 3c76bfd..360d3b7 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -11,21 +11,10 @@ import { NavbarComponent } from './navbar/navbar.component';
import { SidebarComponent } from './sidebar/sidebar.component';
import { FooterComponent } from './footer/footer.component';
import { DashboardComponent } from './dashboard/dashboard.component';
-import { FormsComponent } from './forms/forms.component';
-import { ButtonsComponent } from './buttons/buttons.component';
-import { TablesComponent } from './tables/tables.component';
-import { TypographyComponent } from './typography/typography.component';
-import { IconsComponent } from './icons/icons.component';
-import { AlertsComponent } from './alerts/alerts.component';
+import { productComponent } from './product/product.component';
import { AccordionsComponent } from './accordions/accordions.component';
-import { BadgesComponent } from './badges/badges.component';
import { ProgressbarComponent } from './progressbar/progressbar.component';
-import { BreadcrumbsComponent } from './breadcrumbs/breadcrumbs.component';
-import { PaginationComponent } from './pagination/pagination.component';
import { DropdownComponent } from './dropdown/dropdown.component';
-import { TooltipsComponent } from './tooltips/tooltips.component';
-import { CarouselComponent } from './carousel/carousel.component';
-import { TabsComponent } from './tabs/tabs.component';
@NgModule({
declarations: [
@@ -34,21 +23,10 @@ import { TabsComponent } from './tabs/tabs.component';
SidebarComponent,
FooterComponent,
DashboardComponent,
- FormsComponent,
- ButtonsComponent,
- TablesComponent,
- TypographyComponent,
- IconsComponent,
- AlertsComponent,
+ productComponent,
AccordionsComponent,
- BadgesComponent,
ProgressbarComponent,
- BreadcrumbsComponent,
- PaginationComponent,
DropdownComponent,
- TooltipsComponent,
- CarouselComponent,
- TabsComponent
],
imports: [
BrowserModule,
diff --git a/src/app/badges/badges.component.html b/src/app/badges/badges.component.html
deleted file mode 100644
index 572357e..0000000
--- a/src/app/badges/badges.component.html
+++ /dev/null
@@ -1,239 +0,0 @@
-
-
-
-
- Normal Badges
- Add class .badge-{{ '{' }}color{{ '}' }} with .badge
-
-
-
-
- Item
- Label
-
-
-
-
- Primary label
- Primary
-
-
- Info label
- Info
-
-
- Danger label
- Danger
-
-
- Success label
- Success
-
-
- Warning label
- Warning
-
-
-
-
-
-
-
-
-
-
- Badge Pills
- Add class .badge-pill
-
-
-
-
- Item
- Label
-
-
-
-
- Primary label
- Primary
-
-
- Info label
- Info
-
-
- Danger label
- Danger
-
-
- Success label
- Success
-
-
- Warning label
- Warning
-
-
-
-
-
-
-
-
-
-
- Badge Outlined Variations
- Add class .badge-outline-*
-
-
-
-
- Normal
- Rounded
-
-
-
-
- Primary
- Primary
-
-
- Info
- Info
-
-
- Danger
- Danger
-
-
- Success
- Success
-
-
- Warning
- Warning
-
-
-
-
-
-
-
-
-
-
- Badge Outlined Variations
-
-
-
-
- Item
- Label
-
-
-
-
- Rounded Primary
- 2
-
-
- Rounded Info
- 5
-
-
- Rounded Danger
- 1
-
-
- Rounded Success
- 9
-
-
- Rounded Warning
- 4
-
-
-
-
-
-
-
-
-
-
- Badge Variations
-
-
-
-
- Item
- Label
-
-
-
-
- Rounded Primary
- 2
-
-
- Rounded Info
- 5
-
-
- Rounded Danger
- 1
-
-
- Rounded Success
- 9
-
-
- Rounded Warning
- 4
-
-
-
-
-
-
-
-
-
-
- Badge With Icons
-
-
-
-
- Item
- Label
-
-
-
-
- Icon Badge
-
-
- Outlined Icons
-
-
- Icon With Text
- 12
-
-
- Icon With Text
- 12
-
-
- Icon Badge
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/app/badges/badges.component.scss b/src/app/badges/badges.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/badges/badges.component.spec.ts b/src/app/badges/badges.component.spec.ts
deleted file mode 100644
index afaa811..0000000
--- a/src/app/badges/badges.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BadgesComponent } from './badges.component';
-
-describe('BadgesComponent', () => {
- let component: BadgesComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ BadgesComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(BadgesComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/badges/badges.component.ts b/src/app/badges/badges.component.ts
deleted file mode 100644
index 4980039..0000000
--- a/src/app/badges/badges.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-badges',
- templateUrl: './badges.component.html',
- styleUrls: ['./badges.component.scss']
-})
-export class BadgesComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit() {
- }
-
-}
diff --git a/src/app/breadcrumbs/breadcrumbs.component.html b/src/app/breadcrumbs/breadcrumbs.component.html
deleted file mode 100644
index 6cebb46..0000000
--- a/src/app/breadcrumbs/breadcrumbs.component.html
+++ /dev/null
@@ -1,213 +0,0 @@
-
-
-
-
- Breadcrumbs
- Add class .breadcrumbs
-
-
-
-
-
-
-
-
-
-
-
- Custom Breadcrumbs
- Add class .breadcrumb-custom for custom styling
-
-
-
-
-
-
-
-
-
-
-
- Inverse Breadcrumbs
- Add class .bg-inverse-* for inverse skin
-
-
-
-
-
-
-
-
-
-
-
-
-
- Inverse Custom Breadcrumbs
- Add class .bg-inverse-* for inverse skin
-
-
-
-
-
-
-
-
-
-
-
-
-
- Colored Breadcrumb Variations
- Add class .bg-* for solid colored breadcrumb
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/app/breadcrumbs/breadcrumbs.component.scss b/src/app/breadcrumbs/breadcrumbs.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/breadcrumbs/breadcrumbs.component.spec.ts b/src/app/breadcrumbs/breadcrumbs.component.spec.ts
deleted file mode 100644
index 175ef83..0000000
--- a/src/app/breadcrumbs/breadcrumbs.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BreadcrumbsComponent } from './breadcrumbs.component';
-
-describe('BreadcrumbsComponent', () => {
- let component: BreadcrumbsComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ BreadcrumbsComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(BreadcrumbsComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/breadcrumbs/breadcrumbs.component.ts b/src/app/breadcrumbs/breadcrumbs.component.ts
deleted file mode 100644
index a599a8f..0000000
--- a/src/app/breadcrumbs/breadcrumbs.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-breadcrumbs',
- templateUrl: './breadcrumbs.component.html',
- styleUrls: ['./breadcrumbs.component.scss']
-})
-export class BreadcrumbsComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit() {
- }
-
-}
diff --git a/src/app/carousel/carousel.component.html b/src/app/carousel/carousel.component.html
deleted file mode 100644
index 46abbe9..0000000
--- a/src/app/carousel/carousel.component.html
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
- Basic carousel
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Carousel with captions
-
-
-
-
- First slide label
- Nulla vitae elit libero, a pharetra augue mollis interdum.
-
-
-
-
-
- Second slide label
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-
-
-
-
- Third slide label
- Praesent commodo cursus magna, vel scelerisque nisl consectetur.
-
-
-
-
-
-
-
-
-
-
-
- Loop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- non-Loop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/app/carousel/carousel.component.scss b/src/app/carousel/carousel.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/carousel/carousel.component.spec.ts b/src/app/carousel/carousel.component.spec.ts
deleted file mode 100644
index 4d935d7..0000000
--- a/src/app/carousel/carousel.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CarouselComponent } from './carousel.component';
-
-describe('CarouselComponent', () => {
- let component: CarouselComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ CarouselComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(CarouselComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/carousel/carousel.component.ts b/src/app/carousel/carousel.component.ts
deleted file mode 100644
index c05dba6..0000000
--- a/src/app/carousel/carousel.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-carousel',
- templateUrl: './carousel.component.html',
- styleUrls: ['./carousel.component.scss']
-})
-export class CarouselComponent implements OnInit {
-
- constructor() { }
-
- ngOnInit() {
- }
-
-}
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index e2305c7..80d6eab 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -14,7 +14,7 @@ $65,650
-
-
-
-
-
- You can pay for the product you have purchased using credit cards, debit cards,
- or via online banking. We also provide cash-on-delivery services for most of our
- products. You can also use your account wallet for payment.
-
-
-
-
-
-
- If while signing in to your account you see an error message, you can do the following
-
-
-
-
-
-
-
- You can add money to the wallet for any future transaction from your bank account using net-banking, or
- credit/debit card transaction. The money in the wallet can be used for an easier and faster transaction.
-
-
-
+
Basic accordions
-Use class .bg-* for .card-header element for filled header styling
- How can I pay for an order I placed? -
-- I can’t sign in to my account -
--
-
- Check your network connection and try again -
- Make sure your account credentials are correct while signing in -
- Check whether your account is accessible in your region -
-
- If the problem persists, you can contact our support. -
-- Can I add money to the wallet? -
-Find Us
+
+
+
+
+
-
-
-
-
-
- Bootstrap alert
-Add class .alert .alert-*
- You successfully read this important alert message.
-
-
- This alert needs your attention, but it's not that important.
-
-
- Better check yourself, you're not looking too good.
-
-
- Change a few things up and try submitting again.
-
-
- This is a primary alert
-
-
- This alert is not so important.
-
-
-
-
-
-
-
- Custom alerts
-- Custom HTML inside alert -
-
-
-
-
- - Well done! You successfully read this important alert message. -
- - -
-
-
-
- - Heads up! This alert needs your attention, but it's not super important. -
- - -
-
-
-
-
-
- Bootstrap alerts in fill colors
-
- Add class .alert-fill-* with .alert
-
-
- There! This is a primary alert.
-
-
-
- Well done! You successfully read this important alert message.
-
-
-
- Heads up! This alert needs your attention, but it's not super important.
-
-
-
- Warning! Better check yourself, you're not looking too good.
-
-
-
- Oh snap! Change a few things up and try submitting again.
-
-
-
\ No newline at end of file
diff --git a/src/app/badges/badges.component.scss b/src/app/badges/badges.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/badges/badges.component.spec.ts b/src/app/badges/badges.component.spec.ts
deleted file mode 100644
index afaa811..0000000
--- a/src/app/badges/badges.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BadgesComponent } from './badges.component';
-
-describe('BadgesComponent', () => {
- let component: BadgesComponent;
- let fixture: ComponentFixture
-
-
-
-
-
- Normal Badges
-Add class .badge-{{ '{' }}color{{ '}' }} with .badge
-
-
-
-
- | Item | -Label | -
|---|---|
| Primary label | -Primary |
-
| Info label | -Info |
-
| Danger label | -Danger |
-
| Success label | -Success |
-
| Warning label | -Warning |
-
-
-
-
-
-
- Badge Pills
-Add class .badge-pill
-
-
-
-
- | Item | -Label | -
|---|---|
| Primary label | -Primary |
-
| Info label | -Info |
-
| Danger label | -Danger |
-
| Success label | -Success |
-
| Warning label | -Warning |
-
-
-
-
-
-
- Badge Outlined Variations
-Add class .badge-outline-*
-
-
-
-
- | Normal | -Rounded | -
|---|---|
Primary |
- Primary |
-
Info |
- Info |
-
Danger |
- Danger |
-
Success |
- Success |
-
Warning |
- Warning |
-
-
-
-
-
-
- Badge Outlined Variations
-
-
-
-
-
- | Item | -Label | -
|---|---|
| Rounded Primary | -2 |
-
| Rounded Info | -5 |
-
| Rounded Danger | -1 |
-
| Rounded Success | -9 |
-
| Rounded Warning | -4 |
-
-
-
-
-
-
- Badge Variations
-
-
-
-
-
- | Item | -Label | -
|---|---|
| Rounded Primary | -2 |
-
| Rounded Info | -5 |
-
| Rounded Danger | -1 |
-
| Rounded Success | -9 |
-
| Rounded Warning | -4 |
-
-
-
-
-
-
- Badge With Icons
-
-
-
-
-
- | Item | -Label | -
|---|---|
| Icon Badge | -|
| Outlined Icons | -|
| Icon With Text | -12 |
-
| Icon With Text | -12 |
-
| Icon Badge | -
-
\ No newline at end of file
diff --git a/src/app/breadcrumbs/breadcrumbs.component.scss b/src/app/breadcrumbs/breadcrumbs.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/breadcrumbs/breadcrumbs.component.spec.ts b/src/app/breadcrumbs/breadcrumbs.component.spec.ts
deleted file mode 100644
index 175ef83..0000000
--- a/src/app/breadcrumbs/breadcrumbs.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BreadcrumbsComponent } from './breadcrumbs.component';
-
-describe('BreadcrumbsComponent', () => {
- let component: BreadcrumbsComponent;
- let fixture: ComponentFixture
-
-
-
-
-
- Breadcrumbs
-Add class .breadcrumbs
-
-
-
-
-
-
-
-
-
-
- Custom Breadcrumbs
-Add class .breadcrumb-custom for custom styling
-
-
-
-
-
-
-
-
-
-
- Inverse Breadcrumbs
-Add class .bg-inverse-* for inverse skin
-
-
-
-
-
-
-
-
-
-
-
-
- Inverse Custom Breadcrumbs
-Add class .bg-inverse-* for inverse skin
-
-
-
-
-
-
-
-
-
-
-
-
- Colored Breadcrumb Variations
-Add class .bg-* for solid colored breadcrumb
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Basic carousel
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Carousel with captions
-
-
-
- First slide label
-Nulla vitae elit libero, a pharetra augue mollis interdum.
-
-
-
- Second slide label
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-
-
- Third slide label
-Praesent commodo cursus magna, vel scelerisque nisl consectetur.
-
-
diff --git a/src/app/carousel/carousel.component.scss b/src/app/carousel/carousel.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/carousel/carousel.component.spec.ts b/src/app/carousel/carousel.component.spec.ts
deleted file mode 100644
index 4d935d7..0000000
--- a/src/app/carousel/carousel.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CarouselComponent } from './carousel.component';
-
-describe('CarouselComponent', () => {
- let component: CarouselComponent;
- let fixture: ComponentFixture
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Loop
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- non-Loop
-
-
-
- $65,650
- 65% lower growth + Your overall revenue
