PageSourceSearch

https://inspirationsnews.com/inspirations/about-us

html inspirationsnews.com collected 2026-09-30 14:04:11 UTC 115,494 bytes, 2,141 lines download raw bytes

1
2
3<!doctype html>
4
5<html id="html">
6
7<head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb#">
8    
9
10<meta charset="utf-8">
11<meta name="viewport" content="width=device-width, initial-scale=1">
12<meta http-equiv="X-UA-Compatible" content="IE=edge">
13<title data-bind="text: page().title">About Us</title>
14<link rel="shortcut icon" href="/favicon.ico" />
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32<meta name="twitter:card" content="summary" /><meta name="twitter:url" content="https://inspirationsnews.com/inspirations/about-us" /><meta name="twitter:title" content="About Us" />
33<meta property="og:title" content="About Us" /><meta property="og:url" content="https://inspirationsnews.com/inspirations/about-us" /><meta property="og:type" content="website" />
34
35
36    
37<script>
38    /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
39    !function (a) { "use strict"; var b = function (b, c, d) { function e(a) { return h.body ? a() : void setTimeout(function () { e(a) }) } function f() { i.addEventListener && i.removeEventListener("load", f), i.media = d || "all" } var g, h = a.document, i = h.createElement("link"); if (c) g = c; else { var j = (h.body || h.getElementsByTagName("head")[0]).childNodes; g = j[j.length - 1] } var k = h.styleSheets; i.rel = "stylesheet", i.href = b, i.media = "only x", e(function () { g.parentNode.insertBefore(i, c ? g : g.nextSibling) }); var l = function (a) { for (var b = i.href, c = k.length; c--;) if (k[c].href === b) return a(); setTimeout(function () { l(a) }) }; return i.addEventListener && i.addEventListener("load", f), i.onloadcssdefined = l, l(f), i }; "undefined" != typeof exports ? exports.loadCSS = b : a.loadCSS = b }("undefined" != typeof global ? global : this);
40
41    /*! onloadCSS. (onload callback for loadCSS) [c]2017 Filament Group, Inc. MIT License */
42    function onloadCSS(a, b) { function c() { !d && b && (d = !0, b.call(a)) } var d; a.addEventListener && a.addEventListener("load", c), a.attachEvent && a.attachEvent("onload", c), "isApplicationInstalled" in navigator && "onloadcssdefined" in a && a.onloadcssdefined(c) }
43
44    /*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */
45    !function (a) { if (a.loadCSS) { var b = loadCSS.relpreload = {}; if (b.support = function () { try { return a.document.createElement("link").relList.supports("preload") } catch (b) { return !1 } }, b.poly = function () { for (var b = a.document.getElementsByTagName("link"), c = 0; c < b.length; c++) { var d = b[c]; "preload" === d.rel && "style" === d.getAttribute("as") && (a.loadCSS(d.href, d, d.getAttribute("media")), d.rel = null) } }, !b.support()) { b.poly(); var c = a.setInterval(b.poly, 300); a.addEventListener && a.addEventListener("load", function () { b.poly(), a.clearInterval(c) }), a.attachEvent && a.attachEvent("onload", function () { a.clearInterval(c) }) } } }(this);
46</script>
46
47
48
49<!-- Critical CSS-->
50<style>/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
51html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,footer,header,nav,section{display:block;}h1{font-size:2em;margin:.67em 0;}figcaption,figure,main{display:block;}figure{margin:1em 40px;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;-webkit-text-decoration-skip:objects;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:inherit;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}dfn{font-style:italic;}mark{background-color:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-.25em;}sup{top:-.5em;}audio,video{display:inline-block;}audio:not([controls]){display:none;height:0;}img{border-style:none;}svg:not(:root){overflow:hidden;}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:.35em .75em .625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{display:inline-block;vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details,menu{display:block;}summary{display:list-item;}canvas{display:inline-block;}template{display:none;}[hidden]{display:none;}.mobile-hide{display:none;}@media(min-width:1025px){.mobile-hide{display:initial;}}@media(min-width:1025px){.desktop-hide{display:none;}}.container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}@media(min-width:1160px){.container{padding-left:0;padding-right:0;}}.font-raleway{font-family:'Raleway',Verdana,Arial,sans-serif;}.font-damion{font-family:'Damion',cursive;}.font-icomoon{font-family:'icomoon' !important;speak:none;}.breakout{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);}.button-color{background:#c7323e;}.font-normal{font-weight:400;}.font-medium{font-weight:500;}.font-semibold{font-weight:600;}.font-bold{font-weight:700;}.font-extrabold{font-weight:800;}.font-black{font-weight:900;}.fade-out{transition:opacity 1s ease-out;opacity:0;position:absolute;z-index:0;top:0;width:100%;}.fade-in{animation:fade-in 1s;}@keyframes fade-in{0%{opacity:0;}100%{opacity:1;}}*,*:before,*:after{box-sizing:border-box;}html,button,input,select,textarea,.pure-g [class*="pure-u"]{font-family:'Raleway',Verdana,Arial,sans-serif;color:#6d6d6d;}main{position:relative;overflow:hidden;}header{position:relative;}.header__container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem;font-weight:500;height:80px;position:relative;}@media(min-width:1160px){.header__container{padding-left:0;padding-right:0;}}.header__logo-wrapper{flex:0 0 59%;}.header__logo{display:block;max-width:225px;}.header__right{text-align:right;display:none;}.header__right-language{margin-bottom:1rem;}.header__right-language-link{text-decoration:none;color:#000;font-size:.9em;}.header__right-language-link--active{color:#c7323e;}.header__right-meta-search{height:1.6em;display:flex;align-items:center;}.header__right-meta-search-link{text-decoration:none;display:inline-flex;align-items:center;height:1.4em;color:#000;transition:color .2s ease-out;flex:0 0 auto;}.header__right-meta-search-link:hover,.header__right-meta-search-linkactive,.header__right-meta-search-link:focus{color:#c7323e;}.header__right-meta-search-link~.header__right-meta-search-link{margin-left:1rem;}.header__right-meta-search-link-icon{margin-right:.5em;}.header__right-meta-search-link-text{font-size:.9em;display:block;flex:0 0 auto;}.header__right-meta-search-link-img{max-width:1.5rem;margin-right:.5rem;width:100%;height:100%;}.header__right-meta-search-form{margin-left:.5rem;display:flex;align-items:center;display:none;}.header__right-meta-search-form-input{font-size:.8em;padding:.3em .4em .3em 1em;margin-left:-.8em;background:#eee;border:solid 1px #eee;border-top-right-radius:1em;border-bottom-right-radius:1em;width:100%;}.header__right-meta-search-form-input:focus{outline:none;border-color:#c7323e;background:#fff;}.header__right-meta-search-form-button{font-size:.8em;padding:.3em .4em;border:none;background:#c7323e;color:#fff;position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}.header__right-tagline{margin-top:1rem;font-family:'Damion',cursive;font-size:1.3rem;color:#c7323e;}.header__warning-bar{background:#c7323e;color:#fff;}.header__warning-bar-container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem;text-decoration:none;color:#fff;}@media(min-width:1160px){.header__warning-bar-container{padding-left:0;padding-right:0;}}.header__warning-bar-container:focus{outline:none;}.header__warning-bar-link{text-decoration:none;color:#fff;}.header__nav{background:#292a2c;font-size:1.2rem;position:relative;display:none;}.header__nav-container{max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;width:100%;}@media(min-width:1160px){.header__nav-container{padding-left:0;padding-right:0;}}.header__nav-link{text-decoration:none;color:#fff;padding:1rem;transition:color .2s ease-in;}.header__nav-link:hover,.header__nav-link--open{color:#c7323e;}.header__nav-link:hover+.header__nav-dropdown,.header__nav-link--open+.header__nav-dropdown{max-height:500px;box-shadow:0 5px 15px rgba(0,0,0,.2);}.header__nav-link--home{font-size:1.3rem;padding:1rem 0;}.header__nav-main{flex:1 0 auto;display:flex;justify-content:space-around;}.header__nav-dropdown-title{font-weight:600;margin-bottom:1rem;text-decoration:none;color:#000;margin-bottom:.3rem;display:block;}.header__nav-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;z-index:10000;max-height:0;transition:max-height .2s ease-out .3s;overflow:hidden;}.header__nav-dropdown:hover,.header__nav-dropdown:focus,.header__nav-dropdown.ally-focus-within{max-height:500px;box-shadow:0 5px 15px rgba(0,0,0,.2);}.header__nav-dropdown-container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding:2rem 1rem;}@media(min-width:1160px){.header__nav-dropdown-container{padding-left:0;padding-right:0;}}.header__nav-dropdown-section-wrapper{margin:0 -1rem;display:flex;width:100%;padding:0;}.header__nav-dropdown-section{border-right:solid 1px #ccc;flex:1 0 auto;padding:0 1rem;font-size:.9rem;}.header__nav-dropdown-section:last-child{border:none;}.header__nav-dropdown-section--images{flex:0 1 300px;}.header__nav-dropdown-list{list-style-type:none;margin:0 0 1rem 0;padding:0;}.header__nav-dropdown-list-item{list-style-type:none;margin:0;padding:0;}.header__nav-dropdown-list-item-link{text-decoration:none;display:inline-block;margin-bottom:.3rem;color:#000;transition:color .2s ease-in;}.header__nav-dropdown-list-item-link--first{font-weight:600;font-size:1rem;margin-bottom:.5rem;}.header__nav-dropdown-list-item-link:hover,.header__nav-dropdown-list-item-link:active{color:#c7323e;}.header__nav-dropdown-list-item-link--no-hover:hover,.header__nav-dropdown-list-item-link--no-hover:active{color:#000;}.header__nav-img-link{display:block;margin-bottom:1rem;}.header__nav-img-content{display:block;max-width:100%;}.header__nav-mobile{background:#292a2c;position:relative;height:56px;}.header__nav-mobile-container{width:100%;max-width:72.5rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;}@media(min-width:1160px){.header__nav-mobile-container{padding-left:0;padding-right:0;}}.header__nav-mobile-language-link{text-decoration:none;color:#fff;}.header__nav-mobile-language-link--active{color:#c7323e;}.header__nav-mobile-language-link~.header__nav-mobile-language-link{margin-left:.5rem;}.header__nav-mobile-search-wrapper{position:relative;}.header__nav-mobile-search{font-size:1.4rem;text-decoration:none;}.header__nav-mobile-search-text{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);}.header__nav-mobile-search-icon{color:#c7323e;}.header__nav-mobile-search-form{position:absolute;
51left:0;right:0;top:100%;width:100%;background:#292a2c;z-index:10001;padding:0 1rem;display:flex;max-height:0;overflow:hidden;transition:all .2s ease-out;}.header__nav-mobile-search-form--open{max-height:100px;padding-top:.6rem;padding-bottom:.6rem;}.header__nav-mobile-search-form-input{padding:.5em .8em;flex:1 1 auto;max-width:none;min-width:0;border:solid 1px #fff;}.header__nav-mobile-search-form-input:active,.header__nav-mobile-search-form-input:focus{border-color:#c65059;}.header__nav-mobile-search-form-button{border:none;background:#c7323e;color:#fff;text-transform:uppercase;font-weight:500;font-size:.8rem;padding:.5em .8em;}@media(min-width:1025px){.header__container{height:auto;}.header__logo{max-width:275px;}.header__nav{display:block;}.header__nav-mobile{display:none;}.header__right{display:block;}}</style>
52
53<!-- Main CSS -->
54<link rel="preload" href="/Content/less/app.min.css?v=1.1" as="style" onload="this.rel='stylesheet'">
55<noscript><link rel="stylesheet" href="/Content/less/app.min.css?v=1.1"></noscript>
56<link rel="preload" href="/Content/css/jquery-ui/jquery-ui.min.css" as="style" onload="this.rel='stylesheet'">
57
58<!-- Google Fonts -->
59<link rel="preload" href="https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900|Damion" as="style" onload="this.rel='stylesheet'">
60<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900|Damion"></noscript>
61
62
63
64
65<meta name="description" content="" />
66<meta http-equiv='content-language' content='en-ca'/>
67<link rel="stylesheet" type="text/css" href="/ecms-editor-css.ashx/global.css" /><meta name="generator" content="Agility CMS" />
68<meta name="agility_timestamp" content="2026-09-30 10:04:11 AM" /><meta name="agility_attributes" content="Mode=Live, IsPreview=False, Language=en-ca, Machine=wn1xsdwk000O72, CustomOutputCache=False" />
69
70
71
72 <!-- Start cookie banner script --> 
73<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/4f99ad5bef1282bf5f22ff90/script.js"></script>
73
74 <!-- End cookie banner script -->
75<script src="https://kit.fontawesome.com/dbb44aa360.js"></script>
75
76
77<script>
78  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
79  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
80  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
81  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
82
83  ga('create', 'G-4D4JJH2D3G', 'auto');
84  ga('send', 'pageview');
85
86</script>
86
87
88<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 88-89
88
89<script async src="https://www.googletagmanager.com/gtag/js?id=
89G-4D4JJH2D3G
vendor: 13 bytes, line 89
89"></script>
90<script>
91  
vendor: 138 bytes, lines 91-95
91window.dataLayer = window.dataLayer || [];
92  function gtag(){dataLayer.push(arguments);}
93  gtag('js', new Date());
94
95  gtag('config', '
95G-4D4JJH2D3G
vendor: 5 bytes, line 95
95');
96</script>
96
97	
98
99
100
101<!-- Google Tag Manager -->
102<script>
vendor: 327 bytes, lines 102-106
102(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
103new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
104j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
105'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
106})(window,document,'script','dataLayer','
106GTM-MHKCVL
vendor: 3 bytes, line 106
106');
106</script>
106
107<!-- End Google Tag Manager -->
108    
108<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTnnxWt9wDpzyCob8vLTtFrNa2bsL9Oss"></script>
108
109    
109<script src="https://unpkg.com/@agility/web-studio-sdk@latest/dist/index.js"></script>
109
110</head>
111
112<body id="body" data-agility-guid="eadad41c-5283-4ef2-a789-1ec727afb0ad">
113<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 113-114
113
114<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
114GTM-MHKCVL
vendor: 83 bytes, lines 114-115
114"
115height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
116<!-- End Google Tag Manager (noscript) -->
117    <div id="body__inner" class="global-loading" data-bind="globalLoading: initialLoading">
118
119
120
121        
122        <main data-bind="main: page">
123
124            <div class="template-container">
125                
126
127
128
129<link href="https://fonts.googleapis.com/css2?family=Andika&display=swap" rel="stylesheet"><p></p>
130<!-- ═══════════════════════════════════════════════
131     EXTERNAL RESOURCES
132     ═══════════════════════════════════════════════ -->
133<p></p>
134<!-- Web Awesome (replaces Font Awesome — includes X/Twitter icon) -->
135<p><link rel="stylesheet" href="https://ka-f.webawesome.com/[email protected]/styles/webawesome.css" /></p>
136<p>
137<script type="module" src="https://ka-f.webawesome.com/[email protected]/webawesome.loader.js"></script>
137
138</p>
139<!-- Google Fonts
140     display=swap     → font-display:swap — text stays readable while fonts load (no FOIT)
141     Andika           → accessible body font, designed for literacy
142     Antic            → display font used in nav and headings
143     Kaushan Script   → script font used in tagline and decorative headings
144     subset=latin     → load only latin characters (faster, smaller) -->
145<p><link rel="preconnect" href="https://fonts.googleapis.com" /></p>
146<p></p>
147<p><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" /></p>
148<p></p>
149<p><link href="https://fonts.googleapis.com/css2?family=Andika:ital,wght@0,400;0,700;1,400;1,700&amp;family=Antic&amp;family=Dancing+Script:wght@700&amp;family=Kaushan+Script&amp;display=swap&amp;subset=latin" rel="stylesheet" /></p>
150<style>
151	/* ═══════════════════════════════════════════════
152   DESIGN TOKENS  (single source of truth)
153   ═══════════════════════════════════════════════ */
154
155	:root {
156		/* ── Brand colours ──────────────────────────────
157     #0caddd is our primary sky-blue brand colour.
158     IMPORTANT: it only passes WCAG AA at large sizes (18px+ bold / 24px+ normal).
159     Use --color-primary-text for any body-sized text on white/light backgrounds.
160  ── */
161		--color-primary: #0caddd;
162		/* decorative, borders, icons, large headings */
163		--color-primary-dark: #057da2;
164		/* teal — passes AA for large text (ratio ~4.8:1 on white) */
165		--color-primary-text: #025f7a;
166		/* dark teal — passes AA for normal body text (ratio ~6.5:1) */
167		--color-navy: #033359;
168		/* deep navy — CTAs, buttons */
169		--color-navy-deep: #033a4d;
170		/* footer + nav background */
171
172		/* ── Neutrals ───────────────────────────────── */
173		--color-text: #6b6b6b;
174		/* primary body text   (ratio ~12:1 on white) */
175		--color-muted: #555555;
176		/* secondary / captions (ratio ~7.4:1 on white) */
177		--color-muted-light: #767676;
178		/* minimum AA-passing grey on white (ratio 4.54:1) */
179		--color-border: #aaaaaa;
180		--color-bg-tint: #ebfbfb;
181		/* link-array header background */
182		--color-bg-light: #eeeeee;
183		/* masonry cards */
184
185
186
187
188/* ── Typography ─────────────────────────────── */
189--font-body: 'Andika', 'Verdana', system-ui, sans-serif;
190/* accessible body font optimized for dyslexia and reading speed */
191
192--font-display: 'Antic', 'Helvetica Neue', Arial, sans-serif;
193
194--font-script: 'Kaushan Script', Georgia, garment, serif;
195
196
197		/* Base scale — relative to user's browser font-size preference (typically 16px).
198     Using % instead of px respects user accessibility settings. */
199		--text-base: 1rem;
200		/* 16px equivalent */
201		--text-sm: 0.875rem;
202		/* 14px — use sparingly, avoid below 12px */
203		--text-lg: 1.125rem;
204		/* 18px */
205		--text-xl: 1.25rem;
206		/* 20px */
207
208		/* WCAG 1.4.12 Text Spacing — minimum recommended values */
209		--line-height-body: 1.6;
210		--line-height-heading: 1.3;
211		--letter-spacing-body: 0.012em;
212
213		/* ── Spacing ─────────────────────────────────── */
214		--radius-btn: 30px;
215		--radius-card: 3px;
216	}
217
218/* ═══════════════════════════════════════════════
219GLOBAL FONT OVERRIDE
220═══════════════════════════════════════════════ */
221
222*:not(i):not([class*="icon"]):not([class*="fa"]):not([class*="wa-"]):not(wa-icon):not(.header__right-tagline):not(.makes-news),
223*:not(i):not([class*="icon"]):not([class*="fa"]):not([class*="wa-"]):not(wa-icon):not(.header__right-tagline):not(.makes-news)::before,
224*:not(i):not([class*="icon"]):not([class*="fa"]):not([class*="wa-"]):not(wa-icon):not(.header__right-tagline):not(.makes-news)::after
225{
226font-family: 'Andika', 'Verdana', system-ui, sans-serif !important;
227}
228
229h1, h2:not(.makes-news), h3, h4, h5, h6,
230.header__nav-link {
231font-family: 'Antic', 'Helvetica Neue', Arial, sans-serif !important;
232}
233
234h2.makes-news {
235font-family: 'Dancing Script', cursive !important;
236}
237
238h2.makes-news em {
239font-family: 'Kaushan Script', cursive !important;
240}
241.header__right-tagline,
242.header__right-tagline * {
243font-family: 'Kaushan Script', Georgia, serif !important;
244}
245	/* ═══════════════════════════════════════════════
246   BASE
247   ═══════════════════════════════════════════════ */
248
249	/* font-size:100% scales with the user's browser preference instead of
250   overriding it — critical for users who rely on larger default sizes. */
251	html {
252		font-size: 100%;
253	}
254
255	body {
256		font-size: var(--text-base);
257		line-height: var(--line-height-body);
258		/* WCAG 1.4.12 */
259		letter-spacing: var(--letter-spacing-body);
260		color: var(--color-text);
261	}
262
263	/* Inherit font on all interactive elements so they scale with the page */
264	button,
265	input,
266	select,
267	textarea,
268	.pure-g [class*="pure-u"] {
269		font-family: inherit;
270		font-size: inherit;
271	}
272
273	/* ── Links ───────────────────────────────────────
274   Underline on by default for WCAG 1.4.1 (don't rely on colour alone).
275   text-underline-offset improves readability on descenders. */
276	a {
277		color: var(--color-primary-text);
278		text-underline-offset: 3px;
279		transition: color 0.25s ease;
280	}
281
282	a:hover {
283		color: var(--color-primary-dark);
284		text-decoration: underline;
285	}
286
287	/* ── Focus indicator ─────────────────────────────
288   Visible focus ring for keyboard / switch / screen-reader users.
289   :focus-visible avoids showing the ring on mouse clicks. */
290	:focus-visible {
291		outline: 3px solid var(--color-primary);
292		outline-offset: 3px;
293		border-radius: 2px;
294	}
295
296	/* ── Reduced motion ──────────────────────────────
297   Disable transitions for users who request it (vestibular disorders, epilepsy). */
298	@media (prefers-reduced-motion: reduce) {
299
300		*,
301		*::before,
302		*::after {
303			transition-duration: 0.01ms !important;
304			animation-duration: 0.01ms !important;
305		}
306	}
307
308	/* ═══════════════════════════════════════════════
309   HEADER
310   ═══════════════════════════════════════════════ */
311
312	.header__logo {
313		max-width: 500px;
314	}
315
316	.header__right-meta-search-form-input {
317		width: 100%;
318	}
319
320
321
322	.header__nav-mobile-search-wrapper {
323		margin-left: 27px;
324		margin-top: 55px;
325	}
326
327	.header__right-meta-search-link-img {
328		max-width: 7.5rem;
329		width: 100%;
330		height: 100%;
331		margin: 62px 0.5rem 74px 14px;
332	}
333
334
335	/* ═══════════════════════════════════════════════
336   NAV BAR — dark petrol + #0caddd active pill
337   ─────────────────────────────────────────────
338   Targets existing Agility CMS header classes —
339   no changes needed to the nav HTML template.
340   ═══════════════════════════════════════════════ */
341
342	/* Outer wrapper — dark petrol, space below before page content */
343	.header__nav {
344		background: var(--color-navy-deep) !important;
345		/* #033a4d */
346		padding: 0 1rem !important;
347		margin-bottom: 1.5rem !important;
348	}
349
350	/* Inner container — centered flex row */
351	.header__nav-main {
352		display: flex !important;
353		align-items: center !important;
354		justify-content: center !important;
355		gap: 4px !important;
356		padding: 8px 0 !important;
357		flex-wrap: wrap !important;
358		background: none !important;
359		height: auto !important;
360	}
361
362	/* Every nav link
363   — Antic gives the nav a distinct display feel vs Andika body text
364   — full white on #033a4d = ratio ~14:1 (WCAG AAA ✓)
365   — 44px+ touch target via padding (WCAG 2.5.5)                    */
366	.header__nav-link {
367		display: inline-flex !important;
368		align-items: center !important;
369		font-family: var(--font-display) !important;
370		color: #ffffff !important;
371		padding: 11px 24px !important;
372		border-radius: var(--radius-btn) !important;
373		font-size: 1.1rem !important;
374		font-weight: 700 !important;
375		letter-spacing: 0.06em !important;
376		line-height: 1.3 !important;
377		white-space: nowrap !important;
378		text-decoration: none !important;
379		transition: background 0.2s ease, color 0.2s ease !important;
380	}
381
382	/* Home icon — square touch target */
383	.header__nav-link--home {
384		font-size: 1.4rem !important;
385		padding: 11px 16px !important;
386	}
387
388	/* Hover state */
389	.header__nav-link:hover,
390	.header__nav-link--open {
391		background: rgba(255, 255, 255, 0.12) !important;
392		color: #ffffff !important;
393	}
394
395	/* Active / current page — #0caddd pill, white text */
396	.header__nav-link--active {
397		background: var(--color-primary) !important;
398		color: #ffffff !important;
399		box-shadow: 0 2px 10px rgba(12, 173, 221, 0.4) !important;
400	}
401
402	/* Dropdown — keep existing behaviour intact */
403	.header__nav-link:hover+.header__nav-dropdown,
404	.header__nav-link--open+.header__nav-dropdown {
405		max-height: 500px !important;
406		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
407	}
408
409	/* Focus ring — primary blue visible against dark background */
410	.header__nav-link:focus-visible {
411		outline: 3px solid var(--color-primary) !important;
412		outline-offset: 2px !important;
413	}
414
415
416	/* ═══════════════════════════════════════════════
417   RICH TEXT
418   ═══════════════════════════════════════════════ */
419
420	/* font-family already inherited from body — no need to re-declare on every child */
421	.rich-text h1 {
422		font-weight: 550;
423		font-size: 3.05rem;
424		line-height: var(--line-height-heading);
425		/* --color-primary-dark (#057da2) passes WCAG AA for large text (ratio ~4.8:1) */
426		color: var(--color-primary-dark);
427	}
428
429	.rich-text blockquote {
430		display: flex;
431		align-items: center;
432		margin: 4em 0;
433		padding: 2em 0;
434		border-top: 1px solid var(--color-primary-dark);
435		border-bottom: 1px solid var(--color-primary-dark);
436	}
437
438	.rich-text blockquote p {
439		/* --color-primary-text (#025f7a) passes AA for normal text (ratio ~6.5:1) */
440		color: var(--color-primary-text);
441		padding: 0 2rem;
442		margin-bottom: 1rem;
443		font-style: italic;
444		font-weight: 300;
445		font-size: 1.1rem;
446		line-height: 1.6;
447	}
448
449
450	/* ═══════════════════════════════════════════════
451   ARTICLE META
452   ═══════════════════════════════════════════════ */
453
454	.article-meta__department {
455		display: none !important;
456	}
457
458	.article-meta__left {
459		color: var(--color-primary-text);
460		font-weight: 700;
461		font-size: var(--text-base);
462	}
463
464	.article-meta__left::before {
465		content: "Share this article:";
466		text-transform: uppercase;
467	}
468
469	.article-meta__author {
470		margin-top: 15px;
471		font-style: italic;
472		color: var(--color-primary-text);
473	}
474
475	.article-meta__author::before {
476		content: "by ";
477		font-style: italic;
478	}
479
480	.article-meta__right {
481		margin-top: -20px;
482	}
483
484
485	/* ═══════════════════════════════════════════════
486   FEATURED ARTICLE — READ MORE BUTTON
487   ═══════════════════════════════════════════════ */
488
489	.featured-article__content-read-more {
490		display: inline-block;
491		padding: 0.4em 2em 0.6em;
492		min-width: 100px;
493		width: 100%;
494		text-align: center;
495		text-decoration: none;
496		font: 500 1rem var(--font-body);
497		border-radius: var(--radius-btn);
498		background: var(--color-navy);
499		border: 1px solid var(--color-navy);
500		color: #ffffff;
501		transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
502	}
503
504	.featured-article__content-read-more:hover {
505		background: #ffffff;
506		color: var(--color-navy);
507		border-color: var(--color-navy);
508	}
509
510
511	/* ═══════════════════════════════════════════════
512   ACCORDION
513   ═══════════════════════════════════════════════ */
514
515	.accordion__content--open {
516		max-height: 100% !important;
517		overflow-y: hidden;
518	}
519
520
521	/* ═══════════════════════════════════════════════
522   LINK ARRAY
523   ═══════════════════════════════════════════════ */
524
525	.link-array__item {
526		flex: 0 0 100%;
527		margin-bottom: 0;
528	}
529
530	.link-array__item-wrapper {
531		margin: 0 -1rem;
532		overflow: hidden;
533		flex-wrap: wrap;
534	}
535
536	.link-array__item-title {
537		display: flex;
538		align-items: center;
539		padding: 0.8rem 0.8rem 0.8rem 1rem;
540		margin-bottom: 2rem;
541		font-size: 1.1rem;
542		text-transform: uppercase;
543		background-color: var(--color-bg-tint);
544		border-bottom: 1px solid var(--color-border);
545	}
546
547	.link-array__item-link {
548		display: block;
549		margin-bottom: 1rem;
550		padding-left: 2.5rem;
551		font-weight: 400;
552		/* 300 (thin) is hard to read — 400 is minimum */
553		color: var(--color-primary-text);
554		text-decoration: underline;
555		/* WCAG 1.4.1 — don't convey links by colour alone */
556		text-underline-offset: 3px;
557		transition: color 0.25s ease;
558	}
559
560	.link-array__item-link:hover {
561		color: var(--color-primary-dark);
562	}
563
564
565	/* ═══════════════════════════════════════════════
566   BANNER / HERO SLIDER
567   ═══════════════════════════════════════════════ */
568
569	.banner-slider,
570	.banner-slider__container,
571	.banner-slider__slide {
572		height: 520px;
573	}
574
575	.banner-slider {
576		position: relative;
577		overflow: hidden;
578		margin-bottom: 25px;
579	}
580
581	.banner-slider__container {
582		position: relative;
583		border: none;
584	}
585
586	.banner-slider__slide-container {
587		max-width: 100%;
588	}
589
590	.banner-slider__slide {
591		padding-bottom: 0;
592	}
593
594	@media (max-width: 500px) {
595
596		.banner-slider,
597		.banner-slider__container,
598		.banner-slider__slide {
599			height: 400px;
600		}
601
602		.banner-slider__slide-content {
603			max-width: 100%;
604			max-height: 100%;
605			background: transparent;
606			width: 90%;
607		}
608
609		.banner-slider__slide-content-text {
610			max-width: 90%;
611		}
612
613		.banner-slider__slide-content h2 {
614			font-size: 2rem;
615		}
616	}
617
618
619	/* ═══════════════════════════════════════════════
620   MISC COMPONENTS
621   ═══════════════════════════════════════════════ */
622
623	.mini-event-listing {
624		background-color: transparent !important;
625		margin: 0;
626		padding: 0;
627	}
628
629	/* Social nav — accessible teal instead of light sky blue */
630	a.social-nav {
631		color: var(--color-primary-text) !important;
632		transition: color 0.25s ease;
633	}
634
635	a.social-nav:hover {
636		color: var(--color-primary-dark) !important;
637	}
638
639	.hover-zoom {
640		transition: transform 0.3s ease;
641	}
642
643	.hover-zoom:hover {
644		transform: scale(0.9);
645	}
646
647	.jackie-color {
648		color: #cd1493;
649		font-weight: 700;
650	}
651
652	/* Advertorial label */
653	.advertorial-label {
654		display: inline-flex;
655		align-items: center;
656		gap: 7px;
657		padding: 5px 12px 5px 10px;
658		border: 1px solid rgba(184, 115, 51, 0.25);
659		border-radius: 4px;
660		font-size: 11px;
661		font-weight: 500;
662		letter-spacing: 0.08em;
663		text-transform: uppercase;
664		color: #6b7280;
665		background: #faf8f6;
666		margin-bottom: 1rem;
667		width: fit-content;
668	}
669
670	.advertorial-label::before {
671		content: '';
672		display: inline-block;
673		width: 6px;
674		height: 6px;
675		border-radius: 50%;
676		background: #B87333;
677		flex-shrink: 0;
678	}
679
680	.advertorial-label strong {
681		color: #B87333;
682		font-weight: 600;
683		letter-spacing: 0.1em;
684	}
685
686
687	/* ═══════════════════════════════════════════════
688   NEWS DETAILS
689   ═══════════════════════════════════════════════ */
690
691	.news-details {
692		padding: 0 40px 0 0;
693	}
694
695	.news-details__media-caption {
696		/* font-family inherited from body — no need to redeclare */
697		color: var(--color-muted) !important;
698		font-style: italic;
699		line-height: var(--line-height-body);
700	}
701
702	.news-details__media-image {
703		width: 90% !important;
704		height: auto;
705	}
706
707
708	/* ═══════════════════════════════════════════════
709   MASONRY GRID
710   ═══════════════════════════════════════════════ */
711
712	.masonry {
713		margin: 1.5em 0;
714		padding: 0;
715		column-gap: 1.5em;
716		font-size: 0.85em;
717	}
718
719	@media (min-width: 700px) {
720		.masonry {
721			column-count: 2;
722		}
723	}
724
725	@media (min-width: 900px) {
726		.masonry {
727			column-count: 3;
728		}
729	}
730
731	.item {
732		display: inline-block;
733		width: 100%;
734		padding: 1.5em;
735		margin: 0 0 1.5em;
736		box-sizing: border-box;
737		background: var(--color-bg-light);
738		border-radius: var(--radius-card);
739		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
740	}
741
742	.item img {
743		max-width: 100%;
744		height: auto;
745		display: block;
746	}
747
748
749	/* ═══════════════════════════════════════════════
750   FOOTER
751   ═══════════════════════════════════════════════ */
752
753	footer {
754		background: var(--color-navy-deep) !important;
755		color: #ffffff;
756	}
757
758	.footer__logo-img {
759		max-width: 80%;
760		padding-right: 1rem;
761	}
762
763	.ftr-lnk a:visited {
764		color: #9e9e9e !important;
765	}
766
767
768	/* ═══════════════════════════════════════════════
769   BUTTON OVERRIDES
770   Replaces red (#c7323e) with on-brand colours.
771   HTML classes (.red-button, .red-outline-button) stay untouched.
772   ═══════════════════════════════════════════════ */
773
774	/* Filled button — was red, now dark petrol */
775	.red-button a,
776	.red-button button {
777		background: var(--color-navy-deep) !important;
778		color: #ffffff !important;
779		border-radius: var(--radius-btn) !important;
780		font-family: var(--font-display) !important;
781		font-weight: 700 !important;
782		letter-spacing: 0.04em !important;
783		padding: 0.75em 2em !important;
784	}
785
786	.red-button a:visited {
787		color: #ffffff !important;
788	}
789
790	.red-button a:hover,
791	.red-button button:hover {
792		background: var(--color-primary) !important;
793		color: #ffffff !important;
794	}
795
796	.red-button a:active,
797	.red-button a:focus,
798	.red-button button:active,
799	.red-button button:focus {
800		background: var(--color-primary-dark) !important;
801		color: #ffffff !important;
802	}
803
804	.red-button a:disabled,
805	.red-button button:disabled {
806		background: var(--color-border) !important;
807		cursor: not-allowed !important;
808	}
809
810	/* Outline button — was red border, now dark petrol border */
811	.red-outline-button a,
812	.red-outline-button button {
813		background: transparent !important;
814		border: 2px solid var(--color-navy-deep) !important;
815		color: var(--color-navy-deep) !important;
816		border-radius: var(--radius-btn) !important;
817		font-family: var(--font-display) !important;
818		font-weight: 700 !important;
819		letter-spacing: 0.04em !important;
820		padding: 0.75em 2em !important;
821	}
822
823	.red-outline-button a:hover,
824	.red-outline-button button:hover {
825		background: var(--color-navy-deep) !important;
826		color: #ffffff !important;
827	}
828
829
830	/* ═══════════════════════════════════════════════
831   LIGHTBOX
832   (external JS: lightbox.min.js loaded separately)
833   ═══════════════════════════════════════════════ */
834
835	body.lb-disable-scrolling {
836		overflow: hidden;
837	}
838
839	.lightboxOverlay {
840		position: absolute;
841		top: 0;
842		left: 0;
843		z-index: 9999;
844		background: black;
845		opacity: 0.8;
846		display: none;
847	}
848
849	.lightbox {
850		position: absolute;
851		left: 0;
852		width: 100%;
853		z-index: 10000;
854		text-align: center;
855		line-height: 0;
856		font-weight: normal;
857		outline: none;
858	}
859
860	.lightbox .lb-image {
861		display: block;
862		height: auto;
863		max-width: inherit;
864		border-radius: 3px;
865		border: 4px solid white;
866	}
867
868	.lightbox a img {
869		border: none;
870	}
871
872	.lb-outerContainer {
873		position: relative;
874		width: 250px;
875		height: 250px;
876		margin: 0 auto;
877		border-radius: 4px;
878		background: white;
879	}
880
881	.lb-outerContainer::after {
882		content: "";
883		display: table;
884		clear: both;
885	}
886
887	.lb-loader {
888		position: absolute;
889		top: 43%;
890		left: 0;
891		height: 25%;
892		width: 100%;
893		text-align: center;
894		line-height: 0;
895	}
896
897	.lb-cancel {
898		display: block;
899		width: 32px;
900		height: 32px;
901		margin: 0 auto;
902		background: url("https://cdn.aglty.io/emsb/johngrant/js/loading.gif") no-repeat;
903	}
904
905	.lb-nav {
906		position: absolute;
907		top: 0;
908		left: 0;
909		height: 100%;
910		width: 100%;
911		z-index: 10;
912	}
913
914	.lb-nav a {
915		outline: none;
916		background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
917	}
918
919	.lb-prev,
920	.lb-next {
921		height: 100%;
922		cursor: pointer;
923		display: block;
924	}
925
926	.lb-nav a.lb-prev {
927		width: 34%;
928		float: left;
929		background: url("https://cdn.aglty.io/emsb/johngrant/js/prev.png") left 48% no-repeat;
930		opacity: 0;
931		transition: opacity 0.6s;
932	}
933
934	.lb-nav a.lb-next {
935		width: 64%;
936		float: right;
937		background: url("https://cdn.aglty.io/emsb/johngrant/js/next.png") right 48% no-repeat;
938		opacity: 0;
939		transition: opacity 0.6s;
940	}
941
942	.lb-nav a.lb-prev:hover,
943	.lb-nav a.lb-next:hover {
944		opacity: 1;
945	}
946
947	.lb-dataContainer {
948		margin: 0 auto;
949		padding-top: 5px;
950		width: 100%;
951		border-bottom-left-radius: 4px;
952		border-bottom-right-radius: 4px;
953	}
954
955	.lb-dataContainer::after {
956		content: "";
957		display: table;
958		clear: both;
959	}
960
961	.lb-data {
962		padding: 0 4px;
963		color: #ccc;
964	}
965
966	.lb-data .lb-details {
967		width: 85%;
968		float: left;
969		text-align: left;
970		line-height: 1.1em;
971	}
972
973	.lb-data .lb-caption {
974		font-size: 13px;
975		font-weight: 700;
976		line-height: 1em;
977	}
978
979	.lb-data .lb-caption a {
980		color: #4ae;
981	}
982
983	.lb-data .lb-number {
984		display: block;
985		clear: left;
986		padding-bottom: 1em;
987		font-size: 12px;
988		color: var(--color-muted-light);
989	}
990
991	.lb-data .lb-close {
992		display: block;
993		float: right;
994		width: 30px;
995		height: 30px;
996		background: url("https://cdn.aglty.io/emsb/johngrant/js/close.png") top right no-repeat;
997		text-align: right;
998		outline: none;
999		opacity: 0.7;
1000		transition: opacity 0.2s;
1001	}
1002
1003	.lb-data .lb-close:hover {
1004		cursor: pointer;
1005		opacity: 1;
1006	}
1007
1008	/* ═══════════════════════════════════════════════
1009	FEATURED ARTICLE OVERRIDES
1010	Replaces red (#c7323e) with on-brand colours.
1011	═══════════════════════════════════════════════ */
1012	
1013	/* Read more button — outline style, now petrol border */
1014	.featured-article__content-read-more {
1015	border: 2px solid var(--color-navy-deep) !important;
1016	color: var(--color-navy-deep) !important;
1017	background: transparent !important;
1018	border-radius: var(--radius-btn) !important;
1019	font-family: var(--font-display) !important;
1020	font-weight: 700 !important;
1021	letter-spacing: 0.04em !important;
1022	}
1023	
1024	.featured-article__content-read-more:hover,
1025	.featured-article__content-read-more:focus,
1026	.featured-article__content-read-more:active {
1027	background: var(--color-navy-deep) !important;
1028	color: #ffffff !important;
1029	}
1030	
1031	/* Article title — petrol instead of red */
1032	.featured-article__content-title,
1033	.featured-article__content-title a {
1034	color: var(--color-primary-text) !important;
1035	text-decoration: none !important;
1036	}
1037	
1038	.featured-article__content-title a:hover {
1039	color: var(--color-primary-dark) !important;
1040	text-decoration: underline !important;
1041	}
1042
1043	h2.makes-news,
1044	h2.makes-news em {
1045	font-family: 'Dancing Script', cursive !important;
1046	}
1047	
1048	h2.makes-news em {
1049	font-family: 'Kaushan Script', cursive !important;
1050	}
1051</style>
1052<!-- ═══════════════════════════════════════════════
1053     X/TWITTER ICON USAGE
1054     Old: <i class="fab fa-twitter-square"></i>
1055     New: <wa-icon library="brands" name="x-twitter"></wa-icon>
1056     ═══════════════════════════════════════════════ -->
1057<p></p>
1058<!-- Lightbox JS (keep as external script, NOT inside <style>) -->
1059<p>
1060<script src="https://cdn.aglty.io/emsb/johngrant/js/lightbox.min.js"></script>
1060
1061</p>    <header>
1062        <div class="header__container">
1063
1064            <a href="/inspirations"
1065               title="http://www.inspirationsnews.com"
1066               target="_self"
1067               class="header__logo-wrapper">
1068                <img alt="logo" class="header__logo" src="https://cdn.aglty.io/emsb/inspirations/img/inspirationsnewlogo_3.svg" />
1069            </a>
1070
1071            <div class="header__right">
1072
1073                <div class="header__right-language">
1074                    <a class="header__right-language-link" href="#" data-bind="languageSwitcher: 'en-ca'"></a>
1075                    <a class="header__right-language-link" href="#" data-bind="languageSwitcher: 'fr-ca'"></a>
1076
1077                </div>
1078                <div class="header__right-meta-search">
1079
1080                        <a href="https://www.instagram.com/inspirationsmontreal"
1081                           title="Instagram"
1082                           target="_blank"
1083                           class="header__right-meta-search-link">
1084                                <span class="header__right-meta-search-link-icon circle-icon" aria-hidden="true">
1085                                    <span class="circle-icon__bg"></span>
1086                                    <span class="circle-icon__content icon-instagram"></span>
1087                                </span>
1088                            <span class="header__right-meta-search-link-text">Instagram</span>
1089                        </a>
1090                        <a href="https://www.facebook.com/inspirationsmontreal"
1091                           title="Facebook"
1092                           target="_blank"
1093                           class="header__right-meta-search-link">
1094                                <span class="header__right-meta-search-link-icon circle-icon" aria-hidden="true">
1095                                    <span class="circle-icon__bg"></span>
1096                                    <span class="circle-icon__content icon-facebook-square"></span>
1097                                </span>
1098                            <span class="header__right-meta-search-link-text">Facebook</span>
1099                        </a>
1100                        <a href="https://www.youtube.com/@inspirationsnewsmtl"
1101                           title="Youtube"
1102                           target="_blank"
1103                           class="header__right-meta-search-link">
1104                                <span class="header__right-meta-search-link-icon circle-icon" aria-hidden="true">
1105                                    <span class="circle-icon__bg"></span>
1106                                    <span class="circle-icon__content icon-youtube"></span>
1107                                </span>
1108                            <span class="header__right-meta-search-link-text">YouTube</span>
1109                        </a>
1110                        <a href="/inspirations/donation"
1111                           title="Donate us"
1112                           target="_self"
1113                           class="header__right-meta-search-link">
1114<img alt="Donate us" class="header__right-meta-search-link-img" src="https://cdn.aglty.io/emsb/inspirations/img/donate.png" />                            <span class="header__right-meta-search-link-text"></span>
1115                        </a>
1116
1117                        <form class="header__right-meta-search-form" method="get" action="/inspirations/search-results">
1118
1119                            <span class="header__right-meta-search-form-icon circle-icon" aria-hidden="true">
1120                                <span class="circle-icon__bg"></span>
1121                                <span class="circle-icon__content icon-search"></span>
1122                            </span>
1123
1124                            <input type="text"
1125                                   name="q"
1126                                   class="header__right-meta-search-form-input"
1127                                   placeholder="Search">
1128
1129                            <input type="submit" value="Search" class="header__right-meta-search-form-button" tabindex="-1">
1130
1131                        </form>
1132
1133                </div>
1134
1135                <div class="header__right-tagline">Promoting inclusion and mental well-being    Promouvoir l’inclusion et le mieux-&#234;tre mental</div>
1136            </div>
1137
1138                <div class="header__nav-mobile-search-wrapper">
1139                    <a href="#" class="header__nav-mobile-search" data-bind="click: APP.mobileSearch.open.toggle, attr: {'aria-label': APP.mobileSearch.open() ? 'Close Search' : 'Open Search', 'title': APP.mobileSearch.open() ? 'Close Search' : 'Open Search' }" title="Open Search">
1140                        <span class="header__nav-mobile-search-icon icon-search" aria-hidden="true"></span>
1141                        <span class="header__nav-mobile-search-text">Search</span>
1142                    </a>
1143                </div>
1144                <form method="GET" action="/inspirations/search-results" class="header__nav-mobile-search-form" style="background-color: #0caddd;" data-bind="css: {'header__nav-mobile-search-form--open': APP.mobileSearch.open()}, attr: {'aria-hidden': APP.mobileSearch.open() ? 'false' : 'true'}">
1145                    <input name="q"
1146                           placeholder="Search"
1147                           class="header__nav-mobile-search-form-input" type="text">
1148
1149                    <input type="submit" value="Search" class="header__nav-mobile-search-form-button">
1150                </form>
1151
1152        </div>
1153
1154
1155        <nav id="header__nav-desktop" class="header__nav" style="background-color: #0caddd;">
1156
1157            <div class="header__nav-container">
1158
1159                <div class="header__nav-main">
1160
1161                    <a href="/inspirations" title="Go to homepage" class="header__nav-link header__nav-link--home">
1162                        <span class="icon-home" aria-hidden="true"></span>
1163                    </a>
1164
1165<a class="header__nav-link" href="#" target="_self" title="About">About</a>                            <div class="header__nav-dropdown" tabindex="-1">
1166
1167                                <div class="header__nav-dropdown-container">
1168
1169                                    <div class="header__nav-dropdown-section-wrapper">
1170
1171                                            <div class="header__nav-dropdown-section">
1172                                                
1173
1174                                                
1175
1176                                                <ul class="header__nav-dropdown-list">
1177
1178                                                        <li class="header__nav-dropdown-list-item">
1179
1180<span class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--no-hover header__nav-dropdown-list-item-link--first">About Inspiration</span>
1181                                                            <ul class="header__nav-dropdown-list header__nav-dropdown-list--child">
1182                                                                    <li class="header__nav-dropdown-list-item">
1183                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us" target="_self" title="About Us">About Us</a>
1184                                                                    </li>
1185                                                                    <li class="header__nav-dropdown-list-item">
1186                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/editor-s-message" target="_self" title="Editors Message">Editors Message</a>
1187                                                                    </li>
1188                                                                    <li class="header__nav-dropdown-list-item">
1189                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/our-team" target="_self" title="Our Team">Our Team</a>
1190                                                                    </li>
1191                                                                    <li class="header__nav-dropdown-list-item">
1192                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-sponsors" target="_self" title="Our Sponsors">Our Sponsors</a>
1193                                                                    </li>
1194                                                                    <li class="header__nav-dropdown-list-item">
1195                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/contact-donate" target="_self" title="Where To Find Us">Where To Find Us</a>
1196                                                                    </li>
1197                                                            </ul>
1198                                                        </li>
1199                                                </ul>
1200
1201                                            </div>
1202
1203                                            <div class="header__nav-dropdown-section rich-text">
1204                                                <div style="max-width: 25%; text-align: left;"><img src="https://cdn.aglty.io/emsb/inspirations/img/parkdaleabout-us450-px.jpg" style="margin-right: 20px; float: left;" caption="false" width="300" /> <span style="color: #333333; text-align: left;">
1205<p><em>Inspirations</em>
1205 is much more than a newspaper. It is a resource that informs and connects parents, caregivers, teachers, students and the public-at-large to the special needs community. Our bi-annual publications, extensive community outreach, social media and podcasts, and our database of special needs resources are the staples which drive <em>Inspirations</em>.</p>
1206</span></div>
1207                                            </div>
1208                                    </div>
1209                                </div>
1210                            </div>
1211<a class="header__nav-link" href="/inspirations/our-editions" target="_self" title="Our Editions">Our Editions</a>                            <div class="header__nav-dropdown" tabindex="-1">
1212
1213                                <div class="header__nav-dropdown-container">
1214
1215                                    <div class="header__nav-dropdown-section-wrapper">
1216
1217                                            <div class="header__nav-dropdown-section">
1218                                                
1219
1220                                                
1221
1222                                                <ul class="header__nav-dropdown-list">
1223
1224                                                        <li class="header__nav-dropdown-list-item">
1225
1226<a class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--first" href="/inspirations/our-editions" target="_self" title="Our Editions">Our Editions</a>
1227                                                            <ul class="header__nav-dropdown-list header__nav-dropdown-list--child">
1228                                                                    <li class="header__nav-dropdown-list-item">
1229                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-editions/print-editions" target="_self" title="Print Editions">Print Editions</a>
1230                                                                    </li>
1231                                                                    <li class="header__nav-dropdown-list-item">
1232                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-editions/online-editions" target="_self" title="Online Editions">Online Editions</a>
1233                                                                    </li>
1234                                                            </ul>
1235                                                        </li>
1236                                                </ul>
1237
1238                                            </div>
1239
1240                                            <div class="header__nav-dropdown-section rich-text">
1241                                                <div style="max-width: 30%; text-align: left;"><img src="https://cdn.aglty.io/emsb/inspirations/img/our-editions-layover640px.jpeg" style="margin-right: 20px; float: left;" caption="false" width="350" />
1242<p style="text-align: left;"><span style="color: #333333;"><br />In our 17th year, </span><em style="color: #333333;">Inspirations</em><span style="color: #333333;"> continues to grow! We provide our readers with resourceful information, the most up-to-date special needs news, and inspirational stories. Our contributors are experts in the field, covering a wide range of issues from autism spectrum disorder to learning disabilities, visual and hearing impairments to, physical impairments.</span></p>
1243</div>
1244                                            </div>
1245                                    </div>
1246                                </div>
1247                            </div>
1248<a class="header__nav-link" href="#" target="_self" title="News &amp; Podcasts">News &amp; Podcasts</a>                            <div class="header__nav-dropdown" tabindex="-1">
1249
1250                                <div class="header__nav-dropdown-container">
1251
1252                                    <div class="header__nav-dropdown-section-wrapper">
1253
1254                                            <div class="header__nav-dropdown-section">
1255                                                
1256
1257                                                
1258
1259                                                <ul class="header__nav-dropdown-list">
1260
1261                                                        <li class="header__nav-dropdown-list-item">
1262
1263<a class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--first" href="/inspirations/events" target="_self" title="News">News</a>
1264                                                            <ul class="header__nav-dropdown-list header__nav-dropdown-list--child">
1265                                                                    <li class="header__nav-dropdown-list-item">
1266                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-editions/our-articles" target="_self" title="Editions &amp; Articles">Editions &amp; Articles</a>
1267                                                                    </li>
1268                                                                    <li class="header__nav-dropdown-list-item">
1269                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/jackie-fisher-empathy-tour" target="_self" title="The Jackie Fisher Empathy Tour ">
1269The Jackie Fisher Empathy Tour </a>
1270                                                                    </li>
1271                                                                    <li class="header__nav-dropdown-list-item">
1272                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-editions/inspirationsnews-blog" target="_self" title="Shining lights of accessibility blog">Shining lights of accessibility blog</a>
1273                                                                    </li>
1274                                                                    <li class="header__nav-dropdown-list-item">
1275                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/lets-dance" target="_self" title="Let’s Dance">Let’s Dance</a>
1276                                                                    </li>
1277                                                                    <li class="header__nav-dropdown-list-item">
1278                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/social-media" target="_self" title="Social Media &amp; Our Videos">Social Media &amp; Our Videos</a>
1279                                                                    </li>
1280                                                                    <li class="header__nav-dropdown-list-item">
1281                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/podcasts" target="_self" title="Our Podcasts">Our Podcasts</a>
1282                                                                    </li>
1283                                                            </ul>
1284                                                        </li>
1285                                                        <li class="header__nav-dropdown-list-item">
1286
1287<a class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--first" href="/inspirations/events" target="_self" title="Events">Events</a>
1288                                                            <ul class="header__nav-dropdown-list header__nav-dropdown-list--child">
1289                                                                    <li class="header__nav-dropdown-list-item">
1290                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/events" target="_self" title="Community Events &amp; Programs">Community Events &amp; Programs</a>
1291                                                                    </li>
1292                                                                    <li class="header__nav-dropdown-list-item">
1293                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/parasport" target="_self" title="Parasport">Parasport</a>
1294                                                                    </li>
1295                                                                    <li class="header__nav-dropdown-list-item">
1296                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/summer-activities" target="_self" title="Summer Activities">Summer Activities</a>
1297                                                                    </li>
1298                                                            </ul>
1299                                                        </li>
1300                                                </ul>
1301
1302                                            </div>
1303
1304                                            <div class="header__nav-dropdown-section rich-text">
1305                                                <div style="max-width: 50%;">
1306<div class="info-box outline-black">
1307<h4>Social Media</h4>
1308<p>The Inspirationsnews can be found on several social media platforms @inspirationsnews.</p>
1309<a class="button-skinny white" href="https://www.facebook.com/inspirationsmontreal" target="_blank" rel="noopener" aria-label="Inspirationsnews on Facebook (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"> </path> </svg> Facebook </a> <a class="button-skinny" href="https://twitter.com/inspirationsmtl" target="_blank" rel="noopener" aria-label="Inspirationsnews on X / Twitter (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"> </path> </svg> Twitter </a> <a class="button-skinny" href="https://www.instagram.com/inspirationsmontreal" target="_blank" rel="noopener" aria-label="Inspirationsnews on Instagram (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 
13090-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"> </path> </svg> Instagram </a> <a class="button-skinny" href="https://www.youtube.com/@inspirationsnewsmtl" target="_blank" rel="noopener" aria-label="Inspirationsnews on YouTube (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"> </path> </svg> YouTube </a> <a class="button-skinny" href="https://inspirationsnewspodcast.buzzsprout.com" target="_blank" rel="noopener" aria-label="Inspirationsnews Podcast on Buzzsprout (opens in new tab)"> <svg width="14" height="14" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M11.56 8.87V17h-2.3V8.87H7.03L12 3.13l4.97 4.74h-2.24v-.01h-3.17zm2.1 5.92l-1.64 1.56-1.64-1.56c-2.73-2.6-2.73-6.83 0-9.43l1.64 1.56C10.3 8.5 10.3 11.5 11.7 13.13l.5.47.5-.47c1.4-1.63 1.4-4.63.14-6.17l1.64-1.56c2.72 2.6 2.72 6.83-.82 9.42zm-5.9 2.38l-1.64 1.56C3.07 15.6 3.07 8.37 6.12 5.24L7.76 6.8C5.43 9.13 5.43 14.87 7.76 17.17zm9.18 1.56l-1.64-1.56c2.33-2.3 2.33-8.04 0-10.37l1.64-1.56c3.05 3.13 3.05 10.36 0 13.49z"> </path> </svg> Podcast </a></div>
1310<!-- <div class="pure-u-1 pure-u-md-3-5">
1311<h5 style="margin: 0px;"><img src="https://cdn.aglty.io/emsb/inspirations/img/news-podcasts-layover.jpg?w=800" style="margin-right: 20px; margin-bottom: 20px; float: left;" caption="false" width="300" /></h5>
1312<p style="text-align: left;"><span style="color: #333333;"><em>Inspirations</em> brings you the most up-to-date special needs news and listing of important events.</span></p>
1313<p style="text-align: left;"><span style="color: #333333;">Catch up on your news right here.</span></p>
1314<p style="text-align: left;"><span class="red-outline-button skinny"><a href="/inspirations/our-editions" target="_self">Click, read and share!</a></span></p>
1315</div> --></div>
1316                                            </div>
1317                                    </div>
1318                                </div>
1319                            </div>
1320<a class="header__nav-link" href="#" target="_self" title="Resources">Resources</a>                            <div class="header__nav-dropdown" tabindex="-1">
1321
1322                                <div class="header__nav-dropdown-container">
1323
1324                                    <div class="header__nav-dropdown-section-wrapper">
1325
1326                                            <div class="header__nav-dropdown-section">
1327                                                
1328
1329                                                
1330
1331                                                <ul class="header__nav-dropdown-list">
1332
1333                                                        <li class="header__nav-dropdown-list-item">
1334
1335<span class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--no-hover header__nav-dropdown-list-item-link--first">Resources</span>
1336                                                            <ul class="header__nav-dropdown-list header__nav-dropdown-list--child">
1337                                                                    <li class="header__nav-dropdown-list-item">
1338                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/resources" target="_self" title="Database of Special Needs Resources">Database of Special Needs Resources</a>
1339                                                                    </li>
1340                                                                    <li class="header__nav-dropdown-list-item">
1341                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/resources/resources-at-emsb" target="_self" title="EMSB Special Needs Programs and Services">EMSB Special Needs Programs and Services</a>
1342                                                                    </li>
1343                                                                    <li class="header__nav-dropdown-list-item">
1344                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/resources/mental-health-well-being" target="_self" title="Mental Health and Well-Being Resources">Mental Health and Well-Being Resources</a>
1345                                                                    </li>
1346                                                            </ul>
1347                                                        </li>
1348                                                </ul>
1349
1350                                            </div>
1351
1352                                            <div class="header__nav-dropdown-section rich-text">
1353                                                <div style="max-width: 37%;">
1354<p style="margin: 0;"><img src="https://cdn.aglty.io/emsb/inspirations/img/database.jpg?w=800" style="margin-right: 20px; float: left;" caption="false" width="400" /> <span style="color: #333333;"><em>Inspirations&rsquo;</em> database shares over 500 resources, from education to counselling, to tutoring, vocational services, camps and respite care. The database is available right here for your perusal. If you would like to add your resource or recommend one, email us at:</span></p>
1355<p style="margin: 1em 0 0 0;"><span class="red-outline-button skinny"><a href="mailTo:[email protected]" target="_self">Email to Us</a></span></p>
1356</div>
1357                                            </div>
1358                                    </div>
1359                                </div>
1360                            </div>
1361<a class="header__nav-link" href="#" target="_self" title="Contact | Advertise">Contact | Advertise</a>                            <div class="header__nav-dropdown" tabindex="-1">
1362
1363                                <div class="header__nav-dropdown-container">
1364
1365                                    <div class="header__nav-dropdown-section-wrapper">
1366
1367                                            <div class="header__nav-dropdown-section">
1368                                                
1369
1370                                                
1371
1372                                                <ul class="header__nav-dropdown-list">
1373
1374                                                        <li class="header__nav-dropdown-list-item">
1375
1376<span class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--no-hover header__nav-dropdown-list-item-link--first">Contact</span>
1377                                                            <ul class="header__nav-dropdown-list header__nav-dropdown-list--child">
1378                                                                    <li class="header__nav-dropdown-list-item">
1379                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/contact-donate" target="_self" title="Contact Us">Contact Us</a>
1380                                                                    </li>
1381                                                                    <li class="header__nav-dropdown-list-item">
1382                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/about-us/our-team" target="_self" title="Our Team">Our Team</a>
1383                                                                    </li>
1384                                                            </ul>
1385                                                        </li>
1386                                                </ul>
1387
1388                                            </div>
1389                                            <div class="header__nav-dropdown-section">
1390                                                
1391
1392                                                
1393
1394                                                <ul class="header__nav-dropdown-list">
1395
1396                                                        <li class="header__nav-dropdown-list-item">
1397
1398<span class="header__nav-dropdown-list-item-link header__nav-dropdown-list-item-link--no-hover header__nav-dropdown-list-item-link--first">Get involved</span>
1399                                                            <ul class="header__nav-dropdown-list header__nav-dropdown-list--child">
1400                                                                    <li class="header__nav-dropdown-list-item">
1401                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/advertise" target="_self" title="Advertise with us!">Advertise with us!</a>
1402                                                                    </li>
1403                                                                    <li class="header__nav-dropdown-list-item">
1404                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/our-sponsors" target="_self" title="Our Sponsors">Our Sponsors</a>
1405                                                                    </li>
1406                                                                    <li class="header__nav-dropdown-list-item">
1407                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/social-media" target="_self" title="Social Media">Social Media</a>
1408                                                                    </li>
1409                                                                    <li class="header__nav-dropdown-list-item">
1410                                                                        <a class="header__nav-dropdown-list-item-link" href="/inspirations/donation" target="_self" title="Donate to Inspirations">Donate to Inspirations</a>
1411                                                                    </li>
1412                                                            </ul>
1413                                                        </li>
1414                                                </ul>
1415
1416                                            </div>
1417
1418                                            <div class="header__nav-dropdown-section rich-text">
1419                                                <p style="margin: 0;"><img src="https://cdn.aglty.io/emsb/inspirations/img/logo_inspirations-round.png" style="float: left; margin-right: 20px;" caption="false" width="165" height="190" /></p>
1420<p style="margin: 0;"><span style="color: #333333;"><em>Inspirations</em>
1420 is much more than a newspaper.<br /> It is a resource that informs and connects parents, caregivers,<br /> teachers, students and the public to the special needs community. <br /> Our quarterly publications, our events, extensive community outreach,<br /> and our database of special needs resources,are the staples which drive <em>Inspirations</em>.</span></p>
1421<p style="margin: 1em 0 0 0;"><span class="red-outline-button"><a href="/inspirations/contact-donate" target="_self"> <font color="#c40233">Contact Us </font></a></span></p>
1422                                            </div>
1423                                    </div>
1424                                </div>
1425                            </div>
1426                </div>
1427
1428            </div>
1429
1430        </nav>
1431
1432        <nav class="header__nav-mobile">
1433            <div class="header__nav-mobile-container">
1434                <a href="#" class="header__nav-mobile-menu hamburger-menu" data-bind="click: APP.mobileMenu.open.toggle, css: {'header__nav-mobile-menu hamburger-menu--open': APP.mobileMenu.open()}">
1435                    <div class="hamburger-menu__bar-wrapper" aria-hidden="true">
1436                        <div class="hamburger-menu__bar"></div>
1437                        <div class="hamburger-menu__bar"></div>
1438                        <div class="hamburger-menu__bar"></div>
1439                    </div>
1440                    <div class="hamburger-menu__text" data-bind="text: APP.mobileMenu.open() ? 'Close': 'Menu', attr: {'aria-label' : APP.mobileMenu.open() ? 'Close Menu': 'Open Menu'}"></div>
1441                </a>
1442
1443                <div class="header__nav-mobile-language">
1444                    <a href="#" class="header__nav-mobile-language-link" data-bind="languageSwitcher: 'en-ca'"></a>
1445                    <a href="#" class="header__nav-mobile-language-link" data-bind="languageSwitcher: 'fr-ca'"></a>
1446                </div>
1447            </div>
1448
1449            <div class="mobile-menu" data-bind="css: {'mobile-menu--open': APP.mobileMenu.open()}, attr: {'aria-hidden': APP.mobileMenu.open() ? 'false' : 'true'}, mobileMenuTabindex: APP.mobileMenu.open()">
1450                <ul class="mobile-menu__list" data-bind="toggleOnClick: {
1451                    tabContentClassToAdd: 'mobile-menu__list--open',
1452                    tabGroup: 'mobile-menu' }">
1453
1454                        <li class="mobile-menu__list-item">
1455
1456                            <a class="mobile-menu__list-item-link" href="#" target="_self" title="About">About</a>
1457
1458                                <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand"
1459                                   data-toggle-click="true"
1460                                   data-toggle-click-group="mobile-menu"
1461                                   data-toggle-click-index="tab-30982">+</a>
1462                                <ul class="mobile-menu__list"
1463                                    data-toggle-click-content="true"
1464                                    data-toggle-click-group="mobile-menu"
1465                                    data-toggle-click-index="tab-30982">
1466
1467                                                <li class="mobile-menu__list-item mobile-menu__list-item--top">
1468                                                    <span class="mobile-menu__list-item-link">About Inspiration</span>
1469                                                </li>
1470                                                <li class="mobile-menu__list-item">
1471                                                    <a class="mobile-menu__list-item-link" href="/inspirations/about-us" target="_self" title="About Us">About Us</a>
1472                                                </li>
1473                                                <li class="mobile-menu__list-item">
1474                                                    <a class="mobile-menu__list-item-link" href="/inspirations/about-us/editor-s-message" target="_self" title="Editors Message">Editors Message</a>
1475                                                </li>
1476                                                <li class="mobile-menu__list-item">
1477                                                    <a class="mobile-menu__list-item-link" href="/inspirations/about-us/our-team" target="_self" title="Our Team">Our Team</a>
1478                                                </li>
1479                                                <li class="mobile-menu__list-item">
1480                                                    <a class="mobile-menu__list-item-link" href="/inspirations/our-sponsors" target="_self" title="Our Sponsors">Our Sponsors</a>
1481                                                </li>
1482                                                <li class="mobile-menu__list-item">
1483                                                    <a class="mobile-menu__list-item-link" href="/inspirations/contact-donate" target="_self" title="Where To Find Us">Where To Find Us</a>
1484                                                </li>
1485                                </ul>
1486                        </li>
1487                        <li class="mobile-menu__list-item">
1488
1489                            <a class="mobile-menu__list-item-link" href="/inspirations/our-editions" target="_self" title="Our Editions">Our Editions</a>
1490
1491                                <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand"
1492                                   data-toggle-click="true"
1493                                   data-toggle-click-group="mobile-menu"
1494                                   data-toggle-click-index="tab-30991">+</a>
1495                                <ul class="mobile-menu__list"
1496                                    data-toggle-click-content="true"
1497                                    data-toggle-click-group="mobile-menu"
1498                                    data-toggle-click-index="tab-30991">
1499
1500                                                <li class="mobile-menu__list-item mobile-menu__list-item--top">
1501                                                    <a class="mobile-menu__list-item-link" href="/inspirations/our-editions" target="_self" title="Our Editions">Our Editions</a>
1502
1503                                                </li>
1504                                                <li class="mobile-menu__list-item">
1505                                                    <a class="mobile-menu__list-item-link" href="/inspirations/our-editions/print-editions" target="_self" title="Print Editions">Print Editions</a>
1506                                                </li>
1507                                                <li class="mobile-menu__list-item">
1508                                                    <a class="mobile-menu__list-item-link" href="/inspirations/our-editions/online-editions" target="_self" title="Online Editions">Online Editions</a>
1509                                                </li>
1510                                </ul>
1511                        </li>
1512                        <li class="mobile-menu__list-item">
1513
1514                            <a class="mobile-menu__list-item-link" href="#" target="_self" title="News &amp; Podcasts">News &amp; Podcasts</a>
1515
1516                                <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand"
1517                                   data-toggle-click="true"
1518                                   data-toggle-click-group="mobile-menu"
1519                                   data-toggle-click-index="tab-30992">+</a>
1520                                <ul class="mobile-menu__list"
1521                                    data-toggle-click-content="true"
1522                                    data-toggle-click-group="mobile-menu"
1523                                    data-toggle-click-index="tab-30992">
1524
1525                                                <li class="mobile-menu__list-item mobile-menu__list-item--top">
1526                                                    <a class="mobile-menu__list-item-link" href="/inspirations/events" target="_self" title="News">News</a>
1527
1528                                                </li>
1529                                                <li class="mobile-menu__list-item">
1530                                                    <a class="mobile-menu__list-item-link" href="/inspirations/our-editions/our-articles" target="_self" title="Editions &amp; Articles">Editions &amp; Articles</a>
1531                                                </li>
1532                                                <li class="mobile-menu__list-item">
1533                                                    <a class="mobile-menu__list-item-link" href="/inspirations/about-us/jackie-fisher-empathy-tour" target="_self" title="The Jackie Fisher Empathy Tour ">
1533The Jackie Fisher Empathy Tour </a>
1534                                                </li>
1535                                                <li class="mobile-menu__list-item">
1536                                                    <a class="mobile-menu__list-item-link" href="/inspirations/our-editions/inspirationsnews-blog" target="_self" title="Shining lights of accessibility blog">Shining lights of accessibility blog</a>
1537                                                </li>
1538                                                <li class="mobile-menu__list-item">
1539                                                    <a class="mobile-menu__list-item-link" href="/inspirations/about-us/lets-dance" target="_self" title="Let’s Dance">Let’s Dance</a>
1540                                                </li>
1541                                                <li class="mobile-menu__list-item">
1542                                                    <a class="mobile-menu__list-item-link" href="/inspirations/social-media" target="_self" title="Social Media &amp; Our Videos">Social Media &amp; Our Videos</a>
1543                                                </li>
1544                                                <li class="mobile-menu__list-item">
1545                                                    <a class="mobile-menu__list-item-link" href="/inspirations/podcasts" target="_self" title="Our Podcasts">Our Podcasts</a>
1546                                                </li>
1547                                                <li class="mobile-menu__list-item mobile-menu__list-item--top">
1548                                                    <a class="mobile-menu__list-item-link" href="/inspirations/events" target="_self" title="Events">Events</a>
1549
1550                                                </li>
1551                                                <li class="mobile-menu__list-item">
1552                                                    <a class="mobile-menu__list-item-link" href="/inspirations/events" target="_self" title="Community Events &amp; Programs">Community Events &amp; Programs</a>
1553                                                </li>
1554                                                <li class="mobile-menu__list-item">
1555                                                    <a class="mobile-menu__list-item-link" href="/inspirations/parasport" target="_self" title="Parasport">Parasport</a>
1556                                                </li>
1557                                                <li class="mobile-menu__list-item">
1558                                                    <a class="mobile-menu__list-item-link" href="/inspirations/summer-activities" target="_self" title="Summer Activities">Summer Activities</a>
1559                                                </li>
1560                                </ul>
1561                        </li>
1562                        <li class="mobile-menu__list-item">
1563
1564                            <a class="mobile-menu__list-item-link" href="#" target="_self" title="Resources">Resources</a>
1565
1566                                <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand"
1567                                   data-toggle-click="true"
1568                                   data-toggle-click-group="mobile-menu"
1569                                   data-toggle-click-index="tab-30993">+</a>
1570                                <ul class="mobile-menu__list"
1571                                    data-toggle-click-content="true"
1572                                    data-toggle-click-group="mobile-menu"
1573                                    data-toggle-click-index="tab-30993">
1574
1575                                                <li class="mobile-menu__list-item mobile-menu__list-item--top">
1576                                                    <span class="mobile-menu__list-item-link">Resources</span>
1577                                                </li>
1578                                                <li class="mobile-menu__list-item">
1579                                                    <a class="mobile-menu__list-item-link" href="/inspirations/resources" target="_self" title="Database of Special Needs Resources">Database of Special Needs Resources</a>
1580                                                </li>
1581                                                <li class="mobile-menu__list-item">
1582                                                    <a class="mobile-menu__list-item-link" href="/inspirations/resources/resources-at-emsb" target="_self" title="EMSB Special Needs Programs and Services">EMSB Special Needs Programs and Services</a>
1583                                                </li>
1584                                                <li class="mobile-menu__list-item">
1585                                                    <a class="mobile-menu__list-item-link" href="/inspirations/resources/mental-health-well-being" target="_self" title="Mental Health and Well-Being Resources">Mental Health and Well-Being Resources</a>
1586                                                </li>
1587                                </ul>
1588                        </li>
1589                        <li class="mobile-menu__list-item">
1590
1591                            <a class="mobile-menu__list-item-link" href="#" target="_self" title="Contact | Advertise">Contact | Advertise</a>
1592
1593                                <a href="#" class="mobile-menu__list-item-link mobile-menu__list-item-link--expand"
1594                                   data-toggle-click="true"
1595                                   data-toggle-click-group="mobile-menu"
1596                                   data-toggle-click-index="tab-30994">+</a>
1597                                <ul class="mobile-menu__list"
1598                                    data-toggle-click-content="true"
1599                                    data-toggle-click-group="mobile-menu"
1600                                    data-toggle-click-index="tab-30994">
1601
1602                                                <li class="mobile-menu__list-item mobile-menu__list-item--top">
1603                                                    <span class="mobile-menu__list-item-link">Contact</span>
1604                                                </li>
1605                                                <li class="mobile-menu__list-item">
1606                                                    <a class="mobile-menu__list-item-link" href="/inspirations/contact-donate" target="_self" title="Contact Us">Contact Us</a>
1607                                                </li>
1608                                                <li class="mobile-menu__list-item">
1609                                                    <a class="mobile-menu__list-item-link" href="/inspirations/about-us/our-team" target="_self" title="Our Team">Our Team</a>
1610                                                </li>
1611                                                <li class="mobile-menu__list-item mobile-menu__list-item--top">
1612                                                    <span class="mobile-menu__list-item-link">Get involved</span>
1613                                                </li>
1614                                                <li class="mobile-menu__list-item">
1615                                                    <a class="mobile-menu__list-item-link" href="/inspirations/advertise" target="_self" title="Advertise with us!">Advertise with us!</a>
1616                                                </li>
1617                                                <li class="mobile-menu__list-item">
1618                                                    <a class="mobile-menu__list-item-link" href="/inspirations/our-sponsors" target="_self" title="Our Sponsors">Our Sponsors</a>
1619                                                </li>
1620                                                <li class="mobile-menu__list-item">
1621                                                    <a class="mobile-menu__list-item-link" href="/inspirations/social-media" target="_self" title="Social Media">Social Media</a>
1622                                                </li>
1623                                                <li class="mobile-menu__list-item">
1624                                                    <a class="mobile-menu__list-item-link" href="/inspirations/donation" target="_self" title="Donate to Inspirations">Donate to Inspirations</a>
1625                                                </li>
1626                                </ul>
1627                        </li>
1628
1629                </ul>
1630            </div>
1631        </nav>
1632
1633        
1634    </header>
1635
1636
1637
1638<div class="two-column-template global-loading" data-bind="globalLoading: globalLoading" data-agility-page="455">
1639
1640    <div class="header-content-zone">
1641
1642    </div>
1643
1644    <div class="two-column-template__main-content">
1645
1646        <div class="pure-g pure-row">
1647
1648            <div class="main-content-zone pure-u-1 pure-u-lg-1-2">
1649    <section class="rich-text-area rich-text">
1650
1651
1652            <div class="rich-text-area__container">
1653
1654<!-- ============================================================
1655     About Inspirations — page content block
1656     Scoped under .insp-about so nothing leaks into other pages.
1657     Paste as-is into the Agility CMS HTML/rich-text field.
1658     ============================================================ -->
1659<style>
1660	.insp-about {
1661		/* Brand tokens — change here, applies everywhere below */
1662		--insp-accent: #25c1cc;
1663		--insp-accent-dark: #17858d;
1664		/* accessible on white for link text */
1665		--insp-ink: #333333;
1666		--insp-body: #565656;
1667		--insp-tint: #f2fafb;
1668		--insp-rule: #e2e8e9;
1669
1670		/* Rhythm */
1671		--insp-gap: 20px;
1672		--insp-block: 56px;
1673
1674		color: var(--insp-body);
1675		line-height: 1.7;
1676	}
1677
1678	/* ---- Type -------------------------------------------------- */
1679	.insp-about .insp-about__title {
1680		color: var(--insp-accent);
1681		margin: 0 0 18px;
1682		line-height: 1.2;
1683	}
1684
1685	.insp-about .insp-about__heading {
1686		color: var(--insp-ink);
1687		margin: 0 0 14px;
1688		line-height: 1.3;
1689	}
1690
1691	.insp-about .insp-about__text {
1692		margin: 0 0 16px;
1693		max-width: 70ch;
1694	}
1695
1696	.insp-about .insp-about__text:last-child {
1697		margin-bottom: 0;
1698	}
1699
1700	.insp-about .insp-about__lead {
1701		font-size: 1.08em;
1702		max-width: 66ch;
1703	}
1704
1705	.insp-about a {
1706		color: var(--insp-accent-dark);
1707		text-decoration: underline;
1708		text-underline-offset: 3px;
1709	}
1710
1711	.insp-about a:hover,
1712	.insp-about a:focus-visible {
1713		color: var(--insp-ink);
1714	}
1715
1716	.insp-about a:focus-visible {
1717		outline: 3px solid var(--insp-accent);
1718		outline-offset: 3px;
1719		border-radius: 2px;
1720	}
1721
1722	/* ---- Section spacing (single source of truth) --------------- */
1723	.insp-about .insp-about__section {
1724		margin: 0 0 var(--insp-block);
1725	}
1726
1727	.insp-about .insp-about__section:last-child {
1728		margin-bottom: 0;
1729	}
1730
1731	/* ---- Photo band -------------------------------------------- */
1732	.insp-about .insp-about__photos {
1733		display: grid;
1734		grid-template-columns: repeat(3, 1fr);
1735		gap: var(--insp-gap);
1736	}
1737
1738	.insp-about .insp-about__photo {
1739		width: 100%;
1740		aspect-ratio: 4 / 3;
1741		object-fit: cover;
1742		border-radius: 12px;
1743		display: block;
1744	}
1745
1746	/* ---- Highlighted passage ----------------------------------- */
1747	.insp-about .insp-about__highlight {
1748		background-color: var(--insp-tint);
1749		border-left: 5px solid var(--insp-accent);
1750		border-radius: 0 12px 12px 0;
1751		padding: 32px 36px;
1752	}
1753
1754	/* ---- Objectives -------------------------------------------- */
1755	.insp-about .insp-about__objectives {
1756		list-style: none;
1757		margin: 24px 0 0;
1758		padding: 0;
1759	}
1760
1761	.insp-about .insp-about__objective {
1762		border-top: 1px solid var(--insp-rule);
1763		padding: 20px 0;
1764		max-width: 70ch;
1765	}
1766
1767	.insp-about .insp-about__objective:last-child {
1768		border-bottom: 1px solid var(--insp-rule);
1769	}
1770
1771	.insp-about .insp-about__objective b {
1772		color: var(--insp-accent-dark);
1773		font-weight: 700;
1774	}
1775
1776	/* ---- Follow line ------------------------------------------- */
1777	.insp-about .insp-about__follow {
1778		border-top: 1px solid var(--insp-rule);
1779		padding-top: 28px;
1780	}
1781
1782	/* ---- Responsive -------------------------------------------- */
1783	@media (max-width: 720px) {
1784		.insp-about {
1785			--insp-block: 40px;
1786			--insp-gap: 14px;
1787		}
1788
1789		.insp-about .insp-about__photos {
1790			grid-template-columns: 1fr 1fr;
1791		}
1792
1793		.insp-about .insp-about__photos img:first-child {
1794			grid-column: 1 / -1;
1795		}
1796
1797		.insp-about .insp-about__highlight {
1798			padding: 24px 22px;
1799		}
1800	}
1801</style>
1802<div class="insp-about"><!-- Intro -->
1803<section class="insp-about__section">
1804<h2 class="insp-about__title">About Inspirations</h2>
1805<p class="insp-about__text insp-about__lead">Inspirations is a trusted English-language resource promoting inclusion and mental well-being across Greater Montreal. For 19 years, we have supported families of children with disabilities by providing trustworthy information, fostering community connections, and offering hope.</p>
1806<p class="insp-about__text">Through our <a href="/inspirations/our-editions">print publications</a>, <a href="/inspirations/resources">online directories</a>, internship program, and community outreach, we celebrate people of all abilities and encourage their participation in their community.</p>
1807</section>
1808<!-- Photos — replace alt text with a real description of each photo -->
1809<section class="insp-about__section insp-about__photos"><img class="insp-about__photo" loading="lazy" decoding="async" src="https://cdn.aglty.io/emsb/inspirations/img/page/simon-ariel.jpg" alt="Simon and Ariel at an Inspirations community event" /> <img class="insp-about__photo" loading="lazy" decoding="async" src="https://cdn.aglty.io/emsb/inspirations/img/page/david.jpg" alt="David taking part in an Inspirations program" /> <img class="insp-about__photo" loading="lazy" decoding="async" src="https://cdn.aglty.io/emsb/inspirations/img/page/peter-hall.jpg" alt="Students at Peter Hall School" /></section>
1810<!-- Mental health and well-being -->
1811<section class="insp-about__section insp-about__highlight">
1812<h3 class="insp-about__heading">Mental health and well-being</h3>
1813<p class="insp-about__text">Every edition and initiative includes a mental health and well-being focus, ensuring all families have access to reliable information that helps them navigate challenges. This integrated approach broadens our reach and strengthens our mission to advance inclusion.</p>
1814<p class="insp-about__text">Navigating a diagnosis or major life transition can be overwhelming for the entire family. Inspirations provides parents, caregivers, and professionals with trusted resources and a community that ensures they are not alone.</p>
1815</section>
1816<!-- Who we are -->
1817<section class="insp-about__section">
1818<h3 class="insp-about__heading">A grassroots resource for our community</h3>
1819<p class="insp-about__text">As a grassroots, multiplatform resource, Inspirations is unique in Quebec for its community-driven content model. Operating as a non-profit under the English Montreal School Board (EMSB), we are supported by <a href="/inspirations/our-sponsors">philanthropic partners, advertising, and sponsorships</a>, with in-kind contributions from the EMSB.</p>
1820</section>
1821<!-- Objectives -->
1822<section class="insp-about__section">
1823<h3 class="insp-about__heading">Our objectives</h3>
1824<ul class="insp-about__objectives">
1825<li class="insp-about__objective"><b>Support and inspire</b> individuals with disabilities, their families, educators and support networks with trustworthy information, resources and online presence.</li>
1826<li class="insp-about__objective"><b>Champion inclusion</b> by elevating underrepresented voices, bringing awareness and understanding to their challenges while celebrating their successes.</li>
1827<li class="insp-about__objective"><b>Enhance positive mental health and well-being</b> by sharing cutting-edge ideas and resources with the disability community and to the public.</li>
1828</ul>
1829</section>
1830<!-- Follow -->
1831<section class="insp-about__section insp-about__follow">
1832<p class="insp-about__text">For the most current special needs news and events in Montreal, follow us on <a href="https://www.facebook.com/inspirationsmontreal/" target="_blank" rel="noopener">Facebook</a>, <a href="https://www.instagram.com/inspirationsmontreal" target="_blank" rel="noopener">Instagram</a>, and <a href="https://www.linkedin.com/company/inspirationsnews" target="_blank" rel="noopener">LinkedIn</a>.</p>
1833</section>
1834</div>
1835            </div>
1836    
1837    </section>
1838
1839            </div>
1840
1841            <div class="main-content-zone pure-u-1 pure-u-lg-1-2">
1842    <section class="rich-text-area rich-text">
1843
1844
1845            <div class="rich-text-area__container">
1846
1847<style>
1848/* Testimonials Section */
1849.testimonials {
1850background: #f9f9f9;
1851padding: 50px 20px;
1852text-align: center;
1853}
1854
1855.testimonial {
1856max-width: 600px;
1857margin: 20px auto;
1858padding: 20px;
1859background: #fff;
1860border-radius: 10px;
1861box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
1862position: relative;
1863}
1864
1865.testimonial:before {
1866content: "\201C";
1867font-size: 50px;
1868color: #007bff;
1869position: absolute;
1870top: -10px;
1871left: 20px;
1872font-family: serif;
1873}
1874
1875.testimonial p {
1876font-size: 16px;
1877color: #333;
1878line-height: 1.6;
1879margin-bottom: 10px;
1880}
1881
1882.testimonial .author {
1883font-weight: bold;
1884color: #007bff;
1885margin-top: 10px;
1886font-size: 18px;
1887}
1888
1889/* Additional Testimonial */
1890.testimonial:last-child {
1891border-left: 5px solid #007bff;
1892padding-left: 15px;
1893}
1894
1895/* Testimonials Content */
1896.testimonials-content {
1897display: flex;
1898flex-direction: column;
1899align-items: center;
1900}
1901
1902.testimonials-content .testimonial {
1903text-align: left;
1904}
1905</style>
1906<div class="testimonials">
1907<div class="testimonials-content">
1908<h2>What our readers are saying...</h2>
1909<div class="testimonial">
1910<p>"Let us define the meaning of Inspiration. A feeling of excitement which drives us to When no organization in Montreal offered help to my nephew or even returned a call I lost all hope. All this changed with one email to Inspirations. Within hours of our communication a whole new world opened up to us. A network of people and organizations offering to help, offering services, access to educational courses, medical evaluations and test, YMCA, life skill lessons, group activities for adults and even one-on-one personal trainers."</p>
1911<p class="author">Elizabeth Bruni</p>
1912</div>
1913<div class="testimonial">
1914<p>"As the mother of a child with special needs, and as a politician that advocates for our community, Inspirations is essential as a means of awareness of all the wonderful and joyous achievements that children with special needs can accomplish when they are well surrounded, as they are in EMSB schools. Inspirations keeps us all connected, and supports us all as a community by bringing us closer with a shared goal &ndash; seeing the best for children with special needs in an inclusive and supportive society. Thank you to all those that contribute to the production of Inspirations!"</p>
1915<p class="author">Elisabeth Prass<br />MNA for D'arcy McGee</p>
1916</div>
1917<div class="testimonial">
1918<p>"As Director of Summit School, I see Inspirations Newspaper as a vital connector within the neurodiverse community. It brings together students, families, educators, and advocates, ensuring that no one feels alone in their journey. Through its stories, it highlights shared experiences, fosters understanding, and celebrates the successes that unite us. By amplifying voices across the community, Inspirations strengthens the sense of belonging that is essential for growth and empowerment. For Summit School, this connection is invaluable. Inspirations helps us share our students&rsquo; achievements, exchange ideas with other educators, and engage with the broader neurodiverse network. It allows families to see that they are part of a larger community&mdash;one filled with support, innovation, and inspiration. By bringing people together through information and storytelling, Inspirations plays an essential role in building a more inclusive, understanding, and connected world for all."</p>
1919<p class="author">Herman Erdogmus<br />Director General, Summit School</p>
1920</div>
1921<div class="testimonial">
1922<p>"Inspirations does for positive news what the Defi Sportif does for sports. It takes the focus off of disability. Instead, it brings to the forefront the projects, resources and uplifting stories taking place in this community. Inspirations has been instrumental in showcasing special projects involving our students to the wider community! Thanks to Inspirations, it is amazing to see all the wonderful programs going on in the wider special needs community!"</p>
1923<p class="author">Robert Simpson<br />Interim Vice Principal<br />Mackay Centre and Philip E. Layton Schools</p>
1924</div>
1925<div class="testimonial">
1926<p>"It&rsquo;s nearly impossible to convey how vital Inspirations has been to my family, my community and myself as a mother and caregiver. When my son Benjamin was diagnosed with autism, it was quite a shock. I knew nothing about autism or how to navigate Quebec&rsquo;s complex healthcare, education and social service systems for special needs families. I felt completely isolated and lost for a number of years. So when I picked up Inspirations Newspaper for the first time (over a decade ago), it was as if I was thrown a life-line. I was not alone! In the years to follow, I have gotten much help and made genuine and meaningful connections for my son through the paper&rsquo;
1926s invaluable resources. Living in a rural region, it isn&rsquo;t easy to find services."</p>
1927<p class="author">Julie Chou and Ben Lachapelle</p>
1928</div>
1929</div>
1930</div>
1931            </div>
1932    
1933    </section>
1934
1935            </div>
1936
1937        </div>
1938
1939    </div>
1940
1941    <div class="footer-content-zone">
1942
1943    </div>
1944
1945</div>
1946
1947
1948    <footer style="background-color: #0caddd;">
1949
1950        <div class="footer__container">
1951
1952            <div class="footer__logo">
1953
1954                <div class="footer__logo-img-wrapper">
1955                    <img alt="Inspirations Logo" class="footer__logo-img" src="https://cdn.aglty.io/emsb/inspirations/img/logo_inspirations-round.png" />
1956                </div>
1957                
1958
1959                <div class="logo__text rich-text">
1960                    <h4><em><strong>Inspirations&nbsp;</strong></em></h4>
1961<p><span style="color: #ffffff;">6000 Fielding Avenue</span><br /><span style="color: #ffffff;">Montreal, Quebec, Suite 109</span><br /><span style="color: #ffffff;">H3X 1T4</span></p>
1962<p><span style="color: #ffffff;"><strong>Phone :&nbsp;</strong>(514) 483-7200 ext. 7244&nbsp;</span><br /><span style="color: #ffffff;"><strong>Fax :&nbsp;</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(514) 483-7213</span></p>
1963                </div>
1964
1965            </div>
1966
1967            <div class="footer__contact rich-text">
1968                <style>
1969	/*.rich-text a {
1970	color: #c7323e;
1971	}*/
1972	button.ml-onclick-form {
1973	padding: 15px;
1974	}
1975    </style>
1976<p style="text-align: left;"><span style="color: #f1c40f;"><strong><span style="color: #ffffff;">Information:</span>&nbsp;</strong></span><span style="color: #ffcc00;"><a href="mailto:[email protected]" style="color: #ffcc00;">[email protected]</a></span><br /><span><strong><span style="color: #ffffff;">Advertising:</span>&nbsp;</strong></span><span style="color: #ffcc00;"><a href="mailto:[email protected]" style="color: #ffcc00;">[email protected]</a></span><br /><span><strong><span style="color: #ffffff;">Editor: Mike Cohen</span>&nbsp;</strong></span><span><span style="color: #ffcc00;"><a href="mailto:[email protected]" style="color: #ffcc00;">[email protected]</a></span></span></p>
1977<p style="text-align: center;"><span style="color: #ffffff;"><strong>Subscribe Inspirations</strong></span></p>
1978<p style="text-align: center;"><a href="https://app.cyberimpact.com/clients/58272/subscribe-forms/B7BC1C12-5157-48B7-AA43-7594130DF28B" target="_blank" style="display: inline-block; background-color: #0073e6; color: white; padding: 12px 24px; border-radius: 6px; text-decoration: none; font-weight: bold;" rel="noopener"> Click here to Subscribe </a></p>
1979<!--AccessiBe start-->
1980<p>
1981<script>
1982	(function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'left', leadColor : '#146ff8', triggerColor : '#146ff8', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'center', triggerOffsetX : 10, triggerOffsetY : 0, triggerRadius : '50%' } }); }; h.appendChild(s); })(); 
1983</script>
1983
1984</p>
1985<!--AccessiBe start-->
1986<p></p>
1987            </div>
1988
1989
1990            <div class="footer__copyright">
1991                © English Montreal School Board, 2026 <br /> <p class="ftr-lnk" ; style="word-spacing: 5px;"> <a href="https://www.emsb.qc.ca/inspirations/"><font color="#FFFFFF"> Home </font> </a>    | <a href="https://www.emsb.qc.ca/inspirations/contact-donate"><font color="#FFFFFF"> Contact Us </font></a>    | <a href="https://www.emsb.qc.ca/inspirations/our-editions/our-articles"><font color="#FFFFFF"> Editions & Articles </font> </a>    |  <a href="https://www.emsb.qc.ca/inspirations/advertise"><font color="#FFFFFF"> Advertise </font></a>  <p>
1992            </div>
1993
1994        </div>
1995
1996    </footer>
1997
1998
1999            </div>
2000
2001        </main>
2002
2003    </div>
2004
2005    
2006    <!-- ko if: globalLoading() || initialLoading() -->
2007    <div class="global-loader__container"><div class="global-loader"></div></div>
2008    <!-- /ko -->
2009    
2010    
2011    <!-- ko if: clientPageRequest() != null -->
2012    <iframe class="client-frame-loader" style="display: none" width="800" height="600" data-bind="clientFrameLoader: clientPageRequest"></iframe>
2013    <!-- /ko -->
2014
2015
2016
2017
2018    
2019
2020<script>var _serverContext = {"LanguageCode":"en-ca","AllLanguages":[{"LanguageCode":"en-ca","LanguageName":"English"},{"LanguageCode":"fr-ca","LanguageName":"French"}],"Channel":1,"Page":{"languageCode":"en-ca","title":"About Us","requiresAuth":false,"serverPage":true},"Pages":{},"Tickets":{},"Modals":{},"URLs":{}}</script>
2020
2021
2022<script src="/bundles/js?v=xWOoNwvxCgMFoY3WzaytbYm7cHd3OA_vb5OUVzFnc_g1"></script>
2022
2023
2024<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js" integrity="sha512-UdIMMlVx0HEynClOIFSyOrPggomfhBKJE28LKl8yR3ghkgugPnG6iLfRfHwushZl1MOPSY6TsuBDGPK2X4zYKg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 2024
2024
2025<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.12/jquery.validate.unobtrusive.min.js" integrity="sha512-o6XqxgrUsKmchwy9G5VRNWSSxTS4Urr4loO6/0hYdpWmFUfHqGzawGxeQGMDqYzxjY9sbktPbNlkIQJWagVZQg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2025
2026
2027
2028
2029
2030<script src="/Scripts/app/bindings/agilitySearch.js"></script>
vendor: 2 bytes, line 2030
2030
2031<script type="text/javascript">
2032    Agility.Search.Init({ url: "https://search.agilitycms.com", websiteName: "EMSB", lang: "", authKey: "9fLju8eeNyfB1i5ZjB7drTfY7UEIu6y8V4lGbTF7K60" });
2033</script>
2033
2034
2035<script type="text/javascript">
2036
2037    function InitUGC() {
2038        Agility.UGC.API.OnInit("https://ugc.agilitycms.com/Agility-UGC-API-JSONP.svc", "59F238B0-98B2-4FFC-B2F9-E0FE754885D7", "812455451", "668", "-1", "97f35a94f2a3ba45ab50e6d651ef96a2188ce766");
2039    };
2040
2041</script>
2041
2042
2043
2044<script>
2045
2046
2047
2048    $(document).ready(function () {
2049
2050        $(".moodal-galery").modaal({
2051            type: 'image'
2052        });
2053
2054    });
2055
2056</script>
2056
2057
2058<script src="https://kit.fontawesome.com/dbb44aa360.js"></script>
2058
2059
2060<script>
2061  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
2062  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
2063  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
2064  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
2065
2066  ga('create', 'G-4D4JJH2D3G', 'auto');
2067  ga('send', 'pageview');
2068
2069</script>
2069
2070
2071<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 2071-2072
2071
2072<script async src="https://www.googletagmanager.com/gtag/js?id=
2072G-4D4JJH2D3G
vendor: 13 bytes, line 2072
2072"></script>
2073<script>
2074  
vendor: 138 bytes, lines 2074-2078
2074window.dataLayer = window.dataLayer || [];
2075  function gtag(){dataLayer.push(arguments);}
2076  gtag('js', new Date());
2077
2078  gtag('config', '
2078G-4D4JJH2D3G
vendor: 5 bytes, line 2078
2078');
2079</script>
2079
2080<!-- EMSB Anti-Spam Protection -->
2081<script>
2082	(function() {
2083    'use strict';
2084    
2085    function addHoneypot() {
2086        // Find Agility forms
2087        const forms = document.querySelectorAll('form.agility-form, .agility-form form');
2088        
2089        if (forms.length === 0) {
2090            console.log('No Agility forms found');
2091            return;
2092        }
2093        
2094        forms.forEach(function(form, index) {
2095            // Skip if honeypot already exists
2096            if (form.querySelector('[name="website"]')) {
2097                console.log('Honeypot already exists in form #' + index);
2098                return;
2099            }
2100            
2101            // Create honeypot field
2102            const honeypotDiv = document.createElement('div');
2103            honeypotDiv.className = 'agility-form-row';
2104            honeypotDiv.style.position = 'absolute';
2105            honeypotDiv.style.left = '-5000px';
2106            honeypotDiv.style.opacity = '0';
2107            honeypotDiv.style.pointerEvents = 'none';
2108            honeypotDiv.setAttribute('aria-hidden', 'true');
2109            honeypotDiv.innerHTML =
2110                '<div class="agility-form-col-full">' +
2111                '<label for="website_' + index + '">Website</label>' +
2112                '<input type="text" id="website_' + index + '" name="website" tabindex="-1" autocomplete="off" value="" />' +
2113                '</div>';
2114            
2115            // Insert honeypot at the top of the form
2116            form.insertBefore(honeypotDiv, form.firstChild);
2117            
2118            console.log('✓ Honeypot added to Agility form #' + index);
2119        });
2120        
2121        console.log('✓ EMSB Anti-Spam Active - ' + forms.length + ' form(s) protected');
2122    }
2123    
2124    // Run immediately if DOM is ready, otherwise wait
2125    if (document.readyState === 'loading') {
2126        document.addEventListener('DOMContentLoaded', addHoneypot);
2127    } else {
2128        addHoneypot();
2129    }
2130})();
2131</script>
2131
2132
2133
2134    
2135
2136    <link rel="stylesheet" href="https://cdn.aglty.io/code/emsb/agilitycssfiles/590323.css">
2137
2138
2139
2140</body>
2141</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.