websitedesign2023/docs/index.html

88 lines
3.6 KiB
HTML
Raw Normal View History

2022-09-07 12:55:52 -05:00
<!DOCTYPE html>
<html>
2023-01-18 12:45:47 -06:00
<head>
2023-04-04 12:15:03 -05:00
<title>The Cherub Foundation</title>
2023-01-18 12:45:47 -06:00
<meta name="viewport" content="width=device-width" />
2023-01-18 15:44:59 -06:00
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/home.css">
2023-01-18 12:45:47 -06:00
<link rel="stylesheet" href="assets/css/movement.css">
</head>
2023-01-18 15:44:59 -06:00
<body data-m="drop" data-m-duration="1.5">
2023-01-19 12:42:43 -06:00
<header data-m="reveal-right" data-m-delay="1" data-m-duration="1">
2023-04-18 12:44:33 -05:00
<img class="logo" width="25" height="25" src="assets/img/logo.png">
2023-04-04 12:15:03 -05:00
<h1>The Cherub Foundation</h1>
<a href="javascript:void(0)" id="menu"><img src="assets/img/hamburger.svg" width="25"></a>
2023-01-18 15:44:59 -06:00
<nav>
<ul>
<li><a href="#" id="current">Home</a></li>
2023-01-18 15:44:59 -06:00
<li><a href="about">About</a></li>
<li><a href="projects">Projects</a></li>
<li><a href="calendar">Calendar</a></li>
<li><a href="contact">Contact Us</a></li>
2023-04-04 11:13:21 -05:00
<li><a href="shop">Shop</a></li>
2023-01-18 15:44:59 -06:00
</ul>
</nav>
</header>
<div class="cover">
2023-04-04 12:05:26 -05:00
<h1 class="cover-tagline">Change the world by helping others</h1>
2023-01-18 12:45:47 -06:00
</div>
2023-01-18 15:44:59 -06:00
<main>
2023-03-30 13:14:54 -05:00
<article>
<div class="flex largercolumn">
<section class="iblock center third extrapadding lessmargin red">
<img src="assets/img/projects.png" class="smallround third"/>
2023-04-04 13:51:39 -05:00
<h1>Projects</h1>
<span>We have a range of ministries from food banks to orphanages! Come check them out on the projects page!</span><br />
2023-04-04 13:51:39 -05:00
<a href="projects">Read more</a>
</section>
<section class="iblock center third extrapadding lessmargin green">
<img src="assets/img/calendar.png" class="smallround third" />
2023-04-04 13:51:39 -05:00
<h1>Calendar</h1>
<span>See upcoming events happening within our organization around the world or in your hometown on the calendar!</span><br />
2023-04-04 13:51:39 -05:00
<a href="calendar">See events</a>
</section>
<section class="iblock center third extrapadding lessmargin blue">
<img src="assets/img/shop.png" class="smallround third" />
2023-04-04 13:51:39 -05:00
<h1>Shop</h1>
<span>Buy a t-shirt to inspire yourself and others, or donate entirely to The Cherub Foundation for the greatest impact!</span><br />
2023-04-04 13:51:39 -05:00
<a href="shop">Visit shop</a>
</section>
</div>
2023-03-30 13:14:54 -05:00
<section class="center extrapadding">
2023-04-04 12:15:03 -05:00
<h1>Help The Cherub Foundation</h1><br />
<span>You can help The Cherub Foundation today in many ways. The list below gives some suggestions on how to help us.</span><br />
2023-04-03 12:33:01 -05:00
<ul class="textleft centercontainer">
2023-03-30 13:14:54 -05:00
<li>Help by praying for us</li>
2023-04-04 11:13:21 -05:00
<li>Help by donation (see the <a href="shop">shop</a>)</li>
2023-03-30 13:14:54 -05:00
<li>Help by volunteering regularly (apply <a href="contact/volunteer">here</a>)</a></li>
<li>Help by attending events (i.e. donating blood or food, helping pack boxes during events)</li>
2023-04-03 12:33:01 -05:00
</ul><br />
<a href="calendar">Calendar of events</a><br />
2023-03-30 13:14:54 -05:00
</section>
<section class="center extrapadding">
2023-04-04 12:15:03 -05:00
<h1>Request help from The Cherub Foundation</h1>
2023-03-30 13:14:54 -05:00
<span>Help can be requested in multiple ways.</span><br />
<a href="contact/help">Online form</a><br />
<span>E-mail <a href="mailto:tcfhelp@daviddgtnt.xyz">tcfhelp@daviddgtnt.xyz</a></span><br />
2023-03-30 13:14:54 -05:00
<span>Call us at 1 (800) 555-2368</span><br />
<span>Mail to our address on the <a href="contact">Contact Us</a> page</span><br />
2023-03-30 13:14:54 -05:00
</section>
</article>
2023-01-18 12:45:47 -06:00
</main>
2023-01-18 15:44:59 -06:00
<footer data-m="bounce-up" data-m-delay="1" duration="1">
2023-04-19 15:44:42 -05:00
<ul>
2023-01-18 12:45:47 -06:00
<li><a href="#">Home</a></li>
<li><a href="about">About</a></li>
<li><a href="projects">Projects</a></li>
<li><a href="calendar">Calendar</a></li>
<li><a href="contact">Contact Us</a></li>
2023-01-18 12:45:47 -06:00
</ul>
2023-04-19 15:54:16 -05:00
<span class="center">Stock photos via Canva</span>
2023-01-18 12:45:47 -06:00
</footer>
<script src="assets/js/scroll.js"></script>
<script src="assets/js/menu.js"></script>
2023-01-18 12:45:47 -06:00
</body>
2022-09-12 15:30:40 -05:00
</html>