diff --git a/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Blank.cshtml b/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Blank.cshtml
new file mode 100644
index 0000000..7cbca5d
--- /dev/null
+++ b/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Blank.cshtml
@@ -0,0 +1,89 @@
+﻿<!DOCTYPE html>
+<html data-bs-theme="light" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>@ViewData["Title"] | E-Notaryo PH</title>
+    <link rel="stylesheet" href="/css/bootstrap.min.css">
+    <link rel="stylesheet" href="/css/Source%20Sans%20Pro.css">
+    <link rel="stylesheet" href="/css/Articles-Cards-images.css">
+    <link rel="stylesheet" href="/css/Bootstrap-4-Calendar-No-Custom-Code.css">
+    <link rel="stylesheet" href="/css/enotaryo.css">
+    <link rel="stylesheet" href="/css/enotaryo.compiled.css">
+    <link rel="stylesheet" href="/css/EnotaryoPH-Navbar.css">
+    <link rel="stylesheet" href="/lib/baguettebox/baguetteBox.min.css">
+    <link rel="stylesheet" href="/css/Lightbox-Gallery-baguetteBox.min.css">
+    <link rel="stylesheet" href="/css/Navbar-Right-Links-Dark.css">
+    @await RenderSectionAsync("Head", required: false)
+</head>
+
+<body>
+
+    @RenderBody()
+
+    <template id="AlertTemplate">
+        <div id="alert-container" class="alert alert-warning alert-dismissible mt-1" role="alert">
+            <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
+            <span id="alert-message" class="message">
+                <i id="alert-icon" class="fas fa-exclamation-triangle me-1"></i>
+                <strong>Alert</strong> text.
+            </span>
+            <div class="actions"></div>
+        </div>
+    </template>
+
+    <template id="DialogTemplate">
+        <div id="dialog-container" class="modal fade show" role="dialog" tabindex="-1" style="display: block;">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h4 class="modal-title"><i class="fas fa-question-circle text-primary me-1 modal__title__icon"></i><span class="modal__title__text">Title</span></h4><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button>
+                    </div>
+                    <div class="modal-body"><span class="modal__body-message">This is the confirmation message.</span></div>
+                    <div class="modal-footer modal__footer"><button class="btn btn-light modal__footer__button-no" type="button" data-bs-dismiss="modal">No</button><button class="btn btn-primary modal__footer__button-yes" type="button">Yes</button></div>
+                </div>
+            </div>
+        </div>
+    </template>
+    <script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="/js/bs-init.js"></script>
+    <script src="/lib/baguettebox/baguetteBox.min.js"></script>
+    <script src="/js/Lightbox-Gallery-baguetteBox.min.js"></script>
+    <script src="/js/Lightbox-Gallery.js"></script>
+
+    @if(User.Identity.IsAuthenticated) {
+        <script src="/lib/signalr/signalr.min.js"></script>
+        <script>
+
+            var receiveUserNotificationCallback;
+
+            function tryParseJson(data) {
+                try {
+                   return JSON.parse(data);
+                } catch (ex) {
+                    console.error('data is not JSON');
+                }
+                return {};
+            }
+
+            const connection = new signalR.HubConnectionBuilder()
+                .withUrl("/notificationHub")
+                .build();
+
+            connection.on("ReceiveUserNotification", (user_UID, message) => {
+                receiveUserNotificationCallback?.(message);
+            });
+
+            connection.start().then(() => {
+                console.log("SignalR Connected.");
+            }).catch(err => console.error(err));
+        </script>
+    }
+    @await RenderSectionAsync("Scripts", required: false)
+</body>
+
+</html>
+
+
+
diff --git a/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Blank.cshtml.css b/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Blank.cshtml.css
new file mode 100644
index 0000000..5f28270
--- /dev/null
+++ b/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Blank.cshtml.css
@@ -0,0 +1 @@
+﻿
\ No newline at end of file
diff --git a/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Layout.cshtml b/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Layout.cshtml
index e251140..5a01f56 100644
--- a/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Layout.cshtml
+++ b/EnotaryoPH/EnotaryoPH.Web/Pages/Shared/_Layout.cshtml
@@ -1,131 +1,59 @@
-﻿<!DOCTYPE html>
-<html data-bs-theme="light" lang="en">
+﻿@{
+    Layout = "_Blank";
+}
 
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>@ViewData["Title"] | E-Notaryo PH</title>
-    <link rel="stylesheet" href="/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/css/Source%20Sans%20Pro.css">
-    <link rel="stylesheet" href="/css/Articles-Cards-images.css">
-    <link rel="stylesheet" href="/css/Bootstrap-4-Calendar-No-Custom-Code.css">
-    <link rel="stylesheet" href="/css/enotaryo.css">
-    <link rel="stylesheet" href="/css/enotaryo.compiled.css">
-    <link rel="stylesheet" href="/css/EnotaryoPH-Navbar.css">
-    <link rel="stylesheet" href="/lib/baguettebox/baguetteBox.min.css">
-    <link rel="stylesheet" href="/css/Lightbox-Gallery-baguetteBox.min.css">
-    <link rel="stylesheet" href="/css/Navbar-Right-Links-Dark.css">
-    @await RenderSectionAsync("Head", required: false)
-</head>
+@section Head {
+    @RenderSection("Head", required: false)
+}
 
