-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (92 loc) · 11.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
91
92
93
94
95
<!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>About</title>
<meta name="description" content="Big Spoon Lil Spoon aims to provide mentorship to children with exceptionalities. This unique program features cooking classes, life-skill workshops and employment programs for children with special needs">
<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" 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">
<div class="row" style="padding-top: 99px;">
<div class="col-md-6 col-xl-6" style="border-bottom-width: 1px;">
<h1 style="margin-left: 10%;"><strong>Culinary Inclusion, One </strong><br><strong>Spoonful at a Time</strong></h1>
<p style="margin-left: 10%;padding-right: 0px;margin-right: 13px;font-size: 20px;">We aim to provide mentorship to children with exceptionalities. This unique program features cooking classes, life-skill workshops and employment programs for children with special needs</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>Meet the Team</strong></button><button class="btn btn-primary" type="button" style="color: var(--bs-body-color);background: var(--bs-body-bg);border-radius: 40px;border-color: var(--bs-emphasis-color);font-size: 20px;padding-left: 50px;padding-bottom: 20px;padding-right: 50px;padding-top: 20px;margin-left: 65px;margin-top: 50px;width: 240px;"><strong>Contact Us</strong></button>
</div>
<div class="col-md-6"><img class="justify-content-end align-items-end align-content-end" src="assets/img/clipboard-image.png" style="width: 70%;height: initial;padding-right: 0px;margin-right: 2px;padding-left: 0px;margin-left: 119px;"></div>
</div>
</div>
<div class="container" style="padding-top: 10%;">
<div class="row" style="border-radius: 0%;border-width: 0.5px;">
<div class="col-md-6">
<h1><strong>The Cookbook: Issue 1</strong></h1>
<p style="font-size: 20px;">This cookbook is a tantalizing showcase of Chef Anthony Go's innovative recipes, blending global influences with his unique touch. From quick weeknight dinners to lavish feasts, each page invites you to savor the essence of diverse flavors, expertly crafted by the master himself. Unlock the secrets to extraordinary meals and transform your kitchen into a haven of delicious creativity.</p>
</div>
<div class="col-md-6"><img src="assets/img/clipboard-image-2.png" style="width: 70%;margin-left: 142px;"></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>