hazmat-suite/_inc/_sectionCardsNew.php

<?php 

	$path = '<svg class="img-fluid ch-ggs-web-suite-card-hover-logo" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="304" height="70" viewBox="0 0 304 70"><path fill="#424244" d="M88.3 46.7c6.1 0 9.6-3.2 9.6-7.7s-2.6-6.4-7.2-7.8C86.9 30 86 29.3 86 27.8s1.3-2.4 3.3-2.4 3.6.7 5.3 2l2.7-3.1c-2.1-2-4.7-3.1-8.4-3.1-5 0-8.8 2.7-8.8 7 0 3.6 2 5.8 7.4 7.5 3.5 1.1 4.4 1.9 4.4 3.7 0 1.9-1.5 3-3.8 3-2.4 0-4.3-.9-6.1-2.4l-2.9 3.2c2 1.9 5 3.5 9.2 3.5zm18.2-.6V33.4c.8-1.5 1.7-2.4 2.8-2.4.8 0 1.6.5 1.6 2.5v12.6h5.5V33.4c.8-1.5 1.6-2.4 2.8-2.4.8 0 1.6.5 1.6 2.5v12.6h5.5V32.5c0-3.5-2-5.6-4.9-5.6-2.4 0-4.1 1-5.6 2.9-.7-1.9-2.3-2.9-4.4-2.9-2.3 0-4 .9-5.4 2.8l-.4-2.2h-4.8v18.6h5.7zm28.8.6c2.2 0 4.3-.7 5.6-2.8.9 1.8 2.3 2.5 4.5 2.7l1.2-3.6c-.9-.3-1.3-.8-1.3-2.3v-7.2c0-4.3-2.3-6.6-7.7-6.6-2.1 0-4.7.5-7 1.4l1.3 3.6c1.9-.6 3.7-1 4.9-1 2.3 0 3.1.7 3.1 2.9v.8H138c-5.6 0-8.7 2.2-8.7 6.3 0 3.4 2.3 5.8 6 5.8zm1.6-4c-1.4 0-2.2-.9-2.2-2.3 0-1.9 1.2-2.7 3.7-2.7h1.4V41c-.6 1.1-1.6 1.7-2.9 1.7zm18.3 3.4v-9.3c.6-2.8 1.6-4.5 3.9-4.5.6 0 1.1.1 1.7.2l.9-5.4c-.6-.2-1.2-.2-1.9-.2-2.1 0-4 1.5-4.8 4.1l-.5-3.6h-4.8V46l5.5.1zm15.8.6c1.7 0 3.6-.5 5-1.5l-1.9-3.5c-.7.5-1.4.6-2 .6-1.2 0-1.8-.6-1.8-2.4v-8.5h3.7l.6-3.8h-4.3v-4.7l-5.5.6v4h-2.6v3.8h2.6V40c.2 4.3 2.2 6.6 6.2 6.7z"/><path fill="#909" d="M186.5 46.1V21.8h-5.7v24.3h5.7zm10.6.6c2.5 0 4.2-1.2 5.3-2.8l.3 2.2h4.9v-26l-5.5-.6v9.1c-1.1-1.1-2.6-1.8-4.3-1.8-4.8 0-7.7 4.1-7.7 9.8-.1 6.2 2.3 10.1 7 10.1zm1.8-4.1c-1.8 0-3.1-1.2-3.1-5.8 0-4.2 1.4-5.8 3.4-5.8 1.2 0 2 .6 2.9 1.6v8c-.9 1.3-1.9 2-3.2 2zm21.3 4.1c3 0 5.4-1.1 7.2-2.6l-2.3-3.1c-1.6 1.1-2.9 1.6-4.4 1.6-2.3 0-3.9-.9-4.2-4.2H228c.1-.6.1-1.4.1-2 0-6-3.3-9.5-8.6-9.5-5.6 0-8.7 4.4-8.7 10 .1 5.8 3.2 9.8 9.4 9.8zm2.5-11.6h-6.2c.3-3.4 1.3-4.5 3.2-4.5 2.2 0 3 1.7 3 4.3v.2zm14.1 11V33.4c1-1.5 2-2.4 3.2-2.4 1.1 0 1.8.5 1.8 2.5v12.6h5.5V32.5c0-3.5-1.9-5.6-5.1-5.6-2.3 0-4.1 1-5.7 2.8l-.4-2.2h-4.8v18.6h5.5zm21.3.6c1.7 0 3.6-.5 5-1.5l-1.9-3.5c-.7.5-1.4.6-2 .6-1.2 0-1.8-.6-1.8-2.4v-8.5h3.7l.6-3.8h-4.3v-4.7l-5.5.6v4h-2.6v3.8h2.6V40c.1 4.3 2.1 6.6 6.2 6.7zm9.7-22.7c1.9 0 3.3-1.4 3.3-3.2 0-1.8-1.4-3.1-3.3-3.1s-3.3 1.4-3.3 3.1c0 1.8 1.3 3.2 3.3 3.2zm2.7 22.1V27.5H265v18.6h5.5zm10.7 0V31.4h3.8l.6-3.8h-4.4v-1.4c0-1.8.6-2.5 2.2-2.5.8 0 1.9.2 2.9.7l1.5-3.6c-1.4-.7-3.1-1.2-5.1-1.2-4.8 0-7.1 2.8-7.1 6.3v1.6h-2.8v3.8h2.8V46l5.6.1zm5.9 7.8c5.8-.3 9-3 10.5-7.7l5.9-18.6h-5.7l-3.6 15-3.3-15H285l5.7 18.6h1.9c-1 2.4-2.3 3.4-6 3.9l.5 3.8z"/><path fill="#82368C" d="M10.9 45.9V24.1L0 17.5v35l18.2 10.9 11-6.5z"/><path fill="#C955D9" d="m29.2 13.1-11-6.5L0 17.5l10.9 6.6zm18.2 32.8-18.2 11-11 6.5 11 6.6 29.1-17.5v-21l-10.9 6.6z"/><path fill="#532359" d="m29.2 13.1 18.2 11 10.9-6.6L29.2 0l-11 6.6z"/><g fill="#532359"><path d="M25 26.5c-2.2.5-4 2.2-4.4 4.5 0 .3.1.6.4.6h.1c.2 0 .5-.2.5-.4.3-1.8 1.8-3.3 3.6-3.7.3-.1.5-.3.4-.6s-.4-.4-.6-.4z"/><path d="m39.6 42.8-5.1-5.1c-.5-.5-1.2-.6-1.8-.3l-.5-.5c1.1-1.3 1.7-3 1.7-4.8 0-4.3-3.5-7.7-7.7-7.7-4.3 0-7.7 3.5-7.7 7.7s3.5 7.7 7.7 7.7c2.1 0 4-.8 5.4-2.2l.4.4c-.3.6-.2 1.3.3 1.8l5.1 5.1c.3.3.7.5 1.2.5s.8-.2 1.2-.5c.4-.4.4-1.5-.2-2.1zm-13.5-4c-3.7 0-6.7-3-6.7-6.7s3-6.7 6.7-6.7 6.7 3 6.7 6.7-3 6.7-6.7 6.7zm12.8 5.6c-.2.2-.6.2-.8 0L33 39.3c-.2-.2-.2-.6 0-.8.1-.1.3-.2.4-.2s.3.1.4.2l5.1 5.1c.2.2.2.5 0 .8z"/></g></svg>';
	$box = array(
			'SmartIdentify' => array('Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ',
					'assets/img/SmartIdentify.svg'),
			'SmartLabel' => array('Aenean commodo ligula eget dolor. Aenean massa.',
					'assets/img/SmartLabel.svg'),
			'SmartPackage' => array('Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.',
					'assets/img/SmartPackage.svg'),
			'EasyDGD' => array('Cconsectetuer adipiscing elit.',
					'assets/img/EasyDGD.svg'),
			'BatteryGuide' => array('Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
					'assets/img/BatteryGuide.svg'),
			'ADR-Check' => array('Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
					'assets/img/ADR-Check.svg')
			
	)
