feat: Accounting layout design card (#14)

Accounting design and dropdown menu type
2018-06-05 00:31:49 +05:30
parent ed7aeffe53
commit 1cb18c8715
9 changed files with 115 additions and 3 deletions
@@ -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>