index.php

<?php require_once './header.html'?>
<header>
	<div class="hero-section">
		<img src="img/favicon.png" alt="Site Logo" class="hero-image">
		<div class="hero-title">
			<strong>One man's trash is another man's treasure.</strong>
		</div>
		<img src="img/favicon.png" alt="Site Logo" class="hero-image">
	</div>
</header>
<main class="page__main">
	<h2 id="intro">PLACEHOLDER is a web-app for promoting recycling habits.</h2>
	<h3>How?</h3>
	<ul class="checkmark">
		<li>Users obtain reward points for submitting recyclable materials.</li>
		<li>Recyclable materials like bottle, aluminum cans and cardboards can be exchanged for useful materials.</li>
		<li>We offer referral bonuses as well.</li>
	</ul>
	<h3 id="events">
		<img src="img/icon_event.png" alt="Special Events" class="icon">
		Special Events
	</h3>
	<article class="event-grid">
		<figure>
			<div class="event_1">Community Cleanup Day</div>
			<figcaption>The community clean-up day successfully promoted environmental awareness and unity as residents, volunteers, and organizations collaborated to beautify the neighborhood, fostering a cleaner, healthier, and sustainable future.</figcaption>
		</figure>
		<figure>
			<div class="event_2">Zero Waste Challenge</div>
			<figcaption>The zero waste challenge promotes sustainability through reducing waste and single-use items, encouraging an eco-friendly lifestyle for individuals and communities.</figcaption>
		</figure>
		<figure>
			<div class="event_3">Waste Art Exhibit</div>
			<figcaption>The waste art exhibit features recycled artworks, emphasizing recycling's significance and environmental conservation through innovative displays, inspiring visitors to adopt sustainable practices and rethink consumption habits.</figcaption>
		</figure>
		<figure>
			<div class="event_4">Composting Workshop</div>
			<figcaption>The composting workshop educates on organic waste recycling for sustainable gardening, empowering attendees to implement practical composting techniques, promoting a greener and eco-conscious lifestyle.</figcaption>
		</figure>
	</article>
</main>
<?php require_once './footer.html'?>