Break the Silence
unknown
plain_text
2 years ago
1.8 kB
2
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>© 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>