|  | <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> |