src/pages/project/huddle-landing-page.html

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

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=0.9">
	<link href='https://css.gg/facebook.css' rel='stylesheet'>
	<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>
	<link rel="stylesheet" href="/assets/huddle-landing-page/style.css">
	<title>Huddle landing page</title>
</head>

<body>
	<main>
		<header>
			<img src="/assets/huddle-landing-page/logo.svg" alt="Logo">
		</header>
		<div class="image">
			<img src="/assets/huddle-landing-page/illustration-mockups.svg" alt="illustration mockups">
		</div>
		<article>
			<h1> Build The Community <br> Your Fans Will Love</h1>
			<p> Huddle re-imagines the way we build communities. You have a voice, but so does your audience.
				Create connections with your users as you engage in genuine discussion. </p>
			<button>Register</button>
			<nav>
				<i class='bx bxl-facebook'></i>
				<i class='bx bxl-twitter'></i>
				<i class='bx bxl-instagram'></i>
			</nav>
		</article>
		<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">CosmoArt</a>.
			</p>
		</footer>
	</main>
</body>

</html>