-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcooking.html
87 lines (84 loc) · 9.98 KB
/
cooking.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
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>bsls_final</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/bs-theme-overrides.css">
<link rel="stylesheet" href="assets/css/Articles-Cards-images.css">
<link rel="stylesheet" href="assets/css/Navbar-Right-Links-icons.css">
</head>
<body>
<nav class="navbar navbar-expand-md sticky-top py-3" style="background: var(--bs-light-bg-subtle);">
<div class="container">
<div class="container" style="width: 30%;">
<div class="row" style="width: 100%;">
<div class="col-lg-12 col-xxl-12" style="width: 80%;"><span><strong>Big Spoon Lil' Spoon</strong></span><img src="assets/img/clipboard-image-1.png" width="58" height="54" style="margin-left: 10px;"><img src="assets/img/clipboard-image-4.png" style="width: 15.7%;"></div>
</div>
<div class="row">
<div class="col">
<p>University of Waterloo</p>
</div>
</div>
</div><a class="navbar-brand d-flex align-items-center" href="#"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-2">
<ul class="navbar-nav ms-auto" style="padding-left: 50px;">
<li class="nav-item"><a class="nav-link" href="about.html"><strong>About</strong></a></li>
<li class="nav-item"><a class="nav-link" href="contact.html"><strong>Contact</strong></a></li>
<li class="nav-item"><a class="nav-link active" href="cooking.html"><strong>Cookbooks</strong></a></li>
<li class="nav-item"><a class="nav-link" href="foa.html"><strong>Faces of Autism</strong></a></li>
<li class="nav-item"><a class="nav-link" href="awards.html"><strong>Awards</strong></a></li>
</ul>
</div>
</div>
</nav>
<div class="container" style="padding: 5% 0;">
<div class="row">
<div class="col-md-6">
<h1>Cooking Program</h1>
<p><br>We believe that good food has the power to nourish both body and soul. Our club is dedicated to creating inclusive and delicious meal programs designed for children with exceptionalities. We understand the importance of catering to diverse dietary needs and preferences, and we work tirelessly to develop nutritious and flavorful meals that everyone can enjoy.</p>
<h1>Cooking Program Volunteer Sign-up Form</h1>
<p>Join our culinary team and make a difference! Sign up to volunteer for our cooking program today. Help us create delicious and nutritious meals for students with exceptionalities. Let's cook with compassion together!</p><button class="btn btn-primary" type="button" style="color: var(--bs-body-color);background: #ffec80;border-radius: 40px;font-size: 20px;padding-left: 50px;padding-bottom: 20px;padding-right: 50px;padding-top: 20px;margin-left: 65px;margin-top: 50px;width: auto;border-style: none;border-color: var(--bs-emphasis-color);"><strong>View the Form</strong></button>
</div>
<div class="col-md-6"><img src="assets/img/Untitled_Artwork%202%201.png"></div>
</div>
</div>
<footer class="text-center py-4" style="position: relative;">
<div class="container">
<div class="row row-cols-1 row-cols-lg-3">
<div class="col-xl-12">
<ul class="list-inline my-2">
<li class="list-inline-item me-4">
<div class="bs-icon-circle bs-icon-primary bs-icon" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);width: 20px;height: 20px;">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
</svg></div>
</li>
<li class="list-inline-item me-4" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);">
<div class="bs-icon-circle bs-icon-primary bs-icon" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);width: 20px;height: 20px;">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"></path>
</svg></div>
</li>
<li class="list-inline-item me-4" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);">
<div class="bs-icon-circle bs-icon-primary bs-icon" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter-x" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);width: 20px;height: 20px;">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"></path>
</svg></div>
</li>
<li class="list-inline-item me-4" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);">
<div class="bs-icon-circle bs-icon-primary bs-icon" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-envelope-fill" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);width: 20px;height: 20px;">
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>
</svg></div>
</li>
<li class="list-inline-item me-4" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);">
<div class="bs-icon-circle bs-icon-primary bs-icon" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook" style="background: var(--bs-body-bg);color: var(--bs-emphasis-color);width: 20px;height: 20px;">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"></path>
</svg></div>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>