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

<section class="rotation">
	<div class="container">
		<div class="slider" data-autoplay="false" data-autoplay-speed="1500">
			<div class="slide">
				<div class="outer">
					<div class="image-box">
						@@include('./section-gallery.html', {
							"type": "first-image"
						})
					</div>
					<div class="text-box">
						<span class="kicker">3D-Druck Lorem ipsum dolor sit amet consectetur adipisicing.</span>
						<h3 class="like-h2">Teaser Headline Möglichkeiten der Integration lorem ipsum Dolor sit</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					<div class="text-box">
						<span class="kicker">Logistik</span>
						<h3 class="like-h2">Was die Branche bewegt</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					<div class="image-box">
						<img src="dummy/teaser_03.jpg" alt="Bild 2" loading="lazy">
					</div>
					<div class="text-box">
						<span class="kicker">Fachkräfte</span>
						<h3 class="like-h2">Anteil der Frauen im Bereich Engineering steigt</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					<div class="image-box">
						<img src="dummy/teaser_01.jpg" alt="Bild 1" loading="lazy">
					</div>
					<div class="text-box">
						<span class="kicker">3D-Druck</span>
						<h3 class="like-h2">Teaser Headline Möglichkeiten der Integration</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					
					<div class="text-box">
						<span class="kicker">Logistik</span>
						<h3 class="like-h2">Was die Branche bewegt</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					<div class="image-box">
						<img src="dummy/teaser_03.jpg" alt="Bild 2" loading="lazy">
					</div>
					<div class="text-box">
						<span class="kicker">Fachkräfte</span>
						<h3 class="like-h2">Anteil der Frauen im Bereich Engineering steigt</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					<div class="image-box">
						<img src="dummy/teaser_01.jpg" alt="Bild 1" loading="lazy">
					</div>
					<div class="text-box">
						<span class="kicker">3D-Druck</span>
						<h3 class="like-h2">Teaser Headline Möglichkeiten der Integration</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					
					<div class="text-box">
						<span class="kicker">Logistik</span>
						<h3 class="like-h2">Was die Branche bewegt</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					<div class="image-box">
						<img src="dummy/teaser_03.jpg" alt="Bild 2" loading="lazy">
					</div>
					<div class="text-box">
						<span class="kicker">Fachkräfte</span>
						<h3 class="like-h2">Anteil der Frauen im Bereich Engineering steigt</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					<div class="image-box">
						<img src="dummy/teaser_01.jpg" alt="Bild 1" loading="lazy">
					</div>
					<div class="text-box">
						<span class="kicker">3D-Druck</span>
						<h3 class="like-h2">Teaser Headline Möglichkeiten der Integration</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
			<div class="slide">
				<div class="outer">
					
					<div class="text-box">
						<span class="kicker">Logistik</span>
						<h3 class="like-h2">Was die Branche bewegt</h3>
						<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>
						<p>
							<a href="#" class="btn white has-icon icon-small-arrow-right-simple">Mehr erfahren</a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>