feat: Accounting layout design card (#14)

Accounting design and dropdown menu type

src/app/accounting/accounting-routing.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { AccountingComponent } from './accounting.component';
+
+const routes: Routes = [
+  { path: 'accounting', component: AccountingComponent},
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers: []
+})
+export class AccountingRoutingModule { }

src/app/accounting/accounting.component.html

@@ -0,0 +1,50 @@
+<app-header> </app-header>
+<div class="fluid-container">
+ <div class="container">
+   <div class="card-body">
+   <div class="row">
+     <div class="col-sm-6">
+       <div class="card mt-5">
+<!--     <div class="card-header"><legend> Loan</legend></div>
+ -->    <div class="card-body">
+          <div class="list-group">
+            <a href="#" class="list-group-item  list-group-item-action active">
+              <h4 class="list-group-item-heading mb-1">First List Group Item Heading</h4>
+              <p class="list-group-item-text">List Group Item Text</p>
+            </a>
+            <a href="#" class="list-group-item  list-group-item-action">
+              <h4 class="list-group-item-heading mb-1">Second List Group Item Heading</h4>
+              <p class="list-group-item-text">List Group Item Text</p>
+            </a>
+            <a href="#" class="list-group-item  list-group-item-action">
+              <h4 class="list-group-item-heading">Third List Group Item Heading</h4>
+              <p class="list-group-item-text">List Group Item Text</p>
+            </a>
+          </div>
+      </div>
+    </div>
+  </div>
+    <div class="col-sm-6">
+        <div class="card mt-5">
+            <!-- <div class="card-header"></div> -->
+            <div class="card-body">
+              <div class="list-group">
+                <a href="#" class="list-group-item  list-group-item-action active">
+                  <h4 class="list-group-item-heading mb-1">First List Group Item Heading</h4>
+                  <p class="list-group-item-text">List Group Item Text</p>
+                </a>
+                <a href="#" class="list-group-item  list-group-item-action">
+                  <h4 class="list-group-item-heading mb-1">Second List Group Item Heading</h4>
+                  <p class="list-group-item-text">List Group Item Text</p>
+                </a>
+                <a href="#" class="list-group-item  list-group-item-action">
+                  <h4 class="list-group-item-heading">Third List Group Item Heading</h4>
+                  <p class="list-group-item-text">List Group Item Text</p>
+                </a>
+              </div>
+           </div>
+        </div>
+    </div>
+   </div>
+  </div>
+</div> 

src/app/accounting/accounting.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-accounting',
+  templateUrl: './accounting.component.html',
+  styleUrls: ['./accounting.component.scss']
+})
+export class AccountingComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/accounting/accounting.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { CoreModule } from '../core/core.module';
+import { AccountingComponent } from './accounting.component';
+import { AccountingRoutingModule } from './accounting-routing.module';
+
+@NgModule({
+  imports: [
+    CoreModule,
+    CommonModule,
+    AccountingRoutingModule
+  ],
+  declarations: [AccountingComponent]
+})
+export class AccountingModule { }