src/pages/project/single-price-grid.html

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

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Single Price Grid Component</title>

	<link rel="stylesheet" href="/assets/single-price-grid/style.css">
</head>

<body>
	<div class="container">
		<main class="card">
			<section>
				<h1>Join our community</h1>
				<h3>30-day, hassle-free money back guarantee</h3>
				<p>Gain access to our full library of tutorials along with expert code reviews.
					Perfect for any developers who are serious about honing their skills.</p>
			</section>
			<section class="subscription">
				<h2>Monthly Subscription</h2>
				<b>&dollar;29</b>
				<p>per month</p>
				<p>Full access for less than &dollar;1 a day</p>
				<button>Sign Up</button>
			</section>
			<section>
				<h2>Why Us</h2>
				<p> Tutorials by industry experts
					Peer &amp; expert code review
					Coding exercises
					Access to our GitHub repos
					Community forum
					Flashcard decks
					New videos every week
				</p>
			</section>
		</main>
	</div>
	<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>
	</section>
</body>

</html>