Alumni
<!DOCTYPE html>
<html>
<head>
<title>Alumni Page</title>
<style>
body {
background-color: #F0F0F0; /* Replace with your preferred background color */
color: #333333; /* Replace with your preferred text color */
}
header {
background-color: #E53935; /* Replace with your fraternity's color */
padding: 20px;
text-align: center;
}
h1 {
color: #FFFFFF; /* Replace with your preferred header color */
}
.alumni-image {
max-width: 300px; /* Adjust the size of the alumni images as needed */
}
</style>
</head>
<body>
<header>
<h1>Alumni Page</h1>
</header>
<h2>Our Alumni</h2>
<p>Welcome to our alumni page! Here, we celebrate and honor the accomplishments of our esteemed fraternity members who have graduated.</p>
<h3>Alumni Directory</h3>
<ul>
<li>
<img src="alumni1.jpg" alt="Alumni 1" class="alumni-image">
<h4>John Doe</h4>
<p>Class of 2010</p>
<p>Email: john.doe@example.com</p>
</li>
<li>
<img src="alumni2.jpg" alt="Alumni 2" class="alumni-image">
<h4>Jane Smith</h4>
<p>Class of 2005</p>
<p>Email: jane.smith@example.com</p>
</li>
<!-- Add more alumni entries as needed -->
</ul>
<!-- Add more content specific to your alumni page -->
</body>
</html>