<nav class="main-nav">
<?php
perch_pages_navigation(array('levels' => 1));
?>
</nav>
</header>
<!-- change cols2-nav-right to cols2-nav-left if you want the sidebar on the left -->
<div class="wrapper cols2-nav-right">
<div class="primary-content">
<h1>Example Custom Event Listing</h1>
<p>You can completely customise the information that is returned. This enables you to filter between dates, and select how many events to display rather than show a month at a time. This can be useful to display a listing of the next few events on a homepage for example.</p>
<?php
perch_events_custom(array('filter' => 'eventDateTime', 'match' => 'gte', 'value' => date('Y-m-d'), 'count' => 3, 'sort' => 'eventDateTime', 'sort-order' => 'desc', 'template' => 'listing/custom-listing-day.html'));
?>
</div>
<nav class="sidebar">
<!-- By category listing -->
<?php
perch_events_categories();
?>
</nav>
</div>
<?php
<body class="events">
<div class="flex-container">
<?php
perch_layout('page-header');
?>
<div class="house empty-top">
<div class="reed">
<?php
perch_events_custom(array('filter' => 'eventSlug', 'match' => 'eq', 'value' => perch_get('s'), 'template' => 'listing/event-detail.html'));
?>
</div>
<div class="side">
<h3>Event Categories</h3>
<?php
perch_events_categories(array('sort-order' => 'desc', 'template' => 'listing/events-categories.html'));
?>
</div>
</div>
<?php
<div class="slide-text-inner">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<a href="http://bdmusichub.org/projects/urban-lyve" class="slider-link">Blackburn Lyve</a>
</div>
</div>
</div>
</div>
<div class="slider-nav">
<button class="prev"><span>Prev</span></button>
<button class="next"><span>Next</span></button>
</div>
<div class="events-panel">
<div class="events-panel-head">
<h4>Upcoming Events</h4>
<svg>
<use xlink:href="#down-arrow" />
</svg>
</div>
<?php
perch_events_custom(array('count' => 2, 'sort' => 'eventDateTime', 'sort-order' => 'ASC', 'filter' => 'eventDateTime', 'match' => 'gt', 'value' => date('Y-m-d H:i:s'), 'template' => 'events/listing/home-panel-list.html'));
?>
</div>
</div>
</div>