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