<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- CSS and Favicon -->
		<link rel="stylesheet" type="text/css" href="stylesheet.css">
		
		<!-- Metadata -->
		<title>Ecofest</title>
	</head>
	<body>
		<a href="index.html"><img src="./assets/img/arrow.png" alt="" class="back"></a>
	
		<h1 class="title">Our Acts</h1>
		
		<div class="acts">
			<div class="act">
				<img src="./assets/img/everyones-environment.jpg" alt="Everyone's Environment" />
				<p>Everyone's Environment</p>
			</div>
			<div class="act">
				<img src="./assets/img/solar-drum.jpg" alt="Solar Drum" />
				<p>Solar Drum</p>
			</div>
			<div class="act">
				<img src="./assets/img/green-gizmos.jpg" alt="Green Gizmos" />
				<p>Green Gizmos</p>
			</div>
			<div class="act">
				<img src="./assets/img/john-alfred.jpg" alt="DJ John Alfred" />
				<p>DJ John Alfred</p>
			</div>
		</div>
	</body>
</html>