-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfoa.html
146 lines (143 loc) · 12.8 KB
/
foa.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
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!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" href="cooking.html"><strong>Cookbooks</strong></a></li>
<li class="nav-item"><a class="nav-link active" 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>Faces of Autism</h1>
</div>
<div class="col-md-6">
<p>One of the core missions of our club is to create positive changes within the autism community. We actively engage in initiatives and projects aimed at raising awareness, promoting acceptance, and advocating for the rights and needs of everyone.</p>
</div>
</div>
</div>
<div class="container py-4 py-xl-5">
<div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3">
<div class="col">
<div class="card"><img class="card-img-top w-100 d-block fit-cover" src="assets/img/IMG_6237%201.png" style="height: 471px;">
<div class="card-body p-4">
<p class="text-primary card-text mb-0">Article</p>
<h4 class="card-title">Dr. Janet McLaughlin</h4>
<p class="card-text">Addressing the Unique Needs of Caregivers and Immigrants in Autism Family Research: Featuring Dr. Janet McLaughlin.</p>
</div>
</div>
</div>
<div class="col">
<div class="card"><img class="card-img-top w-100 d-block fit-cover" src="assets/img/IMG_6238%201.png" style="height: 471px;">
<div class="card-body p-4">
<p class="text-primary card-text mb-0">Article</p>
<h4 class="card-title">Hon. Mike Lake</h4>
<p class="card-text">Autism Advocacy and Federal Level Interventions: Featuring Hon. Mike Lake, PC, MP.</p>
</div>
</div>
</div>
<div class="col">
<div class="card"><img class="card-img-top w-100 d-block fit-cover" src="assets/img/IMG_6240%201.png" style="height: 471px;">
<div class="card-body p-4">
<p class="text-primary card-text mb-0">Article</p>
<h4 class="card-title">Dr. Simone Brixius-Anderki</h4>
<p class="card-text">Neurodivergence & the Autism Experience in Academia: Featuring Dr. Simone Brixius-Anderki</p>
</div>
</div>
</div>
</div>
<div class="row gy-4 row-cols-1 row-cols-md-2 row-cols-xl-3">
<div class="col">
<div class="card"><img class="card-img-top w-100 d-block fit-cover" src="assets/img/IMG_6241%201.png" width="414" height="471">
<div class="card-body p-4">
<p class="text-primary card-text mb-0">Article</p>
<h4 class="card-title">Kathryn Goldsmith</h4>
<p class="card-text">Cooking Program: Insights & Reflections of a Parent featuring Kathryn Goldsmith</p>
</div>
</div>
</div>
<div class="col">
<div class="card"><img class="card-img-top w-100 d-block fit-cover" src="assets/img/IMG_6242%201.png" style="height: 471px;">
<div class="card-body p-4">
<p class="text-primary card-text mb-0">Article</p>
<h4 class="card-title">Kathryn Goldsmith</h4>
<p class="card-text">Cooking Program: Insights & Reflections of a Parent featuring Kathryn Goldsmith</p>
</div>
</div>
</div>
<div class="col">
<div class="card"><img class="card-img-top w-100 d-block fit-cover" src="assets/img/IMG_6243%201.png" width="414" height="466" style="height: 471px;">
<div class="card-body p-4">
<p class="text-primary card-text mb-0">Article</p>
<h4 class="card-title">Kyra Goldsmith</h4>
<p class="card-text">Cooking Program: Lil’ Spoon Spotlight featuring Kyra Goldsmith</p>
</div>
</div>
</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>