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

<section class="teasers" data-items="3" data-type="regular">
	<div class="container">
		<h2 class="like-h2">Weitere Themen</h2>
		<div class="row">
			<div class="col">
				<a href="#" class="teaser">
					<span class="kicker">3D-Druck</span>
					<div class="image-box">
						<img src="dummy/teaser_01.jpg" alt="Bild 1" loading="lazy">
						<span class="copyright">&copy; Copyright by Mas Mustermann</span>
					</div>
					<div class="text-box">
						<h4>Teaser Headline Möglichkeiten der Integration</h4>
						<p>Teaser Copy dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
					</div>
					<span class="magazine-indicator">
						<img src="dummy/wirtschaftsdialoge-nav.svg" alt="">
					</span>
				</a>
			</div>
			<div class="col">
				<a href="#" class="teaser">
					<span class="kicker">Logistik</span>
					<div class="image-box">
						@@include('./section-gallery.html', {
							"type": "first-image"
						})
					</div>
					<div class="text-box">
						<h4>Was die Branche bewegt</h4>
						<p>Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
					</div>
					<span class="magazine-indicator">Wirtschaftsmagazin</span>
				</a>
			</div>
			<div class="col">
				<a href="#" class="teaser">
					<span class="kicker">Fachkräfte</span>
					<div class="image-box chart">
						<span class="chart-title">Das ist der Chart Text</span>
					</div>
					<div class="text-box">
						<h4>Anteil der Frauen im Bereich Engineering steigt</h4>
						<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra.</p>
					</div>
				</a>
			</div>
		</div>
	</div>
</section>