diff --git a/app/overview/controllers/log-controller.html b/app/overview/controllers/log-controller.html
index cf70c95..1540887 100644
--- a/app/overview/controllers/log-controller.html
+++ b/app/overview/controllers/log-controller.html
@@ -1,3 +1,30 @@
-<div id="uid-log">
-    Log contents here
+<div id="event-log">
+
+<div class="row column">
+    <h1>Event Log</h1>
+</div>
+
+<!-- Current status and bar display the state of the server. Class 'power__state-off' is applied to bar and 'power__state' text switches to say "off"-->
+<div class="row column page-header">
+    <h2 class="inline h4">All events generated by the system</h2>
+    <div class="event-log__timezone inline float-right">
+        <ul class="event-log__tz-list inline">
+            <li>User timezone: EDT (UTC-4)</li>
+            <li>UTC Timezone : UTC - 0</li>
+        </ul>
+    </div>
+</div>
+
+<div id="event-filter" class="row">
+    <div class="column large-6">
+        <p class="filter-label">Filter by severity</p>
+        <button class="btn-secondary inline first">High</button>
+        <button class="btn-primary inline">Medium</button>
+        <button class="btn-secondary inline">Low</button>
+        <button class="btn-secondary inline last">Resolved</button>
+    </div>
+    <div class="column large-6">
+        <p class="filter-label">Filter by date range (MM/DD/YYYY)</p>
+    </div>
+</div>
 </div>
\ No newline at end of file
diff --git a/app/overview/styles/log.scss b/app/overview/styles/log.scss
index e69de29..fb642d8 100644
--- a/app/overview/styles/log.scss
+++ b/app/overview/styles/log.scss
@@ -0,0 +1,51 @@
+// Event Log SCSS
+
+#event-log {
+
+  #event-filter {
+    button {
+      margin: 3px -3px;
+      padding: .5em 2em;
+      min-height: 2em;
+      font-size: .9em;
+      border-radius: 0;
+      &.first,
+      &.last {
+        border-radius: 3px;
+        
+      }
+    }
+    .btn-primary {
+      border: 2px solid $primebtn__bg;
+    }
+    .filter-label {
+      color: darken($lightgrey, 10%);
+      text-transform: uppercase;
+      font-weight: 700;
+      font-size: .75em;
+      margin-bottom: 3px;
+
+    }
+  }
+
+  //Timezone select
+  .event-log__timezone {
+    text-transform: uppercase;
+    color: $lightbg__primary;
+    font-size: .8em;
+    font-weight: 700;
+    margin-top: -1em;
+    .event-log__tz-list {
+      display: inline-block;
+      padding-left: .5em;
+      margin-top: -3px;
+      li {list-style-type: none;}
+    }
+    &:after {
+      content: '\25bC';
+      font-size: .8em;
+      display: inline-block;
+      margin-left: 5px;
+    }
+  }
+} //end #event-log
\ No newline at end of file