?>
	
<div class="container">
	<h2 class="ch-ggs-web-suite-landing-section-title">Die Tools der HazmatSuite auf einen Blick</h2>
	<p class="lead">Starten Sie jetzt durch mit der HazmatSuite! So schnell und effizient haben Sie noch nie mit Gefahrstoffen und Gefahrgut gearbeitet. Sparen Sie nicht nur Zeit, sondern auch Nerven für die Suche nach passender Software.</p>
	<div class="ch-ggs-web-suite-card-hover-group">
		<div class="row ch-ggs-web-suite-card-hover-holder">
			<?php foreach ($box as $key => $value): ?>
				<div class="col-md-6 col-lg-4 d-flex">
					<a href="<?php echo ($key === 'SmartIdentify' ? 'index-smartify.php' : '#') ?>" class="ch-ggs-web-suite-card-hover">
						<div class="ch-ggs-web-suite-card-hover-main">
							<img src="<?php echo $value[1] ?>" class="img-fluid ch-ggs-web-suite-card-hover-logo" alt="<?php echo $key ?> Logo">
							<h2 class="ch-ggs-web-suite-card-hover-title visually-hidden">
								<?php echo $key ?>
							</h2>
							<p class="ch-ggs-web-suite-card-hover-text"><?php echo $value[0] ?></p>
							<div class="btn w-100 btn-iconed btn-iconed-primary ch-ggs-web-suite-card-hover-link">Zum Tool <i aria-hidden="true" class="btn-icon ifc ifc-arrow-right"></i></div>
						</div>
					</a>
				</div>
			<?php endforeach; ?>
		</div>
	</div>
</div>