diff --git a/css/main.css b/css/main.css
index 6457be7..4bb6939 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,3 +1,128 @@
 nav {
     background-color: #87CBB9;
-}
\ No newline at end of file
+    border-radius: 4px;
+    border: 1px solid black;
+    padding: 1.5rem;
+    margin-bottom: 15px;
+}
+
+
+body {
+    background-color: #bcc5c3;
+}
+
+.nav-button {
+    background-color: #B9EDDD;
+    border-radius: 5px;
+    border: 1px solid black;
+    padding: 0.5rem 1.2rem;
+}
+
+.nav-button:hover {
+    background-color: aqua;
+}
+
+.rounded_border {
+    border-radius: 5px;
+}
+
+.bordered {
+    border: 1px solid black;
+}
+.bordered_left {
+    border-left: 1px solid black;
+}
+
+.bordered_right {
+    border-right: 1px solid black;
+}
+
+.content_area {
+    /*
+    display: flex;
+    flex-direction: row;
+    */
+    display: table;
+    width: 100%;
+}
+
+.menu_button {
+    width: 100%;
+    height: 2rem;
+    margin-bottom: 0.5rem;
+}
+
+.double_width_menu_bar {
+    display: flexbox;
+    background-color: #569DAA;
+    padding: 1rem;
+    width: 30rem;
+    margin-right: 1rem;
+}
+
+.wrapper {
+    width: 100%;
+    background-color: #577D86;
+    padding: 5px;
+}
+
+.wrapper:not(:last-child){
+    margin-bottom: 1rem;
+}
+.log_table {
+    display: table;
+    width: 100%;
+}
+
+.table_header {
+    display: table-cell;
+    text-align: center;
+    background-color: #bcc5c3;
+}
+
+.table_header:not(:last-child){
+    border-right: 1px solid black;
+}
+
+.center_text {
+    text-align: center;
+}
+
+.table_row {
+    width: 100%;
+    display: table-row;
+}
+
+.table_row:not(:last-child){
+    border-bottom: 1px solid black;
+}
+
+.table_cell {
+    display: table-cell;
+}
+
+.table_cell:not(:last-child){
+    border-right: 1px solid black;
+}
+
+.menu_bar {
+    display: flexbox;
+    background-color: #569DAA;
+    padding: 1rem;
+    width: 10rem;
+    margin-right: 1rem;
+}
+
+.cell {
+    display: table-cell;
+}
+
+.content {
+    background-color: #B9EDDD;
+    padding: 1rem;
+}
+
+
+.content_area::after {
+    clear: both;
+}
diff --git a/index.php b/index.php
index 9a47aba..7583a32 100644
--- a/index.php
+++ b/index.php
@@ -4,17 +4,78 @@
 -->
 <html>
     <head>
+        <!-- <script src="https://cdn.tailwindcss.com"></script> -->
         <link rel="stylesheet" href="css/main.css">
         <title>This is a test</title>
     </head>
-    </body>
+    <body>
         <nav>
-            This is a test
+            <a class="nav-button" href='/'>Logs/Statistics</a>
+            <a class="nav-button" href='/crontabs.php'>Crontab Management</a>
+            <a class="nav-button" href='contact.php'>Contact</a>
         </nav>
-        <?php
-        $a = 42;
 
-        echo "The number is $a"
-        ?>
-    </body>
+        <div class="content_area bordered rounded_border">
+
+            <div class="menu_bar bordered_right cell">
+                <button class="menu_button"> Check Logs </button>
+                <button class="menu_button"> View Crontabs </button>
+                <button class="menu_button"> Generate Crontab </button>
+            </div>
+
+            <div class="content cell">
+                test
+                <?php
+                echo "<br>";
+                echo "<ul>";
+                for ($x = 0; $x <= 10; $x++){
+                    echo "<li> Hey there $x </li>";
+                }
+                echo "</ul>";
+                ?>
+ 
+            </div>
+
+            <div class="double_width_menu_bar bordered_left cell">
+                <div class="wrapper bordered center_text">
+                    Log Statistics (This Week)
+                    <div id="log_statistics_table" class="log_table bordered">
+                        <div class="table_row">
+                            <div class="table_header">Level</div>
+                            <div class="table_header"># of occurances</div>
+                        </div>
+                        <div class="table_row">
+                            <div class="table_cell">Warning</div> <div class="table_cell">N/A</div>
+                        </div>
+                        <div class="table_row">
+                            <div class="table_cell">Critical</div> <div class="table_cell">N/A</div>
+                        </div>
+                        <div class="table_row">
+                            <div class="table_cell">Info</div> <div class="table_cell">N/A</div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="wrapper bordered center_text">
+                    Script Failures (Last 10)
+                    <div id="script_failures" class="log_table">
+                        <div class="table_row">
+                            <div class="table_header">Date</div> <div class="table_header">Script</div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="wrapper bordered center_text">
+                    Jobs Run (Last 10)
+                    <div id="jobs_run_table" class="log_table">
+                        <div class="table_row">
+                            <div class="table_header">Date/Time</div> <div class="table_header">Script</div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+   </body>
 </html>
\ No newline at end of file
