diff --git a/apps/landing/landing.html b/apps/landing/landing.html
index 9507e142e..617b69fd3 100644
--- a/apps/landing/landing.html
+++ b/apps/landing/landing.html
@@ -1,134 +1,135 @@
+<!DOCTYPE html>
 <html lang="en">
 <head>
-
     <title>caMicroscope</title>
-    <meta charset="utf-8" />
-
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" 
-        integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0"
-        crossorigin="anonymous">
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link 
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" 
+        rel="stylesheet" 
+        integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" 
+        crossorigin="anonymous" 
+    />
     <link rel="stylesheet" href="./main.css" />
-    <!-- common styling -->
-	<link rel='stylesheet' type='text/css' media='all' href='../common.css'/>
-    <link rel="shortcut icon" type="image/x-icon" href="favicon.png">
-
+    <link rel="stylesheet" href="../common.css" />
+    <link rel="icon" type="image/x-icon" href="favicon.png">
 </head>
 <body>
-  
-<!-- loading animation -->
-<div class="main-site">
-    <!-- adding css -->
-    <div class="main-content" role="timer" id="mainContent">
-        <div class="loader loader-black loader-5"></div>
+    <!-- Main Container -->
+    <div class="main-site">
+        <div class="main-content" id="mainContent" role="alert" aria-live="polite">
+            <div class="loader loader-black loader-5" aria-label="Loading animation"></div>
+        </div>
     </div>
-</div>
 
-<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark" style="position: sticky; margin-top: -4em;">
-    <div class="container-fluid">
-        <button class="navbar-toggler m-1" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="width: 100%;">
-            <span class="navbar-toggler-icon"></span>
+    <!-- Navigation Bar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark" role="navigation">
+        <div class="container-fluid">
+            <button 
+                class="navbar-toggler m-1" 
+                type="button" 
+                data-bs-toggle="collapse" 
+                data-bs-target="#navbarSupportedContent" 
+                aria-controls="navbarSupportedContent" 
+                aria-expanded="false" 
+                aria-label="Toggle navigation"
+            >
+                <span class="navbar-toggler-icon"></span>
             </button>
-            <div class="collapse navbar-collapse" id="navbarSupportedContent" >
-                <ul class="navbar-nav mr-auto gap-1">
-                    <li class="nav-item active link" style="font-family: sans-serif;">
-                       <a class="nav-link" href="landing.html"> <i class="fas fa-home"></i> Home</a>
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <ul class="navbar-nav me-auto gap-1">
+                    <li class="nav-item">
+                        <a class="nav-link" href="landing.html"><i class="fas fa-home"></i> Home</a>
                     </li>
-                    <li class="nav-item  link" style="font-family: sans-serif;">
-                        <a class="nav-link" href="../table.html"> <i class="fas fa-list-ul"></i>  Slides</a>
+                    <li class="nav-item">
+                        <a class="nav-link" href="../table.html"><i class="fas fa-list-ul"></i> Slides</a>
                     </li>
-                    <li class="nav-item link">
-                        <a class="nav-link" href="../Info.html"> <i class="fas fa-info-circle"></i> Info</a>
+                    <li class="nav-item">
+                        <a class="nav-link" href="../Info.html"><i class="fas fa-info-circle"></i> Info</a>
                     </li>
-                    <li class="nav-item link">
-                        <a class="nav-link" href="../dev-workbench/workbench.html"> <i class="fas fa-pencil-ruler"></i> Workbench</a>
+                    <li class="nav-item">
+                        <a class="nav-link" href="../dev-workbench/workbench.html"><i class="fas fa-pencil-ruler"></i> Workbench</a>
                     </li>
-                    <li class="nav-item link" style="font-family: sans-serif;">
-                        <a class="nav-link" href="../signup/signup.html"> <i class="fas fa-user-plus"></i> Signup</a>
+                    <li class="nav-item">
+                        <a class="nav-link" href="../signup/signup.html"><i class="fas fa-user-plus"></i> Signup</a>
                     </li>
-                    <li class="nav-item link" style="font-family: sans-serif;">
-                        <a class="nav-link" target="_blank" href="https://github.com/camicroscope/caMicroscope/issues"> <i class="fas fa-comment"></i> Feedback</a>
+                    <li class="nav-item">
+                        <a 
+                            class="nav-link" 
+                            target="_blank" 
+                            href="https://github.com/camicroscope/caMicroscope/issues" 
+                            aria-label="Provide Feedback on GitHub"
+                        >
+                            <i class="fas fa-comment"></i> Feedback
+                        </a>
                     </li>
                 </ul>
             </div>
