client_project_html_f24/Food_Pantry.html at main · sharonluyabb/client_project_html_f24 · GitHub

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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>Food Pantry</title>
</head>
<body>
    <div class="skip"><a href = "#main">Skip to Main Content</a></div>
    <header>
        <nav>
            <img src="images/mbc-logo.png" alt="Maize and Blue Cupboard Logo">
            <ul>
                <li><a href = "index.html">Home</a></li>
                <li><a href = "UMSI_Tutoring_Academic_Support.html">Academic Support</a></li>
                <li><a href = "Study_Spaces.html">Study Spaces</a></li>
                <li><a href = "Food_Pantry.html" class="active">Food Pantry</a></li>
            </ul>
        </nav>
        <h1>WELCOME TO MAIZE & BLUE CUPBOARD</h1>
    </header>

    <main id = "main">
        <section class="start">
            <h2>OUR MISSION</h2>
            <p>To ensure members of the University of Michigan community—whether on a tight budget or physically restrained from getting to a grocery store—receive equitable access to healthy, nutritious, and nourishing food and the ability to prepare it for themselves or others.</p>
        </section>

        <div class="container">
            <h2>MAKE AN APPOINTMENT NOW</h2>
            <p>Shopping at the Maize and Blue Cupboard is by appointment only.  Please make an appointment by visiting our sign up page <a href="https://calendly.com/mbcappointments/mbc-shopping-appointments?month=2023-10">here</a>.</p>
        </div>

        <div class="container">
            <h2>WHO WE ARE</h2>
            <article>
                <p>College students and staff are experiencing food insecurity at alarming rates. The Maize and Blue Cupboard is here to provide an immediate and comprehensive response for the U-M community. By offering resources, educational opportunities, compassionate support and more, we help students develop the skills to make informed decisions.</p>
                <p>Read our <a href="https://calendly.com/mbcappointments/mbc-shopping-appointments?month=2023-10"> FAQs</a> to learn more about the Maize and Blue Cupboard and how you can get helphere.</p>
            </article>
        </div>

        <div class="container">
            <h2>WHAT WE PROVIDE</h2>
            <article class="we-provide">
                <img src="images/FOOD.png" alt="Food">
                <div>
                    <p><strong>FOOD</strong></p>
                    <p>Produce, dairy, meat, bread, frozen and shelf-stable foods (i.e. rice, cans, tuna, etc.)</p>
                </div>
                </article>
            <article class="we-provide">
                <img src="images/KITCHEN_COOKING.png" alt="Kitchen">
                <div>
                    <p><strong>KITCHEN & COOKING</strong></p>
                    <p>Dishes, silverware, pots & pans, Tupperware, cutting boards, knives, and other kitchenware</p>
                </div>
            </article>
            <article class="we-provide">
                <img src="images/PERSONAL_HOUSEHOLD.png" alt="Personal">
                <div>
                    <p><strong>PERSONAL & HOUSEHOLD</strong></p>
                    <p>Trash bags, toilet paper, cleaning supplies, hygiene products, school supplies, baby items and more</p>
                </div>
            </article>
            <article class="we-provide">
                <img src="images/SUPPORT.png" alt="Support">
                <div>
                    <p><strong>SUPPORT</strong></p>
                    <p>Get connected to campus experts like CAPS, Dean of Students and Financial Aid, as well as SNAP (Michigan’s food program)</p>
                </div>
            </article>
        </div>

        <div class="container">
            <h2>NEWS</h2>
            <article class="NEWS">
                <p><strong><a href = "https://mbc.studentlife.umich.edu/category/news" class="news">NEWS</a></strong></p>
                <h2><a href = "https://mbc.studentlife.umich.edu/2024/09/04/fall-2024-mobile-distribution-for-north-campus/">Fall 2024 Mobile Distribution for North Campus</a></h2>
                <img src="images/news1.jpg" alt="Fall 2024 Mobile Distribution for North Campus">
                <p>U-M’s Maize & Blue Cupboard (MBC), the College of Engineering, Student Life, and Ann Arbor-based Food Gatherers will host North Campus mobile food distributions to make MBC resources more accessible for North Campus residents.</p>
            </article>
            <article class="NEWS">
                <p><strong><a href = "https://mbc.studentlife.umich.edu/category/news" class="news">NEWS</a></strong></p>
                <h2><a href = "https://mbc.studentlife.umich.edu/2022/09/01/mobile-food-distribution-for-north-campus/">Mobile Distribution for North Campus — Fall 2023 Semester</a></h2>
                <img src="images/news2.jpg" alt="Mobile Distribution for North Campus — Fall 2023 Semester">
                <p>Students who live on North Campus have easier access to free groceries thanks to U-M’s Maize & Blue Cupboard (MBC), the College of Engineering, Student Life, and Ann Arbor-based Food Gatherers.</p>
            </article>
            <article class="NEWS">
                <p><strong><a href = "https://mbc.studentlife.umich.edu/category/news" class="news">NEWS</a></strong></p>
                <h2><a href = "https://mbc.studentlife.umich.edu/2021/06/14/federal-assistance-for-food-insecurity/">Federal Assistance for Food Insecurity</a></h2>
                <img src="images/news3.jpg" alt="Federal Assistance for Food Insecurity">
                <p>The U.S. Department of Agriculture offers a nationwide program to help people who are struggling with food insecurity. The national name for the program is Supplemental Nutrition Assistance Program.</p>
            </article>
            <article class="NEWS">
                <p><strong><a href = "https://mbc.studentlife.umich.edu/category/news" class="news">NEWS</a></strong></p>
                <h2><a href = "https://mbc.studentlife.umich.edu/2024/03/13/from-students-for-students-the-maize-and-blue-cupboard/">From students, for students: The Maize and Blue Cupboard</a></h2>
                <img src="images/news4.jpg" alt="From students, for students: The Maize and Blue Cupboard4">
                <p>From modest beginnings, to a campus staple.</p>
            </article>
            <article class="NEWS">
                <p><a href = "https://mbc.studentlife.umich.edu/news">More News</a></p>
            </article>
        </div>

        <div class="container">
            <h2>Location</h2>
            <p>Located in the basement of the Betsy Barbour Residence Hall, please enter via the Maynard entrance only to ensure privacy for residents. Please contact us if you need ramp or elevator access.</p>
            <p><strong>Address: </strong><a href="https://www.google.com/maps/place/Betsy+Barbour+Residence,+420+S+State+St,+Ann+Arbor,+MI+48109/@42.2772944,-83.7437539,17z/data=!3m1!4b1!4m5!3m4!1s0x883cae38ac94a547:0xf8a4be6e818a1f4!8m2!3d42.2772944!4d-83.7415652">420 S State St Ann Arbor, MI 48109</a></p>
            <p><strong>Phone: </strong><a href="tel:+17349362794">734-936-2794</a></p>
            <img src="images/location.png" alt="Location">
        </div>

        <div class="container">
            <h2> Hours</h2>
            <p>On Monday 10/30 the Maize and Blue Cupboard will transition to shopping by appointment only. Schedule your shopping appointment <a href="https://calendly.com/mbcappointments/mbc-shopping-appointments">here</a>.</p>
            <p><a href="https://mbc.studentlife.umich.edu/contact">CONTACT US</a></p>
        </div>

        <div class="container">
            <img src="images/footer-donate-image.png" alt="Donate">
            <h2>Choose how you’d like to help.</h2>
        </div>

    </main>
    <footer>
        <p><a href = "https://studentlife.umich.edu/accessib">Web Accessibility Statement</a> | <a href = "https://hr.umich.edu/working-u-m/workplace-improvement/office-institutional-equity/nondiscrimination-policy-notice">Non-Discrimination Policy</a> | <a href = "https://umich.edu/">U–M Gateway</a></p>
        <p>&copy;2024 The Regents of the University of Michigan</p>
    </footer>

</body>
</html>