diff --git a/public/images/american-express.png b/public/images/american-express.png
new file mode 100644
index 000000000000..f2f99fef0dc5
Binary files /dev/null and b/public/images/american-express.png differ
diff --git a/public/images/diners-club.png b/public/images/diners-club.png
new file mode 100644
index 000000000000..dc0a61b40a6c
Binary files /dev/null and b/public/images/diners-club.png differ
diff --git a/public/images/discover.png b/public/images/discover.png
new file mode 100644
index 000000000000..7b9a11c3fae9
Binary files /dev/null and b/public/images/discover.png differ
diff --git a/public/images/mastercard.png b/public/images/mastercard.png
new file mode 100644
index 000000000000..1c3d716211cd
Binary files /dev/null and b/public/images/mastercard.png differ
diff --git a/public/images/paypal.png b/public/images/paypal.png
new file mode 100644
index 000000000000..cbcbe8a348f7
Binary files /dev/null and b/public/images/paypal.png differ
diff --git a/public/images/visa.png b/public/images/visa.png
new file mode 100644
index 000000000000..f5b539f2d8f6
Binary files /dev/null and b/public/images/visa.png differ
diff --git a/resources/views/portal/default/dashboard/index.blade.php b/resources/views/portal/default/dashboard/index.blade.php
index fd502a285b37..c74aede47fae 100644
--- a/resources/views/portal/default/dashboard/index.blade.php
+++ b/resources/views/portal/default/dashboard/index.blade.php
@@ -2,12 +2,47 @@
 
 @section('body')
 <main class="main">
-    <div class="container-fluid">
-		<div class="row">
-			<div class="col-lg-12">
-				<div class="col-lg-6">test</div>
-				<div class="col-lg-6">test2</div>
+    <div class="container-fluid">	
+		<div class="row" style="margin-top: 30px;">
+			<div class="col-6 col-lg-4">
+				<div class="card">
+					<div class="card-body p-3 d-flex align-items-center">
+							<i class="fa fa-money bg-primary p-3 font-2xl mr-3"></i>
+						<div>
+							<div class="text-value-sm text-primary">$1.999,50</div>
+							<div class="text-muted text-uppercase font-weight-bold small">{{ ctrans('texts.total_invoiced')}}</div>
+						</div>
+					</div>
+				</div>
 			</div>
+
+			<div class="col-6 col-lg-4">
+				<div class="card">
+					<div class="card-body p-3 d-flex align-items-center">
+							<i class="fa fa-hourglass-end bg-info p-3 font-2xl mr-3"></i>
+						<div>
+							<div class="text-value-sm text-info">$1.999,50</div>
+							<div class="text-muted text-uppercase font-weight-bold small">{{ ctrans('texts.paid_to_date') }}</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="col-6 col-lg-4">
+				<div class="card">
+					<div class="card-body p-3 d-flex align-items-center">
+							<i class="fa fa-exclamation-triangle bg-warning p-3 font-2xl mr-3"></i>
+						<div>
+							<div class="text-value-sm text-warning">$1.999,50</div>
+							<div class="text-muted text-uppercase font-weight-bold small">{{ ctrans('texts.open_balance')}}</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- update payment methods -->
+		<div class="row" style="margin-top: 30px;">
+
 		</div>
     </div>
 </main>