-<body>
-    <header>
-        <nav class="navbar navbar-expand-md bg-dark py-3 navbar-dark">
-            <div class="container">
-                <a class="navbar-brand d-flex align-items-center" href="/">
-                    <span class="bs-icon-sm text-white d-flex justify-content-center align-items-center me-2 bs-icon">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-pen">
-                            <path d="m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001m-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057 3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708l-1.585-1.585z"></path>
-                        </svg>
-                    </span><span>Enotaryo</span>
-                </a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#collapse-button"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
-                <div class="collapse navbar-collapse" id="collapse-button">
-                    <ul class="navbar-nav ms-auto">
-                        <li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
-                    </ul>
-                    @if (User.Identity?.IsAuthenticated ?? false)
-                    {
-                        <a class="btn btn-primary ms-md-2" role="button" href="/Login?handler=Logout" data-bs-toggle="tooltip" data-bss-tooltip data-bs-placement="bottom" title="@User.Identity.Name">Logout</a>
-                    }
-                    else
-                    {
-                        <a class="btn btn-primary ms-md-2" role="button" href="/Login">Login</a>
-                    }
-                </div>
-            </div>
-        </nav>
-    </header>
-
-    <main>
-        <div id="ContainerAlert" class="container"></div>
-        @RenderBody()
-        <partial name="_AntiForgeryPartial.cshtml" />
-    </main>
-
-    <footer class="text-center">
-        <div class="container-fluid text-muted py-4 py-lg-5">
-            <ul class="list-inline">
-                <li class="list-inline-item me-4"><a class="link-secondary" href="blank.html">Privacy</a></li>
-                <li class="list-inline-item me-4"><a class="link-secondary" href="blank.html">FAQ</a></li>
-                <li class="list-inline-item me-4"><a class="link-secondary" href="contactus.html">Contact Us</a></li>
-                <li class="list-inline-item me-4"><a class="link-secondary" href="contactus.html">Found a bug?</a></li>
-            </ul>
-            <p class="mb-0">Copyright © 2024 Enotaryo</p>
-        </div>
-    </footer>
-
-    <template id="AlertTemplate">
-        <div id="alert-container" class="alert alert-warning alert-dismissible mt-1" role="alert">
-            <button class="btn-close" type="button" data-bs-dismiss="alert" aria-label="Close"></button>
-            <span id="alert-message" class="message">
-                <i id="alert-icon" class="fas fa-exclamation-triangle me-1"></i>
-                <strong>Alert</strong> text.
-            </span>
-            <div class="actions"></div>
-        </div>
-    </template>
-
-    <template id="DialogTemplate">
-        <div id="dialog-container" class="modal fade show" role="dialog" tabindex="-1" style="display: block;">
-            <div class="modal-dialog" role="document">
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h4 class="modal-title"><i class="fas fa-question-circle text-primary me-1 modal__title__icon"></i><span class="modal__title__text">Title</span></h4><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button>
-                    </div>
-                    <div class="modal-body"><span class="modal__body-message">This is the confirmation message.</span></div>
-                    <div class="modal-footer modal__footer"><button class="btn btn-light modal__footer__button-no" type="button" data-bs-dismiss="modal">No</button><button class="btn btn-primary modal__footer__button-yes" type="button">Yes</button></div>
-                </div>
-            </div>
-        </div>
-    </template>
-    <script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="/js/bs-init.js"></script>
-    <script src="/lib/baguettebox/baguetteBox.min.js"></script>
-    <script src="/js/Lightbox-Gallery-baguetteBox.min.js"></script>
-    <script src="/js/Lightbox-Gallery.js"></script>
-
-    @if(User.Identity.IsAuthenticated) {
-        <script src="/lib/signalr/signalr.min.js"></script>
-        <script>
-
-            var receiveUserNotificationCallback;
-
-            function tryParseJson(data) {
-                try {
-                   return JSON.parse(data);
-                } catch (ex) {
-                    console.error('data is not JSON');
+<header>
+    <nav class="navbar navbar-expand-md bg-dark py-3 navbar-dark">
+        <div class="container">
+            <a class="navbar-brand d-flex align-items-center" href="/">
+                <span class="bs-icon-sm text-white d-flex justify-content-center align-items-center me-2 bs-icon">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-pen">
+                        <path d="m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001m-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057 3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708l-1.585-1.585z"></path>
+                    </svg>
+                </span><span>Enotaryo</span>
+            </a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#collapse-button"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
+            <div class="collapse navbar-collapse" id="collapse-button">
+                <ul class="navbar-nav ms-auto">
+                    <li class="nav-item"><a class="nav-link active" href="/">Home</a></li>
+                </ul>
+                @if (User.Identity?.IsAuthenticated ?? false)
+                {
+                    <a class="btn btn-primary ms-md-2" role="button" href="/Login?handler=Logout" data-bs-toggle="tooltip" data-bss-tooltip data-bs-placement="bottom" title="@User.Identity.Name">Logout</a>
                 }
-                return {};
-            }
+                else
+                {
+                    <a class="btn btn-primary ms-md-2" role="button" href="/Login">Login</a>
+                }
+            </div>
+        </div>
+    </nav>
+</header>
 
-            const connection = new signalR.HubConnectionBuilder()
-                .withUrl("/notificationHub")
-                .build();
+<main>
+    <div id="ContainerAlert" class="container"></div>
+    @RenderBody()
+    <partial name="_AntiForgeryPartial.cshtml" />
+</main>
 
-            connection.on("ReceiveUserNotification", (user_UID, message) => {
-                receiveUserNotificationCallback?.(message);
-            });
+<footer class="text-center">
+    <div class="container-fluid text-muted py-4 py-lg-5">
+        <ul class="list-inline">
+            <li class="list-inline-item me-4"><a class="link-secondary" href="blank.html">Privacy</a></li>
+            <li class="list-inline-item me-4"><a class="link-secondary" href="blank.html">FAQ</a></li>
+            <li class="list-inline-item me-4"><a class="link-secondary" href="contactus.html">Contact Us</a></li>
+            <li class="list-inline-item me-4"><a class="link-secondary" href="contactus.html">Found a bug?</a></li>
+        </ul>
+        <p class="mb-0">Copyright © 2024 Enotaryo</p>
+    </div>
+</footer>
 
-            connection.start().then(() => {
-                console.log("SignalR Connected.");
-            }).catch(err => console.error(err));
-        </script>
-    }
-    @await RenderSectionAsync("Scripts", required: false)
-</body>
-
-</html>
+@section Scripts {
+    @RenderSection("Scripts", required: false)
+}
 
 
 
