<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Multi-Section Page</title>
<style>
/* --- General Reset and Styling --- */
body {
margin: 0;
font-family: Times, sans-serif;
line-height: 1.6;
}
/* --- Top Banner --- */
.top-banner {
background-color: #13076E;
color: white;
text-align: center;
padding: 20px;
}
.top-banner input[type="text"] {
padding: 10px;
font-size: 16px;
width: 300px;
border: none;
border-radius: 4px;
}
/* --- Section Header --- */
.section-header {
text-align: center;
margin: 40px 0 20px;
position: relative;
}
.section-header h2 {
display: inline-block;
background-color: #fff;
padding: 0 20px;
position: relative;
z-index: 1;
}
.section-header::before,
.section-header::after {
content: '';
position: absolute;
top: 50%;
width: 100%;
height: 1px;
background-color: #ccc;
z-index: 0;
}
.section-header::before {
left: 0;
}
.section-header::after {
right: 0;
}
/* --- Section Content --- */
.section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 20px;
border-bottom: 1px solid #eee;
}
.section img {
max-width: 300px;
height: auto;
margin: 10px;
}
.section .text {
max-width: 500px;
margin: 10px;
}
/* --- Responsive --- */
@media (max-width: 768px) {
.section {
flex-direction: column;
text-align: center;
}
}
</style>
</head>
<body>
<!-- Top Banner -->
<div class="top-banner">
<h1>Blackbird Mental Health</h1>
</div>
<!-- Section 1 -->
<div class="section-header">
<h2>About Us</h2>
</div>
<div class="section">
<div class="text">
<p>Blackbird Mental Health was started by 3 Jefferson County highschool students, Alexander Makdah, Lola Myers, Onesty Gipson, and Pritha Saha. Because of our first-hand experiences with some of the issues of the mental health system, and from the stories we've heard from those in our immediate—and broader Kentucky—community, we want to connect people in Kentucky, esspecially those in rural areas. People in rural areas have some of the worst mental health outcomes, and nationally rural counties have the highsest rates of suicide when compared with other counties with higher urbanization. There are many factors contributing to this disparity, including limited access to quality mental health resources and higher rates of poverty. With the Blackbird project, we hope to connect those in Rural Areas with the quality mental health resources they lack.</p>
</div>
<img src="https://www.ruralhealthinfo.org/assets/2859-11109/suicide-rates.jpg" alt="Section One Image">
<!-- CITE THIS -->
</div>
<!-- Section 2 -->
<div class="section-header">
<h2>Our Mission</h2>
</div>
<div class="section">
<div class="text">
<p>Our mission is to help those in need gain access to quality mental health resources, and contribute to a needed restructuring of the mental health system from an institution which can view those in need of support as clients or statistics to one which built on empathy and mutual empowerment.</p>
</div>
<img src="https://awarely.com.au/wp-content/uploads/Awarely-About-Story-2.svg" alt="Section Two Image">
</div>
<!-- Section 3 -->
<div class="section-header">
<h2>Resources</h2>
</div>
<div class="section">
<div class="text">
<p>For questions, please feel free to reach out to us at these emails: </p>
<p>Alexander Makdah: 26aim@loucol.com </p>
<p>Lola Myers: lolainhye@gmail.com </p>
<p>Onesty Meyers: onestyky09@gmail.com </p>
<p>Pritha Saha: prithasaha867@gmail.com
</p>
</div>
<img src="https://via.placeholder.com/300" alt="Section Three Image">
</div>
</body>
</html>