diff --git a/src/main/resources/templates/grants/dashboard.html b/src/main/resources/templates/grants/dashboard.html
new file mode 100644
index 0000000..7db3ef4
--- /dev/null
+++ b/src/main/resources/templates/grants/dashboard.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html lang="en"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      layout:decorator="default">
+<head>
+</head>
+<body>
+
+<div class="container" layout:fragment="content">
+    <!-- Services -->
+    <section id="services">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12 text-center">
+                    <h2 class="section-heading text-uppercase">Dashboard</h2>
+                </div>
+            </div>
+            <div class="row justify-content-center">
+                <div 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 class="fa-stack fa-1x">
+                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
+                                </span>
+                        </div>
+                        <div class="col col-10 text-right">
+                            <h7 class="service-heading">Название гранта</h7>
+                            <p class="text-muted">Краткое описание</p>
+                        </div>
+                    </div>
+                </div>
+                <div 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 class="fa-stack fa-1x">
+                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
+                                </span>
+                        </div>
+                        <div class="col col-10 text-right">
+                            <h7 class="service-heading">Название гранта</h7>
+                            <p class="text-muted">Краткое описание</p>
+                        </div>
+                    </div>
+                </div>
+                <div 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 class="fa-stack fa-1x">
+                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
+                                </span>
+                        </div>
+                        <div class="col col-10 text-right">
+                            <h7 class="service-heading">Название гранта</h7>
+                            <p class="text-muted">Краткое описание</p>
+                        </div>
+                    </div>
+                </div>
+                <div 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 class="fa-stack fa-1x">
+                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
+                                </span>
+                        </div>
+                        <div class="col col-10 text-right">
+                            <h7 class="service-heading">Название гранта</h7>
+                            <p class="text-muted">Краткое описание</p>
+                        </div>
+                    </div>
+                </div>
+                <div 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 class="fa-stack fa-1x">
+                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
+                                </span>
+                        </div>
+                        <div class="col col-10 text-right">
+                            <h7 class="service-heading">Название гранта</h7>
+                            <p class="text-muted">Краткое описание</p>
+                        </div>
+                    </div>
+                </div>
+                <div 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 class="fa-stack fa-1x">
+                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
+                                </span>
+                        </div>
+                        <div class="col col-10 text-right">
+                            <h7 class="service-heading">Название гранта</h7>
+                            <p class="text-muted">Краткое описание</p>
+                        </div>
+                    </div>
+                </div>
+                <div 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 class="fa-stack fa-1x">
+                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
+                                </span>
+                        </div>
+                        <div class="col col-10 text-right">
+                            <h7 class="service-heading">Название гранта</h7>
+                            <p class="text-muted">Краткое описание</p>
+                        </div>
+                    </div>
+                </div>
+                <div 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 class="fa-stack fa-1x">
+                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
+                                </span>
+                        </div>
+                        <div class="col col-10 text-right">
+                            <h7 class="service-heading">Название гранта</h7>
+                            <p class="text-muted">Краткое описание</p>
+                        </div>
+                    </div>
+                </div>
+                <div 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 class="fa-stack fa-1x">
+                                  <i class="fa fa-circle fa-stack-2x text-primary"></i>
+                                  <i class="fa fa-file-text-o fa-stack-1x fa-inverse"></i>
+                                </span>
+                        </div>
+                        <div class="col col-10 text-right">
+                            <h7 class="service-heading">Название гранта</h7>
+                            <p class="text-muted">Краткое описание</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 155ec6a..0f83f3f 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -32,7 +32,7 @@
                 </div>
             </div>
             <div class="col-md-4 col-sm-6 portfolio-item">
-                <a class="portfolio-link" data-toggle="modal" href="/grants">
+                <a class="portfolio-link"  href="./grants/dashboard">
                     <div class="portfolio-hover">
                         <div class="portfolio-hover-content">
                             <i class="fa fa-arrow-right fa-3x"></i>
