-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (90 loc) · 5.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Soha Sultana, Richard Tran, Carol Yan, Raymond Smith">
<meta name="description" content="Let's Find Dinner!, a food bank network app">
<script src="https://kit.fontawesome.com/a8837c9916.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans&family=Poppins:wght@400;700&family=Tilt+Neon" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/let's-find-dinner-logo.png">
<title>Let's Find Dinner!</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<header>
<nav class="navbar navbar-dark bg-dark navbar-expand-lg">
<div class="container-fluid">
<a href="index.html" class="navbar-brand ps-lg-4">Let's Find Dinner!</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation menu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-content">
<ul class="navbar-nav me-auto">
<li class="nav-item"><a class="nav-link active" href="about.html">Our Mission</a></li>
<li class="nav-item"><a class="nav-link active" href="contact.html">Volunteer</a></li>
<li class="nav-item"><a class="nav-link active" href="find-a-bank.html">Find a Food Bank</a></li>
</ul>
<ul class="navbar-nav d-flex pe-lg-4">
<li class="nav-item"><a class="nav-link active" href="login.html">Sign In</a></li>
<li class="nav-item"><a class="nav-link active" href="user-profile.html">Account</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row shadow-lg page-title home-page-hook">
<div class="col">
<h2>Because families deserve not to worry about their next meal.</h2>
</div>
</div>
</div>
</header>
<main>
<div class="container text-content">
<div class="row">
<img id="pantry-shopping-img" src="img/pantry.jpg" alt="a woman inspecting a food pantry">
<h1>Welcome to Let's Find Dinner!</h1>
</div>
<section class="home-page-introduction">
<p>Food insecurity is a pressing issue that affects thousands of residents in King County.
Many families and individuals struggle to access nutritious meals for themselves and their loved ones.
In 2021, approximately 33.8 million Americans experienced food insecurity, highlighting the urgent need
for effective solutions.</p>
</section>
<section class="home-page-selection">
<div class="row sub-section-title home-title">
<h2>How can we help?</h2>
</div>
<p>
Anyone can explore food banks in King County and help fight food insecurity. Below are some resources for combatting food insecurity in your local community.
</p>
<button class="rounded non-search-btn btn--darkred" href="contact.html"><a href="contact.html">Volunteer</a></button>
<button class="rounded non-search-btn btn--tan" href="find-a-bank.html"><a href="find-a-bank.html">Donate/Find Food</a></button>
</section>
<section class="home-page-why">
<div class="row sub-section-title home-title">
<h2>Why Let's Find Dinner?</h2>
</div>
<p>
Let's Find Dinner aims to address this challenge by providing a centralized platform that connects those
in need with local food banks and volunteers. Our mission is to bridge the gap between resources and those
who require them, making it easier for people to access essential food assistance.
</p>
</section>
</div>
</main>
<footer>
<div class="container">
<p>Let's Find Dinner! was created by Soha Sultana, Richard Tran, Carol Yan, Raymond Smith.</p>
<address>
Contact us at <a class="footer-link" href="mailto:informatics@uw.edu">informatics@uw.edu</a>,
or at <a class="footer-link" href="tel:555-123-4567">(555)-123-4567</a>.
</address>
<p class="copyright">© 2023 Let's Find Dinner!</p>
</div>
</footer>
</body>
</html>