websitedesign2023/docs/projects/index.html

68 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Projects - The Chereb Foundation</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="../assets/css/main.css">
<link rel="stylesheet" href="../assets/css/pages.css">
<link rel="stylesheet" href="../assets/css/movement.css">
<link rel="stylesheet" href="../assets/css/projects.css">
</head>
<body>
<header data-m="reveal-right" data-m-duration="0.5">
<h1>The Chereb Foundation</h1>
<a href="javascript:void(0)" id="menu"><img src="../assets/img/hamburger.svg" width="25"></a>
<nav>
<ul>
<li><a href="..">Home</a></li>
<li><a href="../about">About</a></li>
<li><a href="#" id="current">Projects</a></li>
<li><a href="../calendar">Calendar</a></li>
<li><a href="../contact">Contact Us</a></li>
<li><a href="../shop">Shop</a></li>
</ul>
</nav>
</header>
<main data-m="drop" data-m-duration="0.5">
<h1>Projects</h1>
<article>
<div class="grid">
<div class="center griditem top left">
<h2>Feeding the Hungry</h2>
<img src="../assets/img/bread.png" class="round" />
<p>At our food bank in Nashville, TN, our goal is to feed as many people as we possibly can in a day. We have long lines coming towards the window and the benches outside are always filled, rain or shine.</p>
</div>
<div class="center griditem top right">
<h2>Financial Aid</h2>
<img src="../assets/img/money.png" class="round" />
<p>If you contact us and tell us about your situation and how much you need, we can help you with financial aid.</p>
</div>
<div class="center griditem bottom left">
<h2>Orphanage</h2>
<img src="../assets/img/hill.png" class="round" />
<p>Our orphanage takes care of over 100 kids, with most finding homes within 4 years. We are planning on offering sponsorships soon. We school all of our kids that are of age using <a href="https://aceschooloftomorrow.com">the A.C.E. curriculum</a>.</p>
</div>
<div class="center griditem bottom right">
<h2>Homeless Shelter</h2>
<img src="../assets/img/street.png" class="round" />
<p>Our homeless shelter aims to help any person no matter what age if they have nowhere to go. Our homeless shelter is located in Wisconsin Rapids, WI.</p>
</div>
</div>
</article>
</main>
<footer data-m="bounce-up" data-m-duration="0.5">
<ul>
<li><a href="..">Home</a></li>
<li><a href="../about">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="../calendar">Calendar</a></li>
<li><a href="../contact">Contact Us</a></li>
</ul>
</footer>
<script src="../assets/js/scroll.js"></script>
<script src="../assets/js/menu.js"></script>
</body>
</html>