diff --git a/src/main/resources/templates/projects/dashboard.html b/src/main/resources/templates/projects/dashboard.html
index 882c202..c48b035 100644
--- a/src/main/resources/templates/projects/dashboard.html
+++ b/src/main/resources/templates/projects/dashboard.html
@@ -13,8 +13,8 @@
                 <div th:replace="projects/fragments/projectNavigationFragment"/>
             </div>
             <div class="row justify-content-center" id="dashboard">
-                <th:block>
-                    <div/>
+                <th:block th:each="project : ${projects}">
+                    <div th:replace="projects/fragments/projectDashboardFragment :: projectDashboard(project=${project})"/>
                 </th:block>
             </div>
         </div>
diff --git a/src/main/resources/templates/projects/fragments/projectDashboardFragment.html b/src/main/resources/templates/projects/fragments/projectDashboardFragment.html
new file mode 100644
index 0000000..1f66c4f
--- /dev/null
+++ b/src/main/resources/templates/projects/fragments/projectDashboardFragment.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html xmlns:th="http://www.thymeleaf.org">
+<head th:fragment="headerfiles">
+    <meta charset="UTF-8"/>
+</head>
+<body>
+<div th:fragment="projectDashboard (project)" class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 dashboard-card">
+    <div class="row">
+        <div class="col-2">
+            <span th:replace="projects/fragments/projectStatusFragment :: projectStatus(projectStatus=${project.status})"/>
+        </div>
+        <div class="col col-10 text-right">
+            <h7 class="service-heading" th:text="${project.title}"> title</h7>
+            <p class="text-muted" th:text="${project.status.statusName}"> status</p>
+        </div>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
