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

<div class="document-list">
	<a class="document-list-item icon-download" href="#">
		<div class="image-box">
			<img src="dummy/teaser_02.jpg" alt="">
		</div>
		<div class="text-box">
			<span class="kicker">Position</span>
			<h6>Gipfel zur Digitalen Bildung 2019</h6>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat assumenda in vel ut suscipit enim at quis, similique cumque tempora eveniet? Amet, voluptatibus?</p>
			<p class="details">PDF-Datei (4.253 KB)</p>
		</div>
	</a>
	<a class="document-list-item icon-download" href="#">
		<div class="image-box chart">
			<span class="chart-title">PDF</span>
		</div>
		<div class="text-box">
			<span class="kicker">Position</span>
			<h6>Gipfel zur Digitalen Bildung 2019</h6>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat</p>
			<p class="details">PDF-Datei (4.253 KB)</p>
		</div>
	</a>
	<a class="document-list-item icon-external" href="#">
		<div class="image-box">
			<img src="dummy/teaser_02.jpg" alt="">
		</div>
		<div class="text-box">
			<span class="kicker">Position</span>
			<h6>Gipfel zur Digitalen Bildung 2019</h6>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat assumenda in vel ut suscipit enim at quis, similique cumque tempora eveniet? Amet, voluptatibus?</p>
			<p class="details">PDF-Datei (4.253 KB)</p>
		</div>
	</a>
	<a class="document-list-item icon-external" href="#">
		<div class="text-box">
			<span class="kicker">Position</span>
			<h6>Gipfel zur Digitalen Bildung 2019</h6>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat assumenda in vel ut suscipit enim at quis, similique cumque tempora eveniet? Amet, voluptatibus?</p>
			<p class="details">PDF-Datei (4.253 KB)</p>
		</div>
	</a>
	<a class="document-list-item icon-download" href="#">
		<div class="image-box chart">
			<span class="chart-title">PDF</span>
		</div>
		<div class="text-box">
			<span class="kicker">Position</span>
			<h6>Gipfel zur Digitalen Bildung 2019</h6>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat</p>
			<p class="details">PDF-Datei (4.253 KB)</p>
		</div>
	</a>
	<a class="document-list-item icon-external" href="#">
		<div class="image-box">
			<img src="dummy/teaser_02.jpg" alt="">
		</div>
		<div class="text-box">
			<span class="kicker">Position</span>
			<h6>Gipfel zur Digitalen Bildung 2019</h6>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, eaque, laborum. Atque modi commodi sed natus fugiat soluta perferendis dolores veritatis praesentium sint, consequatur odit, quaerat assumenda in vel ut suscipit enim at quis, similique cumque tempora eveniet? Amet, voluptatibus?</p>
			<p class="details">PDF-Datei (4.253 KB)</p>
		</div>
	</a>
</div>