src/pages/project/profile-card.html

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

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

<body>
	<main class="card">
		<section>
			<img src="/assets/profile-card/bg-pattern-card.svg" alt="Pattern top">
			<img src="/assets/profile-card/image-victor.jpg" alt="Victor">
			<h1> <strong>Victor Crest </strong> <span>26</span> </h1>
			<p class="london">London</p>
		</section>
		<section class="info">
			<article>
				<b>80K</b>
				<p>Followers</p>
			</article>
			<article>
				<b>803K</b>
				<p>Likes</p>
			</article>
			<article>
				<b>1.4K</b>
				<p>Photos</p>
			</article>
		</section>
	</main>
	<div class="attribution">
		Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
		Coded by <a href="#">Your Name Here</a>.
	</div>
</body>

</html>