51 lines
2.3 KiB
HTML
51 lines
2.3 KiB
HTML
<div id="main">
|
|
<div id="forbottom">
|
|
<div style="clear:both;"></div>
|
|
<section id="container" class="one-column events-calendar-page">
|
|
<div id="content" role="main">
|
|
<div class="post page type-page status-publish hentry">
|
|
<h1 class="entry-title">Events Calendar</h1>
|
|
<div class="entry-content">
|
|
<div class="familyfed-calendar" data-calendar>
|
|
<div class="calendar-toolbar" aria-label="Calendar navigation">
|
|
<button class="calendar-nav-button" type="button" data-calendar-prev aria-label="Previous month">‹</button>
|
|
<h2 id="calendar-month-title" class="calendar-title" aria-live="polite"></h2>
|
|
<button class="calendar-nav-button" type="button" data-calendar-next aria-label="Next month">›</button>
|
|
</div>
|
|
|
|
<div class="calendar-actions">
|
|
<button class="calendar-secondary-button" type="button" data-calendar-today>This Month</button>
|
|
<label class="calendar-search">
|
|
<span>Search events</span>
|
|
<input type="search" data-calendar-search autocomplete="off" placeholder="Search by title, location, or details" />
|
|
</label>
|
|
<button class="calendar-secondary-button" type="button" data-calendar-export>Export Calendar</button>
|
|
</div>
|
|
|
|
<div class="calendar-layout">
|
|
<div class="calendar-grid-wrap">
|
|
<div class="calendar-weekdays" aria-hidden="true">
|
|
<span>Mon</span>
|
|
<span>Tue</span>
|
|
<span>Wed</span>
|
|
<span>Thu</span>
|
|
<span>Fri</span>
|
|
<span>Sat</span>
|
|
<span>Sun</span>
|
|
</div>
|
|
<div class="calendar-grid" role="grid" aria-labelledby="calendar-month-title" data-calendar-grid></div>
|
|
</div>
|
|
|
|
<aside class="calendar-panel" aria-live="polite">
|
|
<h3 data-calendar-panel-title>Upcoming Events</h3>
|
|
<div class="calendar-event-list" data-calendar-list></div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div style="clear:both;"></div>
|
|
</div>
|
|
</div>
|