Break the Silence

avatar
unknown
plain_text
2 years ago
1.8 kB
8
Indexable
<!DOCTYPE html>
<html>
<head>
	<title>Advocacy Website</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<header>
		<h1>Advocacy for a Better World</h1>
		<nav>
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Our Causes</a></li>
				<li><a href="#">Take Action</a></li>
				<li><a href="#">Contact Us</a></li>
			</ul>
		</nav>
	</header>
	<main>
		<section id="banner">
			<h2>Together, we can make a difference</h2>
			<button onclick="donate()">Donate Now</button>
		</section>
		<section id="about">
			<h2>About Us</h2>
			<p>We are a group of passionate individuals committed to making the world a better place. Our mission is to raise awareness, educate, and advocate for social and environmental justice.</p>
		</section>
		<section id="causes">
			<h2>Our Causes</h2>
			<ul>
				<li><a href="#">Climate Change</a></li>
				<li><a href="#">Human Rights</a></li>
				<li><a href="#">Animal Welfare</a></li>
				<li><a href="#">Public Health</a></li>
			</ul>
		</section>
		<section id="take-action">
			<h2>Take Action</h2>
			<p>Join us in our efforts to create a better world. You can volunteer, donate, or share our message on social media.</p>
			<button onclick="volunteer()">Volunteer</button>
			<button onclick="donate()">Donate Now</button>
			<button onclick="share()">Share</button>
		</section>
	</main>
	<footer>
		<p>&copy; 2023 Advocacy for a Better World. All rights reserved.</p>
	</footer>

	<script>
		function donate() {
			alert("Thank you for your donation!");
		}

		function volunteer() {
			alert("Thank you for volunteering!");
		}

		function share() {
			alert("Thank you for sharing our message!");
		}
	</script>
</body>
</html>
Editor is loading...