-    </div>
-</nav>
-
-
-
-<!-- Main -->
-
-<section id="main" class="wrapper">
-
-    <div class="inner">
+        </div>
+    </nav>
 
-        <div role="heading">
-            <header class="major">
+    <!-- Main Content Section -->
+    <main id="main" class="wrapper" role="main">
+        <div class="inner">
+            <header class="major" role="banner">
                 <h1>caMicroscope</h1>
             </header>
-        </div>
 
-        <!-- Content -->
-
-        
-        <div role="contentinfo" class="content">
-            <p>caMicroscope is a tool to view, annotate, and analyze biomedical images.</p>
-            <a href="#" class="image fit" aria-label="Reload Home Page"><img src="./banner1.jpg" alt="" /></a>
-
-        </div>
+            <div class="content" role="contentinfo">
+                <p>caMicroscope is a tool to view, annotate, and analyze biomedical images.</p>
+                <a href="#" class="image fit" aria-label="Reload Home Page">
+                    <img src="./banner1.jpg" alt="Banner showing caMicroscope overview" />
+                </a>
+            </div>
 
-        <div class="posts" role="main" style="margin-top: 5em;">
-            <section class="post">
-                <a href="../table.html" class="image" aria-label="Visit Slides Page"><img src="./camic.jpg" alt=""/></a>
-                <div class="content">
-                    <h3>caMicroscope</h3>
-                    <p>Use camicroscope to explore and mark slides uploaded. If this is a restricted access deployment, you will be prompted to log in here.</p>
-                    <a href="../table.html" class="button">More</a>
-                </div>
-            </section>
-            <section class="post">
-                <a target="_blank" href="https://camicroscope.github.io/docs/" class="image" aria-label="Visit Documentation Page"><img src="./code.jpg" alt=""/></a>
-                <div class="content">
-                    <h3>Documentation</h3>
-                    <p>Read documentation for using and developing caMicroscope.</p>
-                    <a target="_blank" href="https://camicroscope.github.io/docs/" class="button">More</a>
-                </div>
-            </section>
+            <div class="posts" style="margin-top: 5em;">
+                <section class="post">
+                    <a href="../table.html" class="image" aria-label="Visit Slides Page">
+                        <img src="./camic.jpg" alt="caMicroscope sample image of slides" />
+                    </a>
+                    <div class="content">
+                        <h3>caMicroscope</h3>
+                        <p>Use caMicroscope to explore and mark slides uploaded. If this is a restricted access deployment, you will be prompted Ujwjal in here.</p>
+                        <a href="../table.html" class="button">More</a>
+                    </div>
+                </section>
+                <section class="post">
+                    <a target="_blank" href="https://camicroscope.github.io/docs/" class="image" aria-label="Visit Documentation Page">
+                        <img src="./code.jpg" alt="Documentation and coding guide" />
+                    </a>
+                    <div class="content">
+                        <h3>Documentation</h3>
+                        <p>Read documentation for using and developing caMicroscope.</p>
+                        <a target="_blank" href="https://camicroscope.github.io/docs/" class="button">More</a>
+                    </div>
+                </section>
+            </div>
         </div>
-</section>
-
-
-
-<!-- Footer -->
-<footer id="footer-layout"></footer>
-
-
-
-
-
-<!-- Scripts -->
-<!-- loading animation script -->
-<script>
-    var loader= document.querySelector('.loader');
-    window.addEventListener('load', function() {
-        loader.style.display = 'none';
-    });
-</script>
-
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>
-<script src="./jquery.min.js"></script>
-
-<script src="./jquery.dropotron.min.js"></script>
-
-<script src="./jquery.scrollex.min.js"></script>
-
-<script src="./skel.min.js"></script>
-
-<script src="./util.js"></script>
-<script src="../../common/util.js"></script>
-
-    <!-- script to call a footer(layout footer in the common > utils folder) function -->
-<script> insertFooterLayout(); </script>
+    </main>
+
+    <!-- Footer -->
+    <footer id="footer-layout" role="contentinfo">
+        <p>&copy; caMicroscope. All rights reserved.</p>
+    </footer>
+
+    <!-- Scripts -->
+    <script>
+        var loader = document.querySelector('.loader');
+        window.addEventListener('load', function() {
+            loader.style.display = 'none';
+        });
+    </script>
+    <script 
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" 
+        integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" 
+        crossorigin="anonymous"
+    ></script>
+    <script src="./jquery.min.js"></script>
+    <script src="./jquery.dropotron.min.js"></script>
+    <script src="./jquery.scrollex.min.js"></script>
+    <script src="./skel.min.js"></script>
+    <script src="./util.js"></script>
+    <script src="../../common/util.js"></script>
+    <script>insertFooterLayout();</script>
 </body>
-
 </html>
