ihk24/templates/source/includes/section-events.html

<section class="events">
	<div class="container medium">
		<h2 class="like-h2">Aktuelle Veranstaltungen</h2>
		<div class="events-wrapper">
			<ul class="events-list" data-pagination="true" data-items="5" data-scroll="1">
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>1. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box no-date">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>2. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>3. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>4. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>5. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>6. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>7. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>8. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>9. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>10. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>11. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="date-box">
							<span>Mo.</span><span>20.</span><span>Sep. 2020</span>
						</div>
						<div class="text-box">
							<p>12. Rahmenbedingungen für eine erfolgreiche Ausbildung – von Beginn an</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="events-actions">
			<a href="#" class="mailupdate">Updates zu dieser Liste per Mail abonnieren</a>
			<button class="btn white prev disabled" disabled aria-label="Vorherige"></button>
			<button class="btn white next" aria-label="Nächste"></button>
			<a href="#" class="btn white has-icon icon-calendar">Alle anzeigen</a>
		</div>
	</div>
</section>