<div class="container">
	<h1><?=h($title)?></h1>
	<p>We are currently covering multiple events. Please choose which one you want to access.</p>

	<br><br>

	<div class="row clearfix">
		<? $count = count($conferences) ?>
		<? foreach($conferences as $idx => $conference): ?>
			<?
				// when we have more then 3 conferences, all but the last 3 will be displayed with 1/3 width
				if($count - $idx <= ($count % 3))
					$w = 12/($count%3);
				else
					$w = 12/3;
			?>

			<div class="
				clearfix
				conference
				col-xs-12
				col-sm-6
				col-md-<?=h($w)?>
			">
				<div class="panel panel-default">
					<div class="panel-body">
						<a href="<?=h($conference->getLink())?>"><?=h($conference->getTitle())?></a>
						<p><?=h($conference->getDescription())?></p>
					</div>
				</div>
			</div>
		<? endforeach ?>
	</div>
</div>