src/pages/project/four-card-feature-section.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="/assets/four-card-feature-section/style.css">
	<title>Four card feature section</title>
</head>

<body>
	<header>
		<h2>Reliable, efficient delivery</h2>
		<h1> Powered by Technology</h1>
		<p> Our Artificial Intelligence powered tools use millions of project data
			points to ensure that your project is successful
		</p>
	</header>
	<main>
		<article class="supervisor">
			<section>
				<h3>Supervisor</h3>
				<p>Monitors activity to identify project roadblocks</p>
			</section>
			<img src="/assets/four-card-feature-section/icon-supervisor.svg" alt="Supervisor icon">
		</article>

		<article class="builder">
			<section>
				<h3>Team Builder</h3>
				<p>Scans our talent network to create the optimal team for your project</p>
			</section>
			<img src="/assets/four-card-feature-section/icon-team-builder.svg" alt="Team Builder icon">
		</article>

		<article class="karma">
			<section>
				<h3>Karma</h3>
				<p>Regularly evaluates our talent to ensure quality</p>
			</section>
			<img src="/assets/four-card-feature-section/icon-karma.svg" alt="Karma icon">
		</article>

		<article class="calculator">
			<section>
				<h3>Calculator</h3>
				<p>Uses data from past projects to provide better delivery estimates</p>
			</section>
			<img src="/assets/four-card-feature-section/icon-calculator.svg" alt="Calculator icon">
		</article>
	</main>
	<footer>
		<p class="attribution">
			Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
			Coded by <a href="https://github.com/CosmoArt" target="_blank">CosmoArt</a>.
		</p>
	</footer>
</body>

</html>