diff --git a/Desktop/WebServer/css/main.css b/Desktop/WebServer/css/main.css
index fe419c965..a44c65f3f 100644
--- a/Desktop/WebServer/css/main.css
+++ b/Desktop/WebServer/css/main.css
@@ -22,15 +22,57 @@
     font-style: normal;
   }
   
+  .scroll-div {
+    position:absolute; 
+    overflow-y: scroll;
+    overflow-x: hidden;
+    top:0px; 
+    left:0px;
+    vertical-align: top;
+    height: 100%;
+    width: 100%;
+    color: #000;
+    border-color: blue;
+    background-color: #ffffff;    
+    border-width: 0px;
+  }
+
+  .content-div {
+    position:relative; 
+    vertical-align: top;
+    height: 100%;
+    width: 30%;
+    left: 31.2%;
+    color: #000;
+    border-color: blue;
+    background-color: transparent;
+    border-width: 0px;
+  }
+
+  .post-div {
+    vertical-align: top;
+    height: 300px;
+    width: 100%;
+    color: #000;
+    border-color: blue;
+    background-color: transparent;
+    border-width: 0px;
+  }
+
   .page-table {
+    pointer-events: none;
     position:fixed; 
+    position: absolute; 
     top:0px; 
     left:18%;
     width: 64%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    background-color: #ffffff;
-    border-width: 1px;
+    background:transparent;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .left-column {
@@ -38,8 +80,10 @@
     top:0px; 
     width: 20%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .middle-column {
@@ -47,8 +91,10 @@
     top:0px; 
     width: 50%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .right-column {
@@ -57,99 +103,142 @@
     left:0px;
     width: 30%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .left-table {
     position:relative; 
     width: 100%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .logo-cell {
     vertical-align: top;
     width: 100%;
     height: 70px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .menu-cell {
     vertical-align: top;
     width: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .profile-cell {
     vertical-align: bottom;
     width: 100%;
     height: 50px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .middle-table {
     position:relative; 
     width: 100%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .content-title-cell {
     vertical-align: top;
     width: 100%;
     height: 50px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    background-color: #ffffff;    
   }
 
   .content-cell {
     vertical-align: top;
     width: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .right-table {
     position:relative; 
     width: 100%;
     height: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .search-cell {
     vertical-align: top;
     width: 100%;
     height: 50px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
   }
 
   .context-cell {
     vertical-align: top;
     width: 100%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    background:transparent;
   }
 
   .menu-table {
     position:relative; 
     width: 100%;
     height: 65%;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+    border-collapse: collapse;
   }
 
   .menu-item-cell {
     vertical-align: top;
     width: 100%;
     height: 50px;
+    padding: 0; 
+    margin: 0;
     color: #000;
-    border-width: 1px;
+    border-width: 0px;
+  }
+
+  .who-to-follow-table {
+    position:relative; 
+    width: 100%;
+    height: 30%;
+    padding: 0; 
+    margin: 0;
+    color: #000;
+    border-width: 0px;
+    border-collapse: collapse;
   }
\ No newline at end of file
diff --git a/Desktop/WebServer/index.html b/Desktop/WebServer/index.html
index 6d6572c60..30b874280 100644
--- a/Desktop/WebServer/index.html
+++ b/Desktop/WebServer/index.html
@@ -41,9 +41,26 @@
 </head>
 
 <body id="body" onload="loadApp()" onresize="onResize()">
-    Hello World!
-
-    <table class="page-table">
+    <div class="scroll-div">
+        <div class="content-div">
+            <div class="post-div">
+                POST 1
+            </div>
+            <div class="post-div">
+                POST 2
+            </div>
+            <div class="post-div">
+                POST 3
+            </div>
+            <div class="post-div">
+                POST 4
+            </div>
+            <div class="post-div">
+                POST 5
+            </div>
+        </div>
+    </div>
+    <table id="page-table" class="page-table">
         <tr>
             <td class="left-column">
                 <table class="left-table">
@@ -94,7 +111,8 @@
                         <td class="content-title-cell">CONTENT TITLE</td>
                     </tr>
                     <tr>
-                        <td class="content-cell">CONTENT</td>
+                        <td class="content-cell">
+                        </td>
                     </tr>
                 </table>
             </td>
@@ -104,7 +122,19 @@
                         <td class="search-cell">SEARCH</td>
                     </tr>
                     <tr>
-                        <td class="context-cell">CONTEXT</td>
+                        <td class="context-cell">
+                            <table class="who-to-follow-table">
+                                <tr>
+                                    <td class="menu-item-cell">User Profile 1</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">User Profile 2</td>
+                                </tr>
+                                <tr>
+                                    <td class="menu-item-cell">User Profile 3</td>
+                                </tr>
+                            </table>
+                        </td>
                     </tr>
                 </table>
             </td>