1<!DOCTYPE html> 2<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 3<head runat="server" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> 4 <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <!-- The above 3 meta tags (charset, X-UA-Compatible, viewport) *must* come first in the head; any other head content must come *after* these tags --> 8 <!-- DO NOT ADD ANY NEW LINE ABOVE THIS --> 9 <!-- GoogleTagManagerScript element should be placed as close to the opening <head> element as possible, but below any dataLayer declarations. https://developers.google.com/tag-manager/quickstart--> 10 <!-- 3 meta tags (charset, X-UA-Compatible, viewport) are exempted--> 11
12<script> 13 window.dataLayer = window.dataLayer || []; 14 window.dataLayer.push({ 15 "event": "page_view", 16 "page_type": "Content Page", 17 "content_category1": "login", 18 "content_category2": "", 19 "content_category3": "", 20 "engagement_depth": "1", 21 "content_date": "", 22 "user_id": "", 23 "second_id": "", 24 "session_id": "a7c474d6-3b3c-4e07-86be-627155258621" 25}); 26</script>
26 27 <!-- Behaviour monitoring - removed from CM only as causing Experience Editor issues -->
28<script type="text/javascript" src="https://pg.feroot.com/v1/bundle/ae3609ec-ac45-4b6c-8609-1a99362b7e09"></script>
28 29<!-- Google Tag Manager -->
30<script>
vendor: 331 bytes, lines 30-34
30(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 31new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 32j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 33'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 34})(window,document,'script','dataLayer','
34GTM-WQPHWN
vendor: 3 bytes, line 34
34');
34</script>
34 35<!-- End Google Tag Manager -->
36<script src="https://cdn-pci.optimizely.com/js/4926710135652352.js"></script>
36 37 <!-- DO NOT ADD ANY NEW LINE ABOVE THIS --> 38 39 <link rel="canonical" href="https://www.thesmithfamily.com.au/login"> 40<title>Login</title> 41<meta name="description" content="Login to your My Smith Family account to manage your Smith Family support." /> 42<meta name="keywords" content="" /> 43 44 45 <meta content="https://www.thesmithfamily.com.au/login" property="og:url"/><meta content="Login" property="og:title"/><meta content="Login to your My Smith Family account to manage your Smith Family support." property="og:description"/><meta content="https://www.thesmithfamily.com.au/-/media/site/global/the-smith-family-logo-social-sharing-200/the-smith-family-logo/the-smith-family-social.jpg" property="og:image"/><meta content="website" property="og:type"/><meta content="The Smith Family" property="og:site_name"/> 46 47 48 <link rel="shortcut icon" href="https://www.thesmithfamily.com.au/-/media/site/global/favicon.ico" type="image/x-icon"> 49 50 <link rel="stylesheet" type="text/css" href="/assets/css/tailwind.n8typjb5.css"> 51 52 <link rel="preconnect" href="https://fonts.googleapis.com"> 53 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 54 <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet"/> 55 56 <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0&display=block" rel="stylesheet"/> 57
57<script> 58 var $buoop = { 59 required: { i: 11, e: -6, f: -6, o: -6, s: -6, c: -6 }, 60 url: "/update-your-browser", 61 newwindow: false, 62 api: 2019.10, 63 reminder: 0, 64 reminderClosed: 168, 65 test: false 66 }; 67 function $buo_f() { 68 var e = document.createElement("script"); 69 e.src = "//browser-update.org/update.min.js"; 70 document.body.appendChild(e); 71 }; 72 try { document.addEventListener("DOMContentLoaded", $buo_f, false) } 73 catch (e) { window.attachEvent("onload", $buo_f) } 74 </script>
74 75</head> 76<body id="top"> 77 <!-- DO NOT ADD ANY LINE ABOVE THIS --> 78 <!-- GoogleTagManagerCode element should always be the first element in <body> tag. https://developers.google.com/tag-manager/quickstart --> 79 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 79-80
79 80<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
80GTM-WQPHWN
vendor: 85 bytes, lines 80-81
80" 81height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
82<!-- End Google Tag Manager (noscript) --> 83 <!-- DO NOT ADD ANY LINE ABOVE THIS. GoogleTagManagerCode element should always be the first element in <body> tag--> 84 85 <input name="__RequestVerificationToken" type="hidden" value="YTWVSQMiiJwBFR1X6Bqg1C26A1a6zSEYLuoP1UnmPPs1LSvXWJkgvlgz_o6dYjqGohASCcbSlrNAOxKiLogzwzAmKXuimvjunzGWqMEz9fI1" /> 86 87 <a href="#main-site-content" class="sr-only">Skip to main content</a> 88 89 90 <div id="header_notification" class="hidden relative lg:flex items-center justify-center bg-primary-900 text-white px-4 h-10 z-30"> 91 <!--Tailwind Header Notification: Start --> 92 <div class="text-bold-md">We've refreshed the design of our website so things may look a bit different.</div> 93 94 95<!--Tailwind Header Notification: End --> 96 </div> 97 98
99<script> 100 // this script toggles the sticky header layout when the viewport scrolls past the header element 101 addEventListener("DOMContentLoaded", () => { 102 const headerElement = document.getElementById("header-website"); 103 const closeButton = document.querySelector("#header-website #close-button"); 104 const hamburgerMenu = document.querySelector("#hamburger-menu"); 105 const scrim = document.querySelector("#scrim") 106 const headerHamburger = document.querySelector("#hamburger"); 107 const menuButton = document.querySelector("#hamburger button"); 108 const loginButton = document.querySelector("#login"); 109 110 function handleScroll() 111 { 112 // in order to toggle the sticky header logic, remove the 'sticky' class from the <header> element. It must at least have a 113 // 'relative' class though, or all hell will break loose - RV 114 if(loginButton) 115 { 116 if ( 117 document.getElementById("header-website").getBoundingClientRect().top <= 0 && 118 window.scrollY > 1 && 119 window.innerWidth >= 1079 120 ) 121 { 122 loginButton.classList.remove("hidden"); 123 } 124 else 125 { 126 loginButton.classList.add("hidden"); 127 } 128 } 129 } 130 131 function openHamburgerMenu({ target }) { 132 menuButton.classList.remove("before:content-['menu']"); 133 menuButton.classList.add("before:content-['close']"); 134 scrim.classList.remove('hidden'); 135 hamburgerMenu.classList.remove('hidden'); 136 headerElement.classList.add('overflow-y-auto'); 137 document.body.classList.add("overflow-hidden"); 138 139 menuButton.removeEventListener('click', openHamburgerMenu); 140 menuButton.addEventListener('click', closeHamburgerMenu); 141 } 142 143 function closeHamburgerMenu({ target }) { 144 menuButton.classList.add("before:content-['menu']"); 145 menuButton.classList.remove("before:content-['close']"); 146 scrim.classList.add('hidden'); 147 hamburgerMenu.classList.add('hidden'); 148 149 headerElement.classList.remove('overflow-y-auto'); 150 document.body.classList.remove("overflow-hidden"); 151 152 menuButton.addEventListener('click', openHamburgerMenu); 153 menuButton.removeEventListener('click', closeHamburgerMenu); 154 } 155 156 menuButton.addEventListener('click', openHamburgerMenu); 157 scrim.addEventListener('click', closeHamburgerMenu); 158 window.addEventListener('resize', closeHamburgerMenu); 159 window.addEventListener("scroll", handleScroll); 160 window.addEventListener("resize", handleScroll); 161 handleScroll(); 162 163 }); 164</script>
vendor: 2 bytes, line 164
164
165<script> 166 // This script enabled the fly-out menus for the primary navigation links 167 addEventListener("DOMContentLoaded", () => { 168 169 document.querySelectorAll(".flyout-menu-javascript-target").forEach(el => { 170 const anchor = el.querySelector("a"); 171 const button = el.querySelector("button"); 172 const menu = el.querySelector(".tw-flyout-menu"); 173 174 function setSectionInactive(event) { 175 const { key, target, type } = event; 176 177 // if a focusout event is detected but the new focus element is inside this flyout menu, keep the menu open 178 if (type === "focusout" && el === event.relatedTarget?.closest(".flyout-menu-javascript-target")) { return; } 179 180 // allow users to escape the flyout menu using the backspace and enter keys at all times 181 if (key && key !== "Escape" && key !== "Enter") { return; } 182 183 el.classList.remove("active"); 184 anchor.setAttribute("aria-expanded", "false"); 185 button.setAttribute("aria-expanded", "false"); 186 menu.setAttribute("aria-hidden", "true"); 187 el.removeEventListener('mouseleave', setSectionInactive); 188 el.removeEventListener('keyup', setSectionInactive); 189 menu.querySelectorAll('input').forEach(input => input.setAttribute('tabindex', "-1")); // prevent users from navigating to input tags in the flyout menu when closed 190 menu.querySelectorAll('button').forEach(button => button.setAttribute('tabindex', "-1")); // prevent users from navigating to button tags in the flyout menu when closed 191 menu.querySelectorAll('a').forEach(link => link.setAttribute('tabindex', "-1")); // prevent users from navigating to a tags in the flyout menu when closed 192 } 193 194 function setSectionActive({ target }) { 195 el.classList.add("active"); 196 anchor.setAttribute("aria-expanded", "true"); 197 button.setAttribute("aria-expanded", "true"); 198 menu.setAttribute("aria-hidden", "false"); 199 el.addEventListener('mouseleave', setSectionInactive); 200 el.addEventListener('keyup', setSectionInactive); 201 menu.querySelectorAll('input').forEach(input => input.setAttribute('tabindex', "0")); // prevent users from navigating to input tags in the flyout menu when closed 202 menu.querySelectorAll('button').forEach(button => button.setAttribute('tabindex', "0")); // prevent users from navigating to button tags in the flyout menu when closed 203 menu.querySelectorAll('a').forEach(link => link.setAttribute('tabindex', "0")); // prevent users from navigating to a tags in the flyout menu when closed 204 } 205 206 function toggleSectionState(event) { 207 event.stopPropagation(); // prevents keyup events on the button from triggering a second time on the .tw-flyout-menu-wrapper 208 209 if (event.key === " " || event.key === "Enter" || event.type === "mouseup") { 210 if (event.target.getAttribute("aria-expanded") == "true") { 211 setSectionInactive(event); 212 } else { 213 setSectionActive(event); 214 } 215 216 } else if (event.key === "Escape") { 217 setSectionInactive(event); 218 } 219 } 220 221 el.addEventListener('focusout', setSectionInactive); 222 anchor.addEventListener('mouseenter', setSectionActive); 223 button.addEventListener('mouseenter', setSectionActive); 224 button.addEventListener("keyup", toggleSectionState); 225 button.addEventListener("mouseup", toggleSectionState); 226 setSectionInactive(new Event("init")); // sets the aria tags on all elements on render 227 }); 228 }); 229</script>
229 230<!-- Start Header: Tailwind --> 231<header id="header-website" data-is-sticky="true" class="bg-white max-h-screen relative data-[is-sticky=true]:sticky top-0 z-20 flex flex-col shadow-sm"> 232 <div id="scrim" class="fixed top-0 left-0 h-screen w-full bg-grey-50 hidden"></div> 233 <div class="bg-white w-full z-20 lg:z-auto"> 234 <div class="flex sm:flex-col items-center px-4 max-w-screen-2xl mx-auto"> 235 236 <ul class="flex items-center w-full"> 237 <!-- Desktop Mode: Start--> 238 <!--Logo: Start--> 239 <li id="tsf_logo" class="py-4 mr-3 xl:mr-8"> 240 <a href="/" class="block outline-none focus:ring-primary-500 focus:ring-2 focus:ring-offset-2"> 241 <img style="height: 56px" src="/-/media/site/global/the-smith-family-logo-desktop-168.svg" alt="The Smith Family"> 242 </a> 243 </li> 244 <!--Logo: End--> 245 246 <!--Main Navigation: Start--> 247 <li id="primary_navigation_1" class="flyout-menu-javascript-target group hidden lg:flex py-6"> 248 <a aria-expanded="false" href="/programs" class="relative text-primary-900 text-bold-md h-10 flex items-center pl-3 xl:pl-4 box-content !leading-6 focus:outline focus:outline-primary-500 focus:outline-2 focus:outline-offset-2 !pr-0 after:content-[''] after:absolute after:left-6 after:bottom-2 after:h-0.5 after:w-full after:box-content after:pr-1.5 after:bg-primary-900 after:transform after:scale-x-0 after:transition-all after:ease-out after:duration-500 after:origin-left;"> 249 Our Programs 250 </a> 251 <button aria-haspopup="menu" aria-controls="menu1" aria-expanded="false" class="before:text-primary-900 h-10 max-w-4 flex items-center justify-center group-[.active]:-scale-y-100 pr-3 xl:pr-4 box-content !leading-6 before:content-['expand\_more'] before:font-symbol before:text-[16px] before:max-w-4 focus:outline focus:outline-primary-500 focus:outline-2 focus:outline-offset-2 !pl-0"></button> 252 253 <div class="tw-flyout-menu z-[-1] group-[.active]:translate-y-0 whitespace-normal absolute top-full left-0 w-full bg-grey-50 transition-transform transform duration-500 ease-out -translate-y-full" aria-hidden="true"> 254 <div class="flex px-16 py-8 max-w-screen-xl mx-auto"> 255 <!--Non-Feature Tags: Start--> 256 <ul role="menu" id="menu1" aria-label="Our Programs" class="grid grid-cols-3 gap-6 "> 257 <li role="menuitemradio" class="flex flex-col"> 258<a href="/programs/literacy" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Literacy programs</a> <div class="text-body-md"> 259 Providing resources and support to help children living with disadvantage achieve the required reading standard. 260 </div> 261 </li> 262 <li role="menuitemradio" class="flex flex-col"> 263<a href="/programs/technology" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Technology programs</a> <div class="text-body-md"> 264 Providing children and young people living with disadvantage with the critical skills, access, and equipment they need. 265 </div> 266 </li> 267 <li role="menuitemradio" class="flex flex-col"> 268<a href="/programs/numeracy" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Numeracy programs</a> <div class="text-body-md"> 269 We support early years educators and community professionals in building foundational math skills in children under their care. 270 </div> 271 </li> 272 <li role="menuitemradio" class="flex flex-col"> 273<a href="/programs/learning-for-life" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Learning for Life</a> <div class="text-body-md"> 274 <em>Learning for Life</em> is an innovative, evidence-based program that supports students throughout their education to achieve positive long-term outcomes for young people experiencing disadvantage. 275 </div> 276 </li> 277 <li role="menuitemradio" class="flex flex-col"> 278<a href="/programs/mentoring" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Mentoring programs</a> <div class="text-body-md"> 279 Mentoring programs for students living with disadvantage that provide the encouragement they need to build aspirations for their future. 280 </div> 281 </li> 282 <li role="menuitemradio" class="flex flex-col"> 283<a href="/programs/aboriginal-and-torres-strait-islander" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Aboriginal and Torres Strait Islander programs</a> <div class="text-body-md"> 284 Our work engages Aboriginal and Torres Strait Islander communities in learning through education, life skills and role models, promoting culturally responsive practice. 285 </div> 286 </li> 287 </ul> 288 <!--Non-Feature Tags: End-->
288 289 <!--Featured HTML Tags: Start--> 290 <article class="flex flex-col gap-3 bg-secondary-100 ml-6 rounded-lg pb-2"> 291 <img src="/-/media/images/programs/lets-read/mother-daughter-uniform-reading.jpg" alt=""> 292 <div class="flex flex-col gap-3 flex-1 px-4"> 293 <div class="text-body-md flex-1"> 294 Our learning support and mentoring programs in 90 Australian communities directly help children in need achieve their goals through education. 295 </div> 296<a href="/programs" class="btn-east-rt btn-lg text-primary-500 mr-auto !min-w-0 tsf-focus" >View all programs</a> </div> 297 </article> 298 <!--Featured HTML Tags : End--> 299 </div> 300 </div> 301 </li> 302 <li id="primary_navigation_2" class="flyout-menu-javascript-target group hidden lg:flex py-6"> 303 <a aria-expanded="false" href="/get-involved" class="relative text-primary-900 text-bold-md h-10 flex items-center pl-3 xl:pl-4 box-content !leading-6 focus:outline focus:outline-primary-500 focus:outline-2 focus:outline-offset-2 !pr-0 after:content-[''] after:absolute after:left-6 after:bottom-2 after:h-0.5 after:w-full after:box-content after:pr-1.5 after:bg-primary-900 after:transform after:scale-x-0 after:transition-all after:ease-out after:duration-500 after:origin-left;"> 304 Get Involved 305 </a> 306 <button aria-haspopup="menu" aria-controls="menu2" aria-expanded="false" class="before:text-primary-900 h-10 max-w-4 flex items-center justify-center group-[.active]:-scale-y-100 pr-3 xl:pr-4 box-content !leading-6 before:content-['expand\_more'] before:font-symbol before:text-[16px] before:max-w-4 focus:outline focus:outline-primary-500 focus:outline-2 focus:outline-offset-2 !pl-0"></button> 307 308 <div class="tw-flyout-menu z-[-1] group-[.active]:translate-y-0 whitespace-normal absolute top-full left-0 w-full bg-grey-50 transition-transform transform duration-500 ease-out -translate-y-full" aria-hidden="true"> 309 <div class="flex px-16 py-8 max-w-screen-xl mx-auto"> 310 <!--Non-Feature Tags: Start--> 311 <ul role="menu" id="menu2" aria-label="Get Involved" class="grid grid-cols-3 gap-6 "> 312 <li role="menuitemradio" class="flex flex-col"> 313<a href="/get-involved/fundraising" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Ways to fundraise</a> <div class="text-body-md"> 314 Learn about fundraising and give back to the community with The Smith Family. 315 </div> 316 </li> 317 <li role="menuitemradio" class="flex flex-col"> 318<a href="/get-involved/volunteer" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Volunteer with us</a> <div class="text-body-md"> 319 Share your skills to help Australian children in need transform their lives through education. 320 </div> 321 </li> 322 <li role="menuitemradio" class="flex flex-col"> 323<a href="/get-involved/corporate-partnerships" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Corporate partnerships</a> <div class="text-body-md"> 324 Corporate partnerships give young Australians in need the chance to change their futures through educational support. Discover how you can join forces with The Smith Family to create a mutually-beneficial, impactful partnership. 325 </div> 326 </li> 327 <li role="menuitemradio" class="flex flex-col"> 328<a href="/get-involved/jobs" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Careers</a> <div class="text-body-md"> 329 We aim to provide a working environment where staff and volunteers have the opportunity to grow both personally and professionally. 330 </div> 331 </li> 332 <li role="menuitemradio" class="flex flex-col"> 333<a href="/get-involved/fundraising/events" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Events</a> <div class="text-body-md"> 334 Participate in events and activities that support young Australians experiencing disadvantage. 335 </div> 336 </li> 337 <li role="menuitemradio" class="flex flex-col"> 338<a href="/get-involved/view-club" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >VIEW Clubs of Australia</a> <div class="text-body-md"> 339 Learn about VIEW, a leading women’s volunteer organisation and support network with over 13,000 members, across Australia. 340 </div> 341 </li> 342 </ul> 343 <!--Non-Feature Tags: End-->
343 344 <!--Featured HTML Tags: Start--> 345 <!--Featured HTML Tags : End--> 346 </div> 347 </div> 348 </li> 349 <li id="primary_navigation_3" class="flyout-menu-javascript-target group hidden lg:flex py-6"> 350 <a aria-expanded="false" href="/donate/give" class="relative text-primary-900 text-bold-md h-10 flex items-center pl-3 xl:pl-4 box-content !leading-6 focus:outline focus:outline-primary-500 focus:outline-2 focus:outline-offset-2 !pr-0 after:content-[''] after:absolute after:left-6 after:bottom-2 after:h-0.5 after:w-full after:box-content after:pr-1.5 after:bg-primary-900 after:transform after:scale-x-0 after:transition-all after:ease-out after:duration-500 after:origin-left;"> 351 Ways to Give 352 </a> 353 <button aria-haspopup="menu" aria-controls="menu3" aria-expanded="false" class="before:text-primary-900 h-10 max-w-4 flex items-center justify-center group-[.active]:-scale-y-100 pr-3 xl:pr-4 box-content !leading-6 before:content-['expand\_more'] before:font-symbol before:text-[16px] before:max-w-4 focus:outline focus:outline-primary-500 focus:outline-2 focus:outline-offset-2 !pl-0"></button> 354 355 <div class="tw-flyout-menu z-[-1] group-[.active]:translate-y-0 whitespace-normal absolute top-full left-0 w-full bg-grey-50 transition-transform transform duration-500 ease-out -translate-y-full" aria-hidden="true"> 356 <div class="flex px-16 py-8 max-w-screen-xl mx-auto"> 357 <!--Non-Feature Tags: Start--> 358 <ul role="menu" id="menu3" aria-label="Ways to Give" class="grid grid-cols-3 gap-6 "> 359 <li role="menuitemradio" class="flex flex-col"> 360<a href="/sponsor-a-child" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Sponsor a child</a> <div class="text-body-md"> 361 Through child sponsorship, you will be matched to an Australian child in need, helping to support the cost of their school essentials. 362 </div> 363 </li> 364 <li role="menuitemradio" class="flex flex-col"> 365<a href="/donate/give/bequests" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >A gift in your will</a> <div class="text-body-md"> 366 Ensure that future generations of Australian children have the support they need to make the most of their education. 367 </div> 368 </li> 369 <li role="menuitemradio" class="flex flex-col"> 370<a href="/donate/give/monthly" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Monthly donation</a> <div class="text-body-md"> 371 Become a monthly donor and provide continual support throughout all stages of a child's education. 372 </div> 373 </li> 374 <li role="menuitemradio" class="flex flex-col"> 375<a href="/donate/give/philanthropic-donations" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Philanthropic giving</a> <div class="text-body-md"> 376 Through your philanthropy, you can ensure that young Australians impacted by poverty get the education that all children deserve. 377 </div> 378 </li> 379 <li role="menuitemradio" class="flex flex-col"> 380<a href="/donate/give/single-donation" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Single donation</a> <div class="text-body-md"> 381 Your donation will help young Australians in need by providing access to our <em>Learning for Life</em> education support programs. 382 </div> 383 </li> 384 <li role="menuitemradio" class="flex flex-col"> 385<a href="/donate/give/workplace-giving" class="text-heading-sm flex justify-between text-primary-500 mr-auto after:content-['east'] after:transition hover:after:translate-x-1 after:text-body-lg after:font-symbol after:h-5 after:flex after:items-center after:pl-2 min-h-10 mb-4" >Workplace giving</a> <div class="text-body-md"> 386 Making small, regular donations to The Smith Family through Workplace Giving is an easy way to help change the lives of young Australians living in poverty. 387 </div> 388 </li> 389 </ul> 390 <!--Non-Feature Tags: End-->
390 391 <!--Featured HTML Tags: Start--> 392 <!--Featured HTML Tags : End--> 393 </div> 394 </div> 395 </li> 396 <!--Main Navigation: End--> 397 <li class="flex-1"></li> 398 399 <li id="login" class="mr-2 hidden"> 400 <a href="/login" class="btn-person-lt btn-slide btn-md !min-w-0" >Login</a> 401 </li> 402 403 <!-- Header Quick Links: Start--> 404 <li class="ml-2 hidden sm:block"> 405 <a href="/sponsor-a-child" class="btn-sponsor header-sponsorship btn-md" >Child Sponsorship</a> 406 </li> 407 <li class="ml-2 hidden sm:block"> 408 <a href="/donate?paymentFrequency=Once" class="btn-donate header-donate btn-md" >Donate now</a> 409 </li> 410 <!-- Header Quick Links: End--> 411 <li id="hamburger" class="lg:hidden ml-auto sm:ml-2"> 412 <button type="button" class="tsf-focus flex items-center px-3 py-2 before:text-heading-lg before:font-normal before:font-symbol before:align-middle before:content-['menu']" aria-haspopup="true" aria-controls="menu"> 413 </button> 414 </li> 415 <!-- Desktop Mode: End--> 416 </ul> 417 </div> 418 </div> 419 <!-- Mobile Mode: Menu Expand Mode start--> 420 421<!-- Start Mobile : Menu Expand Mode Tailwind --> 422<nav id="hamburger-menu" class="w-full bg-white z-20 mb-24 hidden"> 423 <div class="flex flex-col max-w-3xl"> 424 <!-- Mobile: Search Start--> 425 <div class="bg-grey-50 "> 426 <div id="search" class="relative max-w-button leading-5 my-4 mx-3 rounded border border-grey-300 overflow-hidden"> 427 <form action="/" id="SearchTerm" method="post" class="flex" autocomplete="off"> 428 <input id="scController" name="scController" type="hidden" value="TSF.Feature.Navigation.Controllers.HeaderController,TSF.Feature.Navigation"> 429 <input id="scAction" name="scAction" type="hidden" value="RedirectToSearch"> 430 <input class="flex-1 leading-5 w-full px-4 py-2 outline-none" id="SearchTerm" name="SearchTerm" placeholder="Type to search The Smith Family" type="text" maxlength="100" value=""> 431 <div class="bg-grey-300 w-[1px] h-10 z-20"></div> 432 <button type="submit" class="font-symbol bg-white w-14 h-10 rounded-r-[3px] text-center text-body-xl tsf-focus hover:bg-secondary-100 text-primary-900 cursor-pointer outline-offset-4 outline-primary-500 after:content-['search']" tabindex="0"></button> 433 <input id="SearchPageUrl" name="SearchPageUrl" type="hidden" value="/search-results"> 434 </form> 435 </div> 436 </div> 437 <!-- Mobile: Search End--> 438 <!-- Mobile: FeatureLinks Menu Items Start--> 439 <div class="relative w-full select-none focus-within:z-10 max-w-3xl border-b border-grey-200"> 440 441 <button type="button" aria-expanded="false" class="tsf-accordion outline-primary-500 focus:outline-2 flex items-center justify-between cursor-pointer w-full max-w-none text-bold-md text-primary-900 text-left py-4 px-3 hover:bg-secondary-50 aria-expanded:bg-secondary-100 hover:aria-expanded:text-primary-300 after:content-['expand\_more'] aria-expanded:after:content-['expand\_less'] after:font-symbol after:text-heading-lg hover:aria-expanded:after:text-primary-300 after:!leading-5 after:font-normal" aria-controls="accordion-0-content" id="accordion-0-trigger"> 442 <h4>Our Programs</h4> 443 </button> 444 <div id="accordion-0-content" role="region" aria-labelledby="accordion-0-trigger" class="flex flex-col bg-grey-50 hidden"> 445 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/programs/literacy">Literacy programs</a> 446 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/programs/technology">Technology programs</a> 447 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/programs/numeracy">Numeracy programs</a> 448 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/programs/learning-for-life">Learning for Life</a> 449 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/programs/mentoring">Mentoring programs</a> 450 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/programs/aboriginal-and-torres-strait-islander">Aboriginal and Torres Strait Islander programs</a> 451 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/programs">View all programs</a> 452 </div> 453
453<script> 454 'use strict'; 455 // prevent duplicate definitions error (while keeping this logic locally scoped) 456 if (typeof window.Accordion === 'undefined') { 457 window.Accordion = class { 458 constructor(buttonEl) { 459 this.buttonEl = buttonEl; 460 this.contentEl = buttonEl.nextElementSibling; 461 462 this.buttonEl.addEventListener('click', this.onButtonClick.bind(this)); 463 } 464 465 onButtonClick() { 466 const prevBool = this.buttonEl.getAttribute('aria-expanded') === 'true' 467 this.buttonEl.setAttribute('aria-expanded', prevBool ? "false" : "true"); 468 this.contentEl.classList.toggle('hidden'); 469 } 470 } 471 472 addEventListener("DOMContentLoaded", () => { 473 document.querySelectorAll(".tsf-accordion").forEach(el => 474 new Accordion(el) 475 ); 476 }); 477 } 478 479 </script>
479 480 </div> 481 <div class="relative w-full select-none focus-within:z-10 max-w-3xl border-b border-grey-200"> 482 483 <button type="button" aria-expanded="false" class="tsf-accordion outline-primary-500 focus:outline-2 flex items-center justify-between cursor-pointer w-full max-w-none text-bold-md text-primary-900 text-left py-4 px-3 hover:bg-secondary-50 aria-expanded:bg-secondary-100 hover:aria-expanded:text-primary-300 after:content-['expand\_more'] aria-expanded:after:content-['expand\_less'] after:font-symbol after:text-heading-lg hover:aria-expanded:after:text-primary-300 after:!leading-5 after:font-normal" aria-controls="accordion-1-content" id="accordion-1-trigger"> 484 <h4>Get Involved</h4> 485 </button> 486 <div id="accordion-1-content" role="region" aria-labelledby="accordion-1-trigger" class="flex flex-col bg-grey-50 hidden"> 487 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/get-involved/fundraising">Ways to fundraise</a> 488 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/get-involved/volunteer">Volunteer with us</a> 489 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/get-involved/corporate-partnerships">Corporate partnerships</a> 490 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/get-involved/jobs">Careers</a> 491 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/get-involved/fundraising/events">Events</a> 492 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/get-involved/view-club">VIEW Clubs of Australia</a> 493 </div> 494
494<script> 495 'use strict'; 496 // prevent duplicate definitions error (while keeping this logic locally scoped) 497 if (typeof window.Accordion === 'undefined') { 498 window.Accordion = class { 499 constructor(buttonEl) { 500 this.buttonEl = buttonEl; 501 this.contentEl = buttonEl.nextElementSibling; 502 503 this.buttonEl.addEventListener('click', this.onButtonClick.bind(this)); 504 } 505 506 onButtonClick() { 507 const prevBool = this.buttonEl.getAttribute('aria-expanded') === 'true' 508 this.buttonEl.setAttribute('aria-expanded', prevBool ? "false" : "true"); 509 this.contentEl.classList.toggle('hidden'); 510 } 511 } 512 513 addEventListener("DOMContentLoaded", () => { 514 document.querySelectorAll(".tsf-accordion").forEach(el => 515 new Accordion(el) 516 ); 517 }); 518 } 519 520 </script>
520 521 </div> 522 <div class="relative w-full select-none focus-within:z-10 max-w-3xl border-b border-grey-200"> 523 524 <button type="button" aria-expanded="false" class="tsf-accordion outline-primary-500 focus:outline-2 flex items-center justify-between cursor-pointer w-full max-w-none text-bold-md text-primary-900 text-left py-4 px-3 hover:bg-secondary-50 aria-expanded:bg-secondary-100 hover:aria-expanded:text-primary-300 after:content-['expand\_more'] aria-expanded:after:content-['expand\_less'] after:font-symbol after:text-heading-lg hover:aria-expanded:after:text-primary-300 after:!leading-5 after:font-normal" aria-controls="accordion-2-content" id="accordion-2-trigger"> 525 <h4>Ways to Give</h4> 526 </button> 527 <div id="accordion-2-content" role="region" aria-labelledby="accordion-2-trigger" class="flex flex-col bg-grey-50 hidden"> 528 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/sponsor-a-child">Sponsor a child</a> 529 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/donate/give/bequests">A gift in your will</a> 530 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/donate/give/monthly">Monthly donation</a> 531 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/donate/give/philanthropic-donations">Philanthropic giving</a> 532 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/donate/give/single-donation">Single donation</a> 533 <a class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" href="/donate/give/workplace-giving">Workplace giving</a> 534 </div> 535
535<script> 536 'use strict'; 537 // prevent duplicate definitions error (while keeping this logic locally scoped) 538 if (typeof window.Accordion === 'undefined') { 539 window.Accordion = class { 540 constructor(buttonEl) { 541 this.buttonEl = buttonEl; 542 this.contentEl = buttonEl.nextElementSibling; 543 544 this.buttonEl.addEventListener('click', this.onButtonClick.bind(this)); 545 } 546 547 onButtonClick() { 548 const prevBool = this.buttonEl.getAttribute('aria-expanded') === 'true' 549 this.buttonEl.setAttribute('aria-expanded', prevBool ? "false" : "true"); 550 this.contentEl.classList.toggle('hidden'); 551 } 552 } 553 554 addEventListener("DOMContentLoaded", () => { 555 document.querySelectorAll(".tsf-accordion").forEach(el => 556 new Accordion(el) 557 ); 558 }); 559 } 560 561 </script>
561 562 </div> 563 564 <!-- Mobile: FeatureLinks Menu Items End--> 565 <!-- Mobile: NavBarLinks Menu Items Start--> 566 <a href="/poverty-in-australia" class="border-b border-grey-200 text-bold-md outline-offset-0 outline-primary-500 text-primary-900 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-3 "> 567 Poverty in Australia 568 </a> 569 <a href="/about-us" class="border-b border-grey-200 text-bold-md outline-offset-0 outline-primary-500 text-primary-900 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-3 "> 570 About us 571 </a> 572 <a href="/media/research" class="border-b border-grey-200 text-bold-md outline-offset-0 outline-primary-500 text-primary-900 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-3 "> 573 Our research 574 </a> 575 <a href="/media" class="border-b border-grey-200 text-bold-md outline-offset-0 outline-primary-500 text-primary-900 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-3 "> 576 Media and stories 577 </a> 578 <a href="/login" class="border-b border-grey-200 text-bold-md flex items-center outline-offset-0 outline-primary-500 text-primary-900 hover:text-primary-300 hover:before:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-3 before:font-symbol before:pr-2 before:text-heading-lg before:!leading-5 before:font-normal before:content-['person']"> 579 Login 580 </a> 581 582 <!-- Mobile: NavBarLinks Menu Items End--> 583 <!-- Mobile: CTA Menu Items Start--> 584 <a href="/about-us/contact" class="border-b border-grey-200 text-bold-md flex items-center outline-offset-0 outline-primary-500 text-primary-900 hover:text-primary-300 hover:before:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-3 before:font-symbol before:pr-2 before:text-heading-lg before:!leading-5 before:font-normal before:content-['call']"> 585 Contact us 586 </a> 587 <a href="/about-us/faqs" class="border-b border-grey-200 text-bold-md flex items-center outline-offset-0 outline-primary-500 text-primary-900 hover:text-primary-300 hover:before:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-3 before:font-symbol before:pr-2 before:text-heading-lg before:!leading-5 before:font-normal before:content-['help']"> 588 FAQs 589 </a> 590 <!-- Mobile: CTA Menu Items End--> 591 <!-- Mobile: SponsorNow and Donation buttions Start--> 592 593<div id="quickwin_mobile" class="flex sm:hidden w-full"> 594<a href="/sponsor-a-child" class="btn-md btn-sponsor header-sponsorship !rounded-none !min-w-0" >Child Sponsorship</a><a href="/donate?paymentFrequency=Once" class="btn-md btn-donate header-donate !rounded-none !min-w-0" >Donate now</a></div> <!-- Mobile: SponsorNow and Donation buttions End--> 595 </div> 596</nav> 597<!-- End Mobile : Menu Expand Mode Tailwind--> 598 599 <!-- Mobile Mode: Menu Expand Mode end--> 600 601 602</header> 603 604 605<!--Desktop Mode: Nav Bar Start--> 606<nav id="header-website-nav" class="hidden lg:block relative z-10"> 607 <div class="bg-grey-50"> 608 <ul class="flex gap-4 items-center px-4 max-w-screen-2xl w-full h-10 m-auto"> 609 <!-- Main Nav Bar--> 610 611 <li> 612 <a href="/poverty-in-australia" class="btn-slide text-bold-md !outline-offset-0"> 613 Poverty in Australia 614 </a> 615 </li> 616 <li> 617 <a href="/about-us" class="btn-slide text-bold-md !outline-offset-0"> 618 About us 619 </a> 620 </li> 621 <li> 622 <a href="/media/research" class="btn-slide text-bold-md !outline-offset-0"> 623 Our research 624 </a> 625 </li> 626 <li> 627 <a href="/media" class="btn-slide text-bold-md !outline-offset-0"> 628 Media and stories 629 </a> 630 </li> 631 632 <li class="flex-1"></li> 633 <li class="flyout-menu-javascript-target group "> 634 <button aria-expanded="false" type="button" class="btn-search-lt btn-slide btn-md !min-w-0 !outline-offset-0"> 635 Search 636 </button> 637 638 <div class="tw-flyout-menu group-[.active]:translate-y-0 z-[-1] bg-grey-50 absolute top-full left-0 w-full transition-transform transform duration-500 ease-out -translate-y-full" aria-hidden="true"> 639 <div class="flex flex-col gap-8 px-16 py-8 max-w-screen-xl mx-auto"> 640 <form action="/" class="relative flex w-full rounded border border-grey-300 max-w-2xl" id="SearchTerm" method="post" autocomplete="off"> 641 <input id="scController" name="scController" type="hidden" value="TSF.Feature.Navigation.Controllers.HeaderController,TSF.Feature.Navigation" tabindex="-1"> 642 <input id="scAction" name="scAction" type="hidden" value="RedirectToSearch" tabindex="-1"> 643 644 <input class="w-full py-2 pl-4 flex-1 rounded outline-offset-4 outline-primary-500" id="SearchTerm" name="SearchTerm" placeholder="Type to search The Smith Family" type="text" maxlength="100" value="" tabindex="-1"> 645 <div class="bg-grey-300 w-[1px] -z-10"></div> 646 <button type="submit" class="hover:bg-secondary-100 font-symbol bg-white w-14 roun
646ded-r-[3px] text-center text-body-xl tsf-focus text-primary-500 cursor-pointer outline-offset-4 outline-primary-500 before:content-['search']" tabindex="-1"></button> 647 <input id="SearchPageUrl" name="SearchPageUrl" type="hidden" value="/search-results" tabindex="-1"> 648 </form> 649 650 <div> 651 <h3 class="text-heading-sm text-grey-900 mb-4">Popular Searches</h3> 652 653 <ul class="grid grid-cols-2 gap-x-6 max-w-2xl"> 654 <li class="w-full border-grey-300 border-b flex"> 655 <a href="/search-results?q=Annual Report" class="hover:bg-secondary-100 btn-east-rt btn-md text-primary-500 mr-auto !min-w-0 tsf-focus" aria-expanded="false" tabindex="-1" target="">Annual Report</a> 656 </li> 657 <li class="w-full border-grey-300 border-b flex"> 658 <a href="/search-results?q=learning for life" class="hover:bg-secondary-100 btn-east-rt btn-md text-primary-500 mr-auto !min-w-0 tsf-focus" aria-expanded="false" tabindex="-1" target="">Learning for Life</a> 659 </li> 660 <li class="w-full border-grey-300 border-b flex"> 661 <a href="/search-results?q=back to school" class="hover:bg-secondary-100 btn-east-rt btn-md text-primary-500 mr-auto !min-w-0 tsf-focus" aria-expanded="false" tabindex="-1" target="">Back to School</a> 662 </li> 663 <li class="w-full border-grey-300 border-b flex"> 664 <a href="/search-results?q=scholarship" class="hover:bg-secondary-100 btn-east-rt btn-md text-primary-500 mr-auto !min-w-0 tsf-focus" aria-expanded="false" tabindex="-1" target="">Scholarship</a> 665 </li> 666 <li class="w-full border-grey-300 border-b flex"> 667 <a href="/search-results?q=correspondence" class="hover:bg-secondary-100 btn-east-rt btn-md text-primary-500 mr-auto !min-w-0 tsf-focus" aria-expanded="false" tabindex="-1" target="">Correspondence</a> 668 </li> 669 <li class="w-full border-grey-300 border-b flex"> 670 <a href="/search-results?q=jobs" class="hover:bg-secondary-100 btn-east-rt btn-md text-primary-500 mr-auto !min-w-0 tsf-focus" aria-expanded="false" tabindex="-1" target="">Jobs</a> 671 </li> 672 <li class="w-full border-grey-300 border-b flex"> 673 <a href="/search-results?q=volunteer" class="hover:bg-secondary-100 btn-east-rt btn-md text-primary-500 mr-auto !min-w-0 tsf-focus" aria-expanded="false" tabindex="-1" target="">Volunteer</a> 674 </li> 675 <li class="w-full border-grey-300 border-b flex"> 676 <a href="/search-results?q=growing careers program" class="hover:bg-secondary-100 btn-east-rt btn-md text-primary-500 mr-auto !min-w-0 tsf-focus" aria-expanded="false" tabindex="-1" target="">Growing Careers Program</a> 677 </li> 678 679 </ul> 680 </div> 681 682 <div class="flex gap-6 max-w-2xl"> 683<a href="/about-us/contact" class="btn-md btn-sec-phone-rt !w-full !max-w-none !justify-center" tabindex="-1" >Contact us</a><a href="/about-us/faqs" class="btn-md btn-sec-help-rt !w-full !max-w-none !justify-center" tabindex="-1" >FAQs</a><a href="/about-us" class="btn-md btn-sec-error-rt !w-full !max-w-none !justify-center" tabindex="-1" >About us</a> </div> 684 </div> 685 </div> 686 </li> 687 <li>
688 <a href="/login" class="btn-person-lt btn-slide btn-md !min-w-0 !outline-offset-0"> 689 Login 690 </a> 691 </li> 692 </ul> 693 </div> 694</nav> 695<!--Desktop Mode: Nav Bar Start--> 696 697 698 699<div id="quickwin_mobile" class="flex sm:hidden w-full"> 700<a href="/sponsor-a-child" class="btn-md btn-sponsor header-sponsorship !rounded-none !min-w-0" >Child Sponsorship</a><a href="/donate?paymentFrequency=Once" class="btn-md btn-donate header-donate !rounded-none !min-w-0" >Donate now</a></div> 701<!-- End Header: Tailwind --> 702 703 704 <div id="main-site-content"> 705 <div id="modulefourteen-vue-component" class="vue-component"> 706 <modulefourteen :params="{ 707 "heading": null, 708 "slides": [ 709 { 710 "slideDesktopImage": "/-/media/images/my-smith-family/my-smith-family-banner-desktop.jpg", 711 "slideMobileImage": "/-/media/images/my-smith-family/my-smith-family-banner-mobile.jpg", 712 "slideHeading": "", 713 "slideText": "", 714 "primaryCTAText": null, 715 "primaryCTALink": null, 716 "primaryCTATarget": null, 717 "primaryCTABtnClass": "btn-generic", 718 "overlayAlign": "right" 719 } 720 ], 721 "delay": 0, 722 "desktopImageHeight": 192, 723 "mobileImageHeight": 120 724}"> 725 </modulefourteen> 726</div> 727<section> 728<section class="!pb-0 flex gap-4 justify-center tsf-module"> 729<h1 class="text-heading-xl ml-2 hidden sm:block">Welcome to My Smith Family</h1> 730</section> 731</section> 732<section> 733<div id="maintenance-message" class="tsf-modal-module flex flex-col !pb-0 flex justify-center" style="display: none;"> 734<div class="border border-sand-500 flex flex-col max-w-md gap-4 p-6 rounded tsf-grid-one-third"> 735 <div class="bg-sand-50 flex h-10 items-center justify-center rounded-full w-10"> 736 <span class="before:content-['help'] font-symbol text-sand-700"></span> 737 </div> 738 <h4 class="text-heading-sm text-sand-700">Scheduled Maintenance Notice</h4> 739 <div class="flex-1 text-body-md"> 740 Between Saturday 27 September 9:00 AM and Monday 29 September 9:00 AM, there may be temporary outages due to planned maintenance. We appreciate your patience. 741 </div> 742 </div> 743</div> 744
745<script> 746 (function () { 747 const nowUtc = new Date(); 748 749 const startUtc = new Date(Date.UTC(2025, 7, 1, 9, 0, 0)); // August = 7 750 const endUtc = new Date(Date.UTC(2025, 7, 3, 1, 0, 0)); 751 752 const messageDiv = document.getElementById('maintenance-message'); 753 754 // If on /register path 755 if (window.location.pathname.includes('/register')) { 756 messageDiv.classList.add('tsf-module'); 757 messageDiv.classList.remove('tsf-modal-module'); 758 } 759 760 // Show message only within the UTC time window 761 if (nowUtc >= startUtc && nowUtc <= endUtc) { 762 messageDiv.style.display = 'block'; 763 } 764 })(); 765</script>
765 766<style> 767#maintenance-message { 768 border: none; 769 margin: 0 auto; 770 padding: 2rem 0 0; 771} 772#maintenance-message.tsf-module { 773 padding: 2rem 4rem 0; 774} 775</style> 776</section> 777<div id="portal" class="portal"> 778 <div id="login-vue-component" class="vue-component"> 779 <logincomponent /> 780 </div> 781</div> 782 783 </div> 784 <!-- Site Start --> 785 <footer class="bg-grey-50"> 786 787 788<!-- Start: Tailwind Footer Navigation--> 789<footer id="footer" class="bg-grey-50"> 790 <div class="flex flex-col gap-4 pt-8 pb-4 px-4 sm:px-6 max-w-screen-2xl m-auto"> 791 <div class="lg:border-b border-grey-200 flex flex-col gap-4 lg:pb-4 sm:flex-row space-between"> 792 <!-- Start Tailwind Newsletter--> 793 <div class="flex flex-col gap-4 pb-4 md:pb-0 sm:min-w-64 lg:min-w-80"> 794 <div class="text-heading-lg">Your Support, Real Impact, our quarterly <span class="inline-block">e-newsletter</span></div> 795<a href="/media/stories/subscribe-to-newsletter" class="footer-subscribe btn-sec btn-lg" >Subscribe</a> </div> 796 <!-- End Tailwind Newsletter--> 797 <!--Start Tailwind nav--> 798 799 800<!--Start Tailwind footer nav--> 801<div id="footer_navigation_mobile" class="lg:hidden w-full shadow-sm *:!border-b-0"> 802 803 <!--Start Tilwind Footer Navigation Accordion Changes--> 804 <div class="relative w-full last:border-b border-grey-200 select-none focus-within:z-10 max-w-3xl"> 805 806 <button type="button" aria-expanded="false" class="tsf-accordion outline-primary-500 focus:outline-2 flex items-center justify-between cursor-pointer w-full max-w-none text-bold-md text-primary-900 text-left py-4 px-3 hover:bg-secondary-50 aria-expanded:bg-secondary-100 hover:aria-expanded:text-primary-300 after:content-['expand\_more'] aria-expanded:after:content-['expand\_less'] after:font-symbol after:text-heading-lg hover:aria-expanded:after:text-primary-300 after:!leading-5 after:font-normal" aria-controls="accordion-0-content" id="accordion-0-trigger"> 807 <h4>Contact</h4> 808 </button> 809 810 <div id="accordion-0-content" role="region" aria-labelledby="accordion-0-trigger" class="flex flex-col hidden bg-grey-50"> 811<a href="/about-us/contact" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Contact Us</a><a href="/media/centre" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Media Centre</a><a href="/complaints" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Complaints</a> </div> 812
812<script> 813 'use strict'; 814 // prevent duplicate definitions error (while keeping this logic locally scoped) 815 if (typeof window.Accordion === 'undefined') { 816 window.Accordion = class { 817 constructor(buttonEl) { 818 this.buttonEl = buttonEl; 819 this.contentEl = buttonEl.nextElementSibling; 820 821 this.buttonEl.addEventListener('click', this.onButtonClick.bind(this)); 822 } 823 824 onButtonClick() { 825 const prevBool = this.buttonEl.getAttribute('aria-expanded') === 'true' 826 this.buttonEl.setAttribute('aria-expanded', prevBool ? "false" : "true"); 827 this.contentEl.classList.toggle('hidden'); 828 } 829 } 830 831 addEventListener("DOMContentLoaded", () => { 832 document.querySelectorAll(".tsf-accordion").forEach(el => 833 new Accordion(el) 834 ); 835 }); 836 } 837 838 </script>
838 839 </div> 840 <!--End Tilwind Footer Navigation Accordion Changes--> 841 842 843 <!--Start Tilwind Footer Navigation Accordion Changes--> 844 <div class="relative w-full border-t last:border-b border-grey-200 select-none focus-within:z-10 max-w-3xl"> 845 846 <button type="button" aria-expanded="false" class="tsf-accordion outline-primary-500 focus:outline-2 flex items-center justify-between cursor-pointer w-full max-w-none text-bold-md text-primary-900 text-left py-4 px-3 hover:bg-secondary-50 aria-expanded:bg-secondary-100 hover:aria-expanded:text-primary-300 after:content-['expand\_more'] aria-expanded:after:content-['expand\_less'] after:font-symbol after:text-heading-lg hover:aria-expanded:after:text-primary-300 after:!leading-5 after:font-normal" aria-controls="accordion-1-content" id="accordion-1-trigger"> 847 <h4>Organisation</h4> 848 </button> 849 850 <div id="accordion-1-content" role="region" aria-labelledby="accordion-1-trigger" class="flex flex-col hidden bg-grey-50"> 851<a href="/about-us/faqs" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >FAQs</a><a href="/about-us/finances" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Finances</a><a href="/get-involved/jobs" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Careers</a><a href="/about-us" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >About Us</a><a href="/programs/aboriginal-and-torres-strait-islander/reconciliation-action-plan" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Reconciliation Action Plan</a> </div> 852
852<script> 853 'use strict'; 854 // prevent duplicate definitions error (while keeping this logic locally scoped) 855 if (typeof window.Accordion === 'undefined') { 856 window.Accordion = class { 857 constructor(buttonEl) { 858 this.buttonEl = buttonEl; 859 this.contentEl = buttonEl.nextElementSibling; 860 861 this.buttonEl.addEventListener('click', this.onButtonClick.bind(this)); 862 } 863 864 onButtonClick() { 865 const prevBool = this.buttonEl.getAttribute('aria-expanded') === 'true' 866 this.buttonEl.setAttribute('aria-expanded', prevBool ? "false" : "true"); 867 this.contentEl.classList.toggle('hidden'); 868 } 869 } 870 871 addEventListener("DOMContentLoaded", () => { 872 document.querySelectorAll(".tsf-accordion").forEach(el => 873 new Accordion(el) 874 ); 875 }); 876 } 877 878 </script>
878 879 </div> 880 <!--End Tilwind Footer Navigation Accordion Changes--> 881 882 883 <!--Start Tilwind Footer Navigation Accordion Changes--> 884 <div class="relative w-full border-t last:border-b border-grey-200 select-none focus-within:z-10 max-w-3xl"> 885 886 <button type="button" aria-expanded="false" class="tsf-accordion outline-primary-500 focus:outline-2 flex items-center justify-between cursor-pointer w-full max-w-none text-bold-md text-primary-900 text-left py-4 px-3 hover:bg-secondary-50 aria-expanded:bg-secondary-100 hover:aria-expanded:text-primary-300 after:content-['expand\_more'] aria-expanded:after:content-['expand\_less'] after:font-symbol after:text-heading-lg hover:aria-expanded:after:text-primary-300 after:!leading-5 after:font-normal" aria-controls="accordion-2-content" id="accordion-2-trigger"> 887 <h4>Legal</h4> 888 </button> 889 890 <div id="accordion-2-content" role="region" aria-labelledby="accordion-2-trigger" class="flex flex-col hidden bg-grey-50"> 891<a href="/about-us/governance/privacy" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Privacy Policy</a><a href="/about-us/governance/whistleblowing-policy" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Whistleblowing</a><a href="/about-us/governance/child-protection" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Child Safeguarding Framework</a><a href="/about-us/governance/terms-and-conditions-of-use" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Terms and Conditions of Use</a><a href="/about-us/governance/child-protection#National-redress-scheme" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >National Redress Scheme</a> </div> 892
892<script> 893 'use strict'; 894 // prevent duplicate definitions error (while keeping this logic locally scoped) 895 if (typeof window.Accordion === 'undefined') { 896 window.Accordion = class { 897 constructor(buttonEl) { 898 this.buttonEl = buttonEl; 899 this.contentEl = buttonEl.nextElementSibling; 900 901 this.buttonEl.addEventListener('click', this.onButtonClick.bind(this)); 902 } 903 904 onButtonClick() { 905 const prevBool = this.buttonEl.getAttribute('aria-expanded') === 'true' 906 this.buttonEl.setAttribute('aria-expanded', prevBool ? "false" : "true"); 907 this.contentEl.classList.toggle('hidden'); 908 } 909 } 910 911 addEventListener("DOMContentLoaded", () => { 912 document.querySelectorAll(".tsf-accordion").forEach(el => 913 new Accordion(el) 914 ); 915 }); 916 } 917 918 </script>
918 919 </div> 920 <!--End Tilwind Footer Navigation Accordion Changes--> 921 922 923 <!--Start Tilwind Footer Navigation Accordion Changes--> 924 <div class="relative w-full border-t last:border-b border-grey-200 select-none focus-within:z-10 max-w-3xl"> 925 926 <button type="button" aria-expanded="false" class="tsf-accordion outline-primary-500 focus:outline-2 flex items-center justify-between cursor-pointer w-full max-w-none text-bold-md text-primary-900 text-left py-4 px-3 hover:bg-secondary-50 aria-expanded:bg-secondary-100 hover:aria-expanded:text-primary-300 after:content-['expand\_more'] aria-expanded:after:content-['expand\_less'] after:font-symbol after:text-heading-lg hover:aria-expanded:after:text-primary-300 after:!leading-5 after:font-normal" aria-controls="accordion-3-content" id="accordion-3-trigger"> 927 <h4>Website</h4> 928 </button> 929 930 <div id="accordion-3-content" role="region" aria-labelledby="accordion-3-trigger" class="flex flex-col hidden bg-grey-50"> 931<a href="/my-smith-family" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >My Smith Family</a><a href="/register" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Register</a><a href="https://charity-gifts.thesmithfamily.com.au/" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" target="_blank" rel="noopener noreferrer" >Charity Gifts</a><a href="https://events.thesmithfamily.com.au/" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" target="_blank" rel="noopener noreferrer" >Event Fundraising</a><a href="/sitemap" class="text-body-md outline-offset-0 outline-primary-500 hover:text-primary-300 focus:outline-2 max-w-none w-full py-4 px-5" >Sitemap</a> </div> 932
932<script> 933 'use strict'; 934 // prevent duplicate definitions error (while keeping this logic locally scoped) 935 if (typeof window.Accordion === 'undefined') { 936 window.Accordion = class { 937 constructor(buttonEl) { 938 this.buttonEl = buttonEl; 939 this.contentEl = buttonEl.nextElementSibling; 940 941 this.buttonEl.addEventListener('click', this.onButtonClick.bind(this)); 942 } 943 944 onButtonClick() { 945 const prevBool = this.buttonEl.getAttribute('aria-expanded') === 'true' 946 this.buttonEl.setAttribute('aria-expanded', prevBool ? "false" : "true"); 947 this.contentEl.classList.toggle('hidden'); 948 } 949 } 950 951 addEventListener("DOMContentLoaded", () => { 952 document.querySelectorAll(".tsf-accordion").forEach(el => 953 new Accordion(el) 954 ); 955 }); 956 } 957 958 </script>
958 959 </div> 960 <!--End Tilwind Footer Navigation Accordion Changes--> 961</div> 962 963<div id="footer_navigation_desktop" class="hidden lg:flex gap-12 justify-end w-full"> 964 965 <!--Start Tilwind link section--> 966<div class="flex flex-col gap-2"> 967 <div class="text-heading-sm">Contact</div> 968<a href="/about-us/contact" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Contact Us</a><a href="/media/centre" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Media Centre</a><a href="/complaints" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Complaints</a></div> 969 <!--End Tilwind link section--> 970 971 972 <!--Start Tilwind link section--> 973<div class="flex flex-col gap-2"> 974 <div class="text-heading-sm">Organisation</div> 975<a href="/about-us/faqs" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >FAQs</a><a href="/about-us/finances" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Finances</a><a href="/get-involved/jobs" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Careers</a><a href="/about-us" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >About Us</a><a href="/programs/aboriginal-and-torres-strait-islander/reconciliation-action-plan" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Reconciliation Action Plan</a></div> 976 <!--End Tilwind link section--> 977 978 979 <!--Start Tilwind link section--> 980<div class="flex flex-col gap-2"> 981 <div class="text-heading-sm">Legal</div> 982<a href="/about-us/governance/privacy" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Privacy Policy</a><a href="/about-us/governance/whistleblowing-policy" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Whistleblowing</a><a href="/about-us/governance/child-protection" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Child Safeguarding Framework</a><a href="/about-us/governance/terms-and-conditions-of-use" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Terms and Conditions of Use</a><a href="/about-us/governance/child-protection#National-redress-scheme" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >National Redress Scheme</a></div> 983 <!--End Tilwind link section--> 984 985 986 <!--Start Tilwind link section--> 987<div class="flex flex-col gap-2"> 988 <div class="text-heading-sm">Website</div> 989<a href="/my-smith-family" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >My Smith Family</a><a href="/register" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Register</a><a href="https://charity-gifts.thesmithfamily.com.au/" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" target="_blank" rel="noopener noreferrer" >Charity Gifts</a><a href="https://events.thesmithfamily.com.au/" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" target="_blank" rel="noopener noreferrer" >Event Fundraising</a><a href="/sitemap" class="text-body-sm text-primary-900 hover:text-blue-400 visited:text-purple-700 hover:underline underline-offset-4 decoration-1 outline-offset-2 outline-primary-500" >Sitemap</a></div> 990 <!--End Tilwind link section--> 991</div>
992 <!--End Tailwind footer nav--> 993 994 <!--End Tailwind nav--> 995 </div> 996 <!--Start: Footer website CTA--> 997 <div class="flex flex-col gap-4 lg:flex-row-reverse lg:justify-between"> 998 999 1000<!-- Start: Tailwind Footer social--> 1001 <ul class="flex justify-between sm:justify-center lg:justify-between items-center w-full sm:gap-12 lg:gap-0 lg:p-4 lg:max-w-xs"> 1002<a href="https://www.facebook.com/TheSmithFamilyAustralia" class="!outline-offset-0 *:p-2.5 hover:bg-secondary-100 active:bg-secondary-50 rounded-sm tsf-focus" target="_blank" rel="noopener noreferrer" ><img src="/-/media/site/global/footer/facebook-icon.svg?la=en&hash=28AA40454359D94CC6C887F981124671" alt="facebook" /></a><a href="https://twitter.com/SmithFamily_org" class="!outline-offset-0 *:p-2.5 hover:bg-secondary-100 active:bg-secondary-50 rounded-sm tsf-focus" target="_blank" rel="noopener noreferrer" ><img src="/-/media/site/global/footer/x-icon.svg?la=en&hash=9F05BC0E303C7C6B4A4688232CD9630D" alt="X" /></a><a href="https://www.youtube.com/TheSmithFamily1922" class="!outline-offset-0 *:p-2.5 hover:bg-secondary-100 active:bg-secondary-50 rounded-sm tsf-focus" target="_blank" rel="noopener noreferrer" ><img src="/-/media/site/global/footer/you-tube-icon.svg?la=en&hash=AB8C4E63AF9F4C66B87D2FE468C1FFBA" alt="youtube" /></a><a href="https://www.instagram.com/thesmithfamilyaus/" class="!outline-offset-0 *:p-2.5 hover:bg-secondary-100 active:bg-secondary-50 rounded-sm tsf-focus" target="_blank" rel="noopener noreferrer" ><img src="/-/media/site/global/footer/instagram-icon.svg?la=en&hash=CA703C165EEFD2C8974E92263B7DB7E0" alt="Instagram" /></a><a href="https://www.linkedin.com/company/the-smith-family" class="!outline-offset-0 *:p-2.5 hover:bg-secondary-100 active:bg-secondary-50 rounded-sm tsf-focus" target="_blank" rel="noopener noreferrer" ><img src="/-/media/site/global/footer/linkedin-icon.svg?la=en&hash=85F014AB6891B28E022DDBDF63F320E1" alt="LinkedIn" /></a> </ul> 1003<!-- End: Tailwind Footer social--> 1004 1005 <ul class="flex flex-row flex-wrap justify-center lg:justify-start items-center gap-4 lg:gap-8"> 1006 <li class="first:w-full sm:first:w-auto flex justify-center"> 1007<a href="/" class="tsf-focus rounded-sm" ><img src="/-/media/site/global/footer/the-smith-family-logo-desktop-146.svg?la=en&hash=E080F9E1C9B56DABCC43AC75F0613209" alt="The Smith Family - Learn Today, Change Tomorrow" /></a> 1008 </li> 1009 <li class="first:w-full sm:first:w-auto flex justify-center"> 1010<a href="https://www.acnc.gov.au/charity/charities/c5fb7e82-38af-e811-a960-000d3ad24282/profile" class="tsf-focus rounded-sm" target="_blank" rel="noopener noreferrer" ><img src="/-/media/site/global/footer/registered-charity-logo.svg?la=en&hash=6C0CBC83597392D9A22B5EC8E8A8ED07" alt="Registered Charity" /></a> 1011 </li> 1012 <li class="first:w-full sm:first:w-auto flex justify-center"> 1013<a href="/about-us/governance/child-protection#child-protection-policy" class="tsf-focus rounded-sm" ><img src="/-/media/site/global/footer/child-safe-organisations-logo.svg?la=en&hash=5BB3A2FEF1EC848F78EE8FEA8C0EDC5F" alt="Child Safe Organisations" /></a> 1014 </li> 1015 </ul> 1016 </div> 1017 <!--End: Footer website CTA--> 1018 <!--Start: Footer Acknowledgement--> 1019 <div class="flex items-center flex-col sm:flex-row gap-6 w-full"> 1020<img src="/-/media/images/programs/aboriginal-and-torres-strait-islander/rap-artwork-2026-71-x-72.png?la=en&h=72&w=71&hash=5D4667EA23AD3950F9EAE7639F8F0E97" alt="Circular logo featuring Indigenous-style artwork of a whale tail against a blue and orange background, with wave motifs and surrounding text." /> <div class="text-body-sm w-full text-center lg:text-left !max-w-none"> 1021 The Smith Family acknowledges and pays respect to the past and present Traditional Custodians and Elders of this nation. We recognise the continuing connection to lands, waters and communities through cultural, spiritual and educational practices of Aboriginal and Torres Strait Islander peoples. <strong>Artwork:</strong> The Orca Journey <strong>Artist:</strong> Kylinta Scott
1022<script type="application/ld+json"> 1023{ 1024 "@context": "https://schema.org", 1025 "@graph": [ 1026 1027 { 1028 "@type": "NGO", 1029 "@id": "https://www.thesmithfamily.com.au/#organisation", 1030 "name": "The Smith Family", 1031 "url": "https://www.thesmithfamily.com.au", 1032 "logo": { 1033 "@type": "ImageObject", 1034 "url": "https://www.thesmithfamily.com.au/-/media/site/global/the-smith-family-logo-desktop-168.svg" 1035 }, 1036 "description": "The Smith Family is an Australian children's education charity helping young people overcome educational inequality caused by poverty.", 1037 "sameAs": [ 1038 "https://www.facebook.com/TheSmithFamilyAustralia/", 1039 "https://www.linkedin.com/company/the-smith-family/", 1040 "https://twitter.com/SmithFamily_org", 1041 "https://www.youtube.com/channel/UCtX3vJbTDtZKG21FPDynbHQ" 1042 ] 1043 }, 1044 1045 { 1046 "@type": "WebSite", 1047 "@id": "https://www.thesmithfamily.com.au/#website", 1048 "url": "https://www.thesmithfamily.com.au", 1049 "name": "The Smith Family", 1050 "publisher": { 1051 "@id": "https://www.thesmithfamily.com.au/#organisation" 1052 }, 1053 "potentialAction": { 1054 "@type": "SearchAction", 1055 "target": "https://www.thesmithfamily.com.au/search?q={search_term_string}", 1056 "query-input": "required name=search_term_string" 1057 } 1058 } 1059 1060 ] 1061} 1062</script>
1062 1063 </div> 1064 </div> 1065 <!--End: Footer Acknowledgement--> 1066 <!--Start: Footer ABN--> 1067 <div class="flex flex-col md:flex-row justify-center text-center gap-4 w-full !max-w-none text-body-sm"> 1068 <div class="text-body-sm">2026 © The Smith Family</div> 1069<div class="text-body-sm"><span class="mr-4">|</span>ABN 28 000 030 179<span class="ml-4">|</span></div> 1070<div class="text-body-sm">Donations to The Smith Family are tax-deductible</div> 1071 </div> 1072 <!--End: Footer ABN--> 1073 </div> 1074</footer> 1075 1076 1077 </footer> 1078 1079<!-- Placed at the end of the document so the pages load faster --> 1080 1081<!-- Vue + VITE -->
1082<script type="module" crossorigin src="/assets/js/main.n7aq5a6p.js"></script>
1082 1083 1084 1085 1086 1087 1088</body> 1089</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.