diff --git a/Desktop/UI/WebApp.js b/Desktop/UI/WebApp.js
index 187186993..f2f771d94 100644
--- a/Desktop/UI/WebApp.js
+++ b/Desktop/UI/WebApp.js
@@ -145,7 +145,7 @@ function newWebApp() {
         async function onClick(event) {
 
             if (event.target && event.target.nodeName === "BUTTON") {
-                switch (event.target.action) {
+                switch (event.target.name) {
                     case 'Follow Profile': {
                         await sendUserTargetProfileEvent(
                             event.target.userProfileId,
@@ -159,7 +159,7 @@ function newWebApp() {
                             let button = document.getElementById('profile-to-follow-button-' + event.target.userProfileId)
                             span.setAttribute("class", "profile-to-unfollow-span")
                             button.setAttribute("class", "profile-to-unfollow-button")
-                            button.action = 'Unfollow Profile'
+                            button.name = 'Unfollow Profile'
                         }
                         break
                     }
@@ -176,7 +176,7 @@ function newWebApp() {
                             let button = document.getElementById('profile-to-follow-button-' + event.target.userProfileId)
                             span.setAttribute("class", "profile-to-follow-span")
                             button.setAttribute("class", "profile-to-follow-button")
-                            button.action = 'Follow Profile'
+                            button.name = 'Follow Profile'
                         }
                         break
                     }
@@ -245,7 +245,7 @@ function newWebApp() {
 
             span.setAttribute("id", "profile-to-follow-span-" + profile.userProfileId)
             button.setAttribute("id", "profile-to-follow-button-" + profile.userProfileId)
-            button.action = 'Follow Profile'
+            button.name = 'Follow Profile'
             button.userProfileId = profile.userProfileId
 
             span.setAttribute("class", "profile-to-follow-span")
diff --git a/Desktop/WebServer/css/main.css b/Desktop/WebServer/css/main.css
index a83a8fea2..3dadc5d11 100644
--- a/Desktop/WebServer/css/main.css
+++ b/Desktop/WebServer/css/main.css
@@ -38,10 +38,24 @@
     width: 100%;
     color: #000;
     border-color: blue;
-    background-color: #ffffff;    
+    background-color: transparent;    
     border-width: 0px;
   }
 
+  .static-div {
+    position: fixed;
+    top:0px; 
+    left:18%;
+    width: 100%;
+    height: 100%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    background:transparent;
+    border-width: 0px;
+    border-collapse: collapse;
+  }
+
   .content-div {
     position:relative; 
     vertical-align: top;
@@ -50,6 +64,16 @@
     left: 31.2%;
     color: #000;
     border-color: blue;
+    background-color:transparent;
+    border-width: 1px;
+  }
+
+  .post-placeholder {
+    vertical-align: top;
+    height: 50px;
+    width: 100%;
+    color: #000;
+    border-color: blue;
     background-color: transparent;
     border-width: 0px;
   }
@@ -64,10 +88,17 @@
     border-width: 0px;
   }
 
+  .new-post-div {
+    vertical-align: top;
+    height: 300px;
+    width: 100%;
+    color: #000;
+    border-color: blue;
+    background-color: transparent;
+    border-width: 0px;
+  }
+
   .page-table {
-    pointer-events: visible;
-    position:fixed; 
-    position: absolute; 
     top:0px; 
     left:18%;
     width: 64%;
diff --git a/Desktop/WebServer/index.html b/Desktop/WebServer/index.html
index d16863556..fb3d12d3d 100644
--- a/Desktop/WebServer/index.html
+++ b/Desktop/WebServer/index.html
@@ -34,10 +34,116 @@
 </head>
 
 <body id="body" onload="loadApp()" onresize="onResize()" class="body">
+
     <div id="scroll-div" class="scroll-div">
+        <div id="static-div" class="static-div">
+        <table id="page-table" class="page-table">
+            <tr>
+                <td class="left-column">
+                    <table class="left-table">
+                        <tr>
+                            <td class="logo-cell">LOGO</td>
+                        </tr>
+                        <tr>
+                            <td class="menu-cell">
+                                <table class="menu-table">
+                                    <tr>
+                                        <td class="menu-item-cell">Home</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="menu-item-cell">Explore</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="menu-item-cell">Notifications</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="menu-item-cell">Messages</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="menu-item-cell">Bookmarks</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="menu-item-cell">Lists</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="menu-item-cell">Profile</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="menu-item-cell">More</td>
+                                    </tr>
+                                    <tr>
+                                        <td class="menu-item-cell">Post</td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td class="profile-cell">PROFILE</td>
+                        </tr>
+                    </table>
+                </td>
+                <td class="middle-column">
+                    <table class="middle-table">
+                        <tr>
+                            <td class="content-title-cell">CONTENT TITLE</td>
+                        </tr>
+                        <tr>
+                            <td class="content-cell">
+                            </td>
+                        </tr>
+                    </table>
+                </td>
+                <td class="right-column">
+                    <table class="right-table">
+                        <tr>
+                            <td class="search-cell">SEARCH</td>
+                        </tr>
+                        <tr>
+                            <td class="context-cell">
+                                <table class="context-table">
+                                    <tr>
+                                        <td>Who to follow</td>
+                                    </tr>
+                                    <tr>
+                                        <td id="who-to-follow-cell">
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>Show more</td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
+        </table>
+        </div>>
         <div class="content-div">
-            <div class="post-div">
-                POST 1
+            <div class="post-placeholder">
+                Placeholder
+            </div>
+            <div class="new-post-div">
+                <table>
+                    <tr>
+                        <td>Profile Pic</td>
+                        <td>
+                            <table>
+                                <tr>
+                                    <td>
+                                        <textarea id="new-post-text-area">Type your post here...</textarea>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>Permissions</td>
+                                </tr>
+                                <tr>
+                                    <td>Tool Bar <button name="Net Post">POST</button></td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                </table>
             </div>
             <div class="post-div">
                 POST 2
@@ -53,87 +159,6 @@
             </div>
         </div>
     </div>
-    <table id="page-table" class="page-table">
-        <tr>
-            <td class="left-column">
-                <table class="left-table">
-                    <tr>
-                        <td class="logo-cell">LOGO</td>
-                    </tr>
-                    <tr>
-                        <td class="menu-cell">
-                            <table class="menu-table">
-                                <tr>
-                                    <td class="menu-item-cell">Home</td>
-                                </tr>
-                                <tr>
-                                    <td class="menu-item-cell">Explore</td>
-                                </tr>
-                                <tr>
-                                    <td class="menu-item-cell">Notifications</td>
-                                </tr>
-                                <tr>
-                                    <td class="menu-item-cell">Messages</td>
-                                </tr>
-                                <tr>
-                                    <td class="menu-item-cell">Bookmarks</td>
-                                </tr>
-                                <tr>
-                                    <td class="menu-item-cell">Lists</td>
-                                </tr>
-                                <tr>
-                                    <td class="menu-item-cell">Profile</td>
-                                </tr>
-                                <tr>
-                                    <td class="menu-item-cell">More</td>
-                                </tr>
-                                <tr>
-                                    <td class="menu-item-cell">Post</td>
-                                </tr>
-                            </table>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="profile-cell">PROFILE</td>
-                    </tr>
-                </table>
-            </td>
-            <td class="middle-column">
-                <table class="middle-table">
-                    <tr>
-                        <td class="content-title-cell">CONTENT TITLE</td>
-                    </tr>
-                    <tr>
-                        <td class="content-cell">
-                        </td>
-                    </tr>
-                </table>
-            </td>
-            <td class="right-column">
-                <table class="right-table">
-                    <tr>
-                        <td class="search-cell">SEARCH</td>
-                    </tr>
-                    <tr>
-                        <td class="context-cell">
-                            <table class="context-table">
-                                <tr>
-                                    <td>Who to follow</td>
-                                </tr>
-                                <tr>
-                                    <td id="who-to-follow-cell">
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>Show more</td>
-                                </tr>
-                            </table>
-                        </td>
-                    </tr>
-                </table>
-            </td>
-        </tr>
-    </table>
 </body>
 
 </html>
\ No newline at end of file