<% include ../partials/head %>

<div class="mui-container">
    <div class="mui-panel">
        <div class="mui-text-headline mui-text-accent">Events</div>
    </div>


    <div id="container" class="mui-panel">

        <%
        for (var i = 0; i < data.length; i++) { %>
        <div class="mui-row">
            <div><a href='<%= data[i].link %>'> <%= data[i].title %> </a></div>
            <p><%= data[i].description %></p>
            <p><%= data[i].date %></p>

        </div>

        <% } %>

    </div>
</div>

<% include ../partials/footer %>