BootstrapDash · CointreauFizz · Jan 13, 2019 · Jan 13, 2019 · Jan 13, 2019 · Jan 13, 2019
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app/accordions/accordions.component.html b/src/app/accordions/accordions.component.html
@@ -2,37 +2,36 @@
   <div class="col-lg-6 grid-margin stretch-card">
     <div class="card">
       <div class="card-body">
-        <h4 class="card-title">Basic accordions</h4>
-        <p class="card-description">Use class <code>.accordion</code> for Basic Accordion</p>
+        <h4 class="card-title">Need Help?</h4>
         <ngb-accordion [closeOthers]="true" activeIds="static-1" class="accordion">
           <ngb-panel id="static-1">
             <ng-template ngbPanelTitle>
               <h6 class="mb-0">
-                  How can I pay for an order I placed?
+                  How to deal safely online?
               </h6>
             </ng-template>
             <ng-template ngbPanelContent>
-                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.
             </ng-template>
           </ngb-panel>
           <ngb-panel id="static-2">
             <ng-template ngbPanelTitle>
               <h6 class="mb-0">
-                  I can’t sign in to my account
+                  How do I contact the Support Team?
               </h6>
             </ng-template>
             <ng-template ngbPanelContent>
-              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
               <ol class="pl-3 mt-4">
-                <li>Check your network connection and try again</li>
-                <li>Make sure your account credentials are correct while signing in</li>
-                <li>Check whether your account is accessible in your region</li>
+                <li>Email: sampleadmin@admin.com</li>
+                <li>Telephone No.: 2342-4554</li>
+                <li>Fax No. (+45) 737242</li>
               </ol>
               <br>
               <p class="text-success">
-                <i class="mdi mdi-alert-octagon mr-2"></i>If the problem persists, you can contact our support.
+                <i class="mdi mdi-alert-octagon mr-2"></i>Please call 8474-28283 for 24/7 customer support.
               </p>
             </ng-template>
           </ngb-panel>
@@ -54,37 +53,31 @@ <h6 class="mb-0">
   <div class="col-lg-6 grid-margin stretch-card">
     <div class="card">
       <div class="card-body">
-        <h4 class="card-title">Basic accordions</h4>
-        <p class="card-description">Use class <code>.accordion-inverse-*</code> for inverse styling</p>
+        <h4 class="card-title">Customer Info</h4>
         <ngb-accordion [closeOthers]="true" activeIds="static-3" class="accordion accordion-inverse-primary">
           <ngb-panel id="static-4">
             <ng-template ngbPanelTitle>
               <h6 class="mb-0">
-                  How can I pay for an order I placed?
+                  How can my customer pay for an order in my products?
               </h6>
             </ng-template>
             <ng-template ngbPanelContent>
-                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.
             </ng-template>
           </ngb-panel>
           <ngb-panel id="static-5">
             <ng-template ngbPanelTitle>
               <h6 class="mb-0">
-                  I can’t sign in to my account
+                  Order Package Delivery Paid But Not Shipped
               </h6>
             </ng-template>
             <ng-template ngbPanelContent>
-              If while signing in to your account you see an error message, you can do the following
-              <ol class="pl-3 mt-4">
-                <li>Check your network connection and try again</li>
-                <li>Make sure your account credentials are correct while signing in</li>
-                <li>Check whether your account is accessible in your region</li>
-              </ol>
+              For packages that are not sucessfully shipped, call 5663-3434 to resolve issue ASAP.
+              <br>
               <br>
               <p class="text-success">
-                <i class="mdi mdi-alert-octagon mr-2"></i>If the problem persists, you can contact our support.
+                <i class="mdi mdi-alert-octagon mr-2"></i>Please call 8474-28283 for 24/7 customer support.
               </p>
             </ng-template>
           </ngb-panel>
@@ -106,52 +99,12 @@ <h6 class="mb-0">
   <div class="col-12 grid-margin stretch-card">
     <div class="card">
       <div class="card-body">
-        <h4 class="card-title">Basic accordions</h4>
-        <p class="card-description">Use class <code>.bg-*</code> for <code>.card-header</code> element for filled header styling</p>
-        <ngb-accordion [closeOthers]="true" activeIds="static-7" class="accordion accordion-danger">
-          <ngb-panel id="static-7">
-            <ng-template ngbPanelTitle>
-              <h6 class="mb-0">
-                  How can I pay for an order I placed?
-              </h6>
-            </ng-template>
-            <ng-template ngbPanelContent>
-                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.
-            </ng-template>
-          </ngb-panel>
-          <ngb-panel id="static-8">
-            <ng-template ngbPanelTitle>
-              <h6 class="mb-0">
-                  I can’t sign in to my account
-              </h6>
-            </ng-template>
-            <ng-template ngbPanelContent>
-              If while signing in to your account you see an error message, you can do the following
-              <ol class="pl-3 mt-4">
-                <li>Check your network connection and try again</li>
-                <li>Make sure your account credentials are correct while signing in</li>
-                <li>Check whether your account is accessible in your region</li>
-              </ol>
-              <br>
-              <p class="text-success">
-                <i class="mdi mdi-alert-octagon mr-2"></i>If the problem persists, you can contact our support.
-              </p>
-            </ng-template>
-          </ngb-panel>
-          <ngb-panel id="static-9">
-            <ng-template ngbPanelTitle>
-              <h6 class="mb-0">
-                  Can I add money to the wallet?
-              </h6>
-            </ng-template>
-            <ng-template ngbPanelContent>
-                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.                
-            </ng-template>
-          </ngb-panel>
-        </ngb-accordion>
+        <h4 class="card-title">Find Us</h4>
+        <div class="mapouter"><div class="gmap_canvas"><iframe width="900" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=Copenhagen%2C%20Denmark&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe></div><style>.mapouter{text-align:right;height:500px;width:820px;}.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:1000px;}</style></div>
+
+
+
+
       </div>
     </div>
   </div>

diff --git a/src/app/alerts/alerts.component.html b/src/app/alerts/alerts.component.html
diff --git a/src/app/alerts/alerts.component.spec.ts b/src/app/alerts/alerts.component.spec.ts
diff --git a/src/app/alerts/alerts.component.ts b/src/app/alerts/alerts.component.ts
diff --git 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
@@ -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,