1<!DOCTYPE html><!-- Last Published: Wed Jun 24 2026 03:47:37 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="love-the-centre-v2-1b55e8.webflow.io" data-wf-page="670893ed4c2b9f5d0ca8013e" data-wf-site="66f0afd6a11a1dc145d41858" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Contact Us | Love the Centre Hamilton</title><meta content="Get in touch with Love the Centre for information about Hamilton Central, business support, or event details. We're here to help you discover the heart of Hamilton." name="description"/><meta content="Contact Us | Love the Centre Hamilton" property="og:title"/><meta content="Get in touch with Love the Centre for information about Hamilton Central, business support, or event details. We're here to help you discover the heart of Hamilton." property="og:description"/><meta content="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670d997b5717c9b1e2e34612_opengraph.png" property="og:image"/><meta content="Contact Us | Love the Centre Hamilton" name="twitter:title"/><meta content="Get in touch with Love the Centre for information about Hamilton Central, business support, or event details. We're here to help you discover the heart of Hamilton." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670d997b5717c9b1e2e34612_opengraph.png" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/css/love-the-centre-v2-1b55e8.webflow.shared.bedca30f4.min.css" rel="stylesheet" type="text/css" integrity="sha384-vtyjD0JswaYEWu13Sv6i6ZFz6TrW+733ZqhGcWf1IPVkRlLhNFHhXCQMGG2rN5q7" crossorigin="anonymous"/>
1<script src="https://use.typekit.net/wph3vhr.js" type="text/javascript"></script>
1<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670d98d265612663d09ac3ae_iconicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670d98d55b9692b1b64c54ec_iconwebclip.png" rel="apple-touch-icon"/>
1<script type="application/ld+json"> 2{ 3 "@context": "https://schema.org", 4 "@type": "ContactPage", 5 "name": "Contact Us | Love the Centre Hamilton", 6 "url": "/contact", 7 "inLanguage": "en", 8 "description": "Get in touch with Love the Centre for information about Hamilton Central, business support, or event details.", 9 "mainEntity": { 10 "@type": "Organization", 11 "name": "Love the Centre", 12 "alternateName": "Hamilton Central Business Association", 13 "url": "https://lovethecentre.co.nz", 14 "telephone": "07 838 3905", 15 "email": "[email protected]", 16 "address": { 17 "@type": "PostalAddress", 18 "streetAddress": "10 Garden Place", 19 "addressLocality": "Hamilton Central", 20 "addressRegion": "Waikato", 21 "addressCountry": "NZ" 22 }, 23 "contactPoint": { 24 "@type": "ContactPoint", 25 "telephone": "07 838 3905", 26 "email": "[email protected]", 27 "contactType": "customer service" 28 }, 29 "sameAs": [ 30 "https://www.instagram.com/hamiltoncentral/", 31 "https://www.instagram.com/lovethecentre" 32 ] 33 }, 34 "hasPart": { 35 "@type": "FAQPage", 36 "mainEntity": [ 37 { 38 "@type": "Question", 39 "name": "What area does Hamilton Central cover?", 40 "acceptedAnswer": { 41 "@type": "Answer", 42 "text": "The defined BID (Business Improvement District) area includes all businesses located from Mill Street through to Hillsborough Terrace and Tristram Street across to the Waikato River in Hamilton." 43 } 44 }, 45 { 46 "@type": "Question", 47 "name": "How can I stay updated on events in the city centre?", 48 "acceptedAnswer": { 49 "@type": "Answer", 50 "text": "Follow @lovethecentre on Instagram to stay updated on events in the city centre." 51 } 52 }, 53 { 54 "@type": "Question", 55 "name": "I'm a business owner, how can I get involved with Love the Centre?", 56 "acceptedAnswer": { 57 "@type": "Answer", 58 "text": "We'd love to have you! Contact us to learn about membership benefits and opportunities." 59 } 60 }, 61 { 62 "@type": "Question", 63 "name": "Are there parking options in Hamilton Central?", 64 "acceptedAnswer": { 65 "@type": "Answer", 66 "text": "Yes, there are various parking options including 1 hour free at selected meter areas, plus various above and below ground parking options through the likes of Centreplace and the Knox Street Carpark." 67 } 68 }, 69 { 70 "@type": "Question", 71 "name": "How can I suggest an event or promotion for the city centre?", 72 "acceptedAnswer": { 73 "@type": "Answer", 74 "text": "We welcome your ideas! Please use our contact form to submit suggestions." 75 } 76 } 77 ] 78 } 79} 80</script>
80<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-B95MJQ1EQY'],'google_tags_first_party');</script>
80<script async="" src="/xa5e8du3i6ydNjZmMGFmZDZhMTFhMWRjMTQ1ZDQxODU4/FRg-9eF3pcTRJe2QRp18128e8BE"></script>
80<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-B95MJQ1EQY');</script>
80<meta name="google-site-verification" content="GooGhywoiu9839t543j0s7543uw1. Please add [email protected] to GA account G-B95MJQ1EQY with 'Manage Users and Edit' permissions - date 24/03/2025."> 81<meta name="google-site-verification" content="5I7cgMaqN1ccrDzj-Dqi1Rg-Z1DhHymj0BHo6RoMXfk" /><!-- Reslider Slick JS Head/Slider CSS Code --> 82<style> 83.slider-item {display: inline-block;} 84.slider-list {display:block !important;} 85.slick-prev:hover, 86.slick-prev:focus, 87.slick-next:hover, 88.slick-next:focus 89{ outline: none; 90} 91.slick-slide, .slick-slide *{ outline: none !important; } 92.slick-list { padding: 0 0 0 15rem !important; } 93 94.slider01_list.slider-list:active 95{ 96cursor:grabbing; 97} 98 99/*filter buttons styling for changing colour on discover section*/ 100.side-nav-button.active { 101 background-color: var(--base-color-brand--black); 102 color: var(--base-color-brand--white); 103 border-color:var(--base-color-brand--white); 104} 105 106.side-nav-button.active:hover { 107 background-color: var(--base-color-brand--red); 108 color: var(--base-color-brand--white); 109 border-color: var(--base-color-brand--red); 110} 111 112.menu-button.w-nav-button.scroll-color 113{ 114 color: var(--base-color-brand--white); 115 border-color: var(--base-color-brand--white); 116} 117 118.menu-button.w-nav-button.scroll-color:hover 119{ 120 color: var(--base-color-brand--black); 121 border-color: var(--base-color-brand--white); 122 background-color: var(--base-color-brand--white); 123} 124 125.js-accordion-icon 126{ 127transition-duration: 250ms; 128} 129 130</style></head><body class="body"><section data-w-id="14c3a49b-6352-dbb3-5c56-77497a28ff92" class="banner5_component"><div class="banner5_wrapper"><div class="banner5_content"><div class="text-block-5">
130Congratulations to our 2025 Love the Centre award winners! <a href="/award-winners" class="text-color-white">View our winners.</a></div></div><a data-w-id="14c3a49b-6352-dbb3-5c56-77497a28ff99" href="#" class="banner5_close-button w-inline-block"><div class="icon-embed-small w-embed"><svg width="100%" height="100%" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> 131<path d="M22.8354 22.864L22.3639 23.3354C22.1036 23.5957 21.6815 23.5957 21.4211 23.3354L16 17.9142L10.5788 23.3353C10.3185 23.5957 9.89638 23.5957 9.63603 23.3353L9.16462 22.8639C8.90427 22.6036 8.90427 22.1815 9.16462 21.9211L14.5858 16.5L9.16462 11.0788C8.90427 10.8185 8.90427 10.3964 9.16462 10.136L9.63602 9.66463C9.89637 9.40428 10.3185 9.40428 10.5788 9.66463L16 15.0858L21.4211 9.66462C21.6815 9.40427 22.1036 9.40427 22.3639 9.66462L22.8354 10.136C23.0957 10.3964 23.0957 10.8185 22.8354 11.0788L17.4142 16.5L22.8354 21.9211C23.0957 22.1815 23.0957 22.6036 22.8354 22.864Z" fill="currentColor"/> 132</svg></div></a></div></section><div data-animation="over-right" data-collapse="all" data-duration="400" data-easing="ease" data-easing2="ease" data-doc-height="1" role="banner" class="navbar w-nav"><div class="nav-container w-container"><a href="/" class="brand w-nav-brand"><div class="navigation align-left"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f0c58231c36e4fa1cc053f_LTC_Icon_RGB.svg" loading="lazy" data-w-id="8267a3b9-6e76-da45-23c7-163232edd2cf" alt="" class="navigation-icon"/><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f0c48ee25a73fe3d55c257_LTC_Wordmark_RGB.svg" loading="lazy" alt="" class="navigation-wordmark hide-tablet"/></div></a><nav role="navigation" class="nav-menu padding-xxhuge w-nav-menu"><div class="nav-content-wrapper"><div class="nav-content"><a href="#" class="button is-tertiary menu-close w-inline-block"><div class="menu-close-text">Close</div></a><div class="menu-wrapper"><div class="menu-heading-wrapper hide-tablet"><h3 class="menu-h3">Need a little more?</h3><div class="menu-divider"></div></div><div class="menu-tablet-down"><h3 class="menu-h3">Discover</h3><div class="menu-tablet-links-wrapper"><a href="/explore" class="menu-tablet-link w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cab5d9872619946a2e5_explore_icon_white.svg" loading="lazy" alt="" class="nav-tablet-icons"/><div>Explore</div></a><a href="/activities" class="menu-tablet-link w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cab5d9872619946a2b6_cultural_icon_white.svg" loading="lazy" alt="" class="nav-tablet-icons"/><div>Activities</div></a><a href="/events" class="menu-tablet-link w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47caadb6ca44288aed4f8_events_icon_white.svg" loading="lazy" alt="" class="nav-tablet-icons"/><div>Events</div></a><a href="/stories" class="menu-tablet-link w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cabdf9abbb6e2608701_stories_icon_white.svg" loading="lazy" alt="" class="nav-tablet-icons"/><div>Stories</div></a><a href="/retail" class="menu-tablet-link w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cab9fca3fffc88ecfda_retail_icon_white.svg" loading="lazy" alt="" class="nav-tablet-icons"/><div>Retail</div></a><a href="/health-and-beauty" class="menu-tablet-link w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cabfcfda1f5a8a1b51c_beauty_icon_white.svg" loading="lazy" alt="" class="nav-tablet-icons"/><div>Health & Beauty</div></a><a href="/dine" class="menu-tablet-link w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cab504031869440eb2e_dine_icon_white.svg" loading="lazy" alt="" class="nav-tablet-icons"/><div>Dine</div></a><a href="/promotions" class="menu-tablet-link w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cabdcbd3758e5f7648d_promotions_icon_white.svg" loading="lazy" alt="" class="nav-tablet-icons"/><div>Promotions</div></a></div></div><div class="menu-links-wrapper"><div class="menu-heading-wrapper tablet-only"><h3 class="menu-h3">Need a little more?</h3><div class="menu-divider"></div></div><div class="tablet-links-left"><a href="/about" class="menu-link">About</a><a href="/business" class="menu-link">Business</a><a href="/awards" class="menu-link">Awards</a><a href="/matariki" class="menu-link">Matariki</a><a href="/contact" aria-current="page" class="menu-link w--current">Contact</a></div></div><div class="socials-copyright-wrapper"><p class="nav-copyright">©HamiltonCentralBusinessAssociation</p><div class="menu-social-links"><a href="https://www.instagram.com/lovethecentre/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c38b17b8108426f4f9e9d_instagram-white.svg" loading="lazy" alt="" class="footer-social-icon"/></a><a href="https://www.linkedin.com/company/hamilton-central-business-association/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c38b1c75b9c415e9184c8_linkedin-white.svg" loading="lazy" alt="" class="footer-social-icon"/></a><a href="https://www.tiktok.com/@lovethecentre" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c381cc9db159de3ba0e13_tiktok-white.svg" loading="lazy" alt="" class="footer-social-icon"/></a><a href="https://www.facebook.com/HamiltonCentral/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c38b17374160efd19a64b_Facebook-white.svg" loading="lazy" alt="" class="footer-social-icon"/></a></div></div></div><div class="w-embed"><style> 133.nav-content::-webkit-scrollbar {
134 display: none; 135} 136.nav-content 137{ 138 -ms-overflow-style: none; /* IE and Edge */ 139 scrollbar-width: none; /* Firefox */ 140} 141 142.menu-link:hover 143{ 144text-decoration-thickness: 2px; 145 text-underline-offset: 0.15em; 146 147} 148 149</style></div></div></div></nav><div class="nav-button-wrapper"><form action="/search" data-w-id="bcb6adf5-0f0d-6f63-598a-c6d156d81d06" class="search-wrapper w-form"><input class="search-input w-input" maxlength="256" name="query" placeholder="Searchâ¦" type="search" id="search" required=""/><div class="search-button-wrapper"><input type="submit" id="w-node-bcb6adf5-0f0d-6f63-598a-c6d156d81d0a-32edd2cb" class="search-button w-button" value=""/><div id="w-node-_978a2bd0-6836-299d-75ef-eb0dd1950da8-32edd2cb" class="search-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="auto" viewBox="0 0 23 23" fill="none"> 150 <path d="M15.0983 13.661H14.3412L14.0729 13.4023C15.0121 12.3098 15.5775 10.8915 15.5775 9.34854C15.5775 5.90812 12.7887 3.11937 9.34831 3.11937C5.90789 3.11937 3.11914 5.90812 3.11914 9.34854C3.11914 12.789 5.90789 15.5777 9.34831 15.5777C10.8912 15.5777 12.3096 15.0123 13.4021 14.0731L13.6608 14.3415V15.0985L18.4525 19.8806L19.8804 18.4527L15.0983 13.661ZM9.34831 13.661C6.96206 13.661 5.03581 11.7348 5.03581 9.34854C5.03581 6.96229 6.96206 5.03604 9.34831 5.03604C11.7346 5.03604 13.6608 6.96229 13.6608 9.34854C13.6608 11.7348 11.7346 13.661 9.34831 13.661Z" fill="currentColor"/> 151</svg></div></div></form><div data-w-id="8267a3b9-6e76-da45-23c7-163232edd315" class="menu-button w-nav-button"><div class="menu-text">Menu</div></div></div></div></div><div id="page-wrapper" class="page-wrapper"><div class="global-styles w-embed"><style> 152 153/* Make text look crisper and more legible in all browsers */ 154body { 155 -webkit-font-smoothing: antialiased; 156 -moz-osx-font-smoothing: grayscale; 157 font-smoothing: antialiased; 158 text-rendering: optimizeLegibility; 159} 160 161/* Focus state style for keyboard navigation for the focusable elements */ 162*[tabindex]:focus-visible, 163 input[type="file"]:focus-visible { 164 outline: 0.125rem solid #4d65ff; 165 outline-offset: 0.125rem; 166} 167 168/* Set color style to inherit */ 169.inherit-color * { 170 color: inherit; 171} 172
173/* Get rid of top margin on first element in any rich text element */ 174.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { 175 margin-top: 0 !important; 176} 177 178/* Get rid of bottom margin on last element in any rich text element */ 179.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 180 margin-bottom: 0 !important; 181} 182 183 184/* Make sure containers never lose their center alignment */ 185.container-medium,.container-small, .container-large { 186 margin-right: auto !important; 187 margin-left: auto !important; 188} 189 190/* 191Make the following elements inherit typography styles from the parent and not have hardcoded values. 192Important: You will not be able to style for example "All Links" in Designer with this CSS applied. 193Uncomment this CSS to use it in the project. Leave this message for future hand-off. 194*/ 195/* 196a, 197.w-input, 198.w-select, 199.w-tab-link, 200.w-nav-link, 201.w-dropdown-btn, 202.w-dropdown-toggle, 203.w-dropdown-link { 204 color: inherit; 205 text-decoration: inherit; 206 font-size: inherit; 207} 208*/ 209 210/* Apply "..." after 3 lines of text */ 211.text-style-3lines { 212 display: -webkit-box; 213 overflow: hidden; 214 -webkit-line-clamp: 3; 215 -webkit-box-orient: vertical; 216} 217 218/* Apply "..." after 2 lines of text */ 219.text-style-2lines { 220 display: -webkit-box; 221 overflow: hidden; 222 -webkit-line-clamp: 2; 223 -webkit-box-orient: vertical; 224} 225 226/* These classes are never overwritten */ 227.hide { 228 display: none !important; 229} 230 231@media screen and (max-width: 991px) { 232 .hide, .hide-tablet { 233 display: none !important; 234 } 235} 236 @media screen and (max-width: 767px) { 237 .hide-mobile-landscape{ 238 display: none !important; 239 } 240} 241 @media screen and (max-width: 479px) { 242 .hide-mobile{ 243 display: none !important; 244 } 245} 246 247.margin-0 { 248 margin: 0rem !important; 249} 250 251.padding-0 { 252 padding: 0rem !important; 253} 254 255.spacing-clean { 256padding: 0rem !important; 257margin: 0rem !important; 258} 259 260.margin-top { 261 margin-right: 0rem !important; 262 margin-bottom: 0rem !important; 263 margin-left: 0rem !important; 264} 265 266.padding-top { 267 padding-right: 0rem !important; 268 padding-bottom: 0rem !important; 269 padding-left: 0rem !important; 270} 271 272.margin-right { 273 margin-top: 0rem !important; 274 margin-bottom: 0rem !important; 275 margin-left: 0rem !important; 276} 277 278.padding-right { 279 padding-top: 0rem !important; 280 padding-bottom: 0rem !important; 281 padding-left: 0rem !important; 282} 283 284.margin-bottom { 285 margin-top: 0rem !important; 286 margin-right: 0rem !important; 287 margin-left: 0rem !important; 288} 289 290.padding-bottom { 291 padding-top: 0rem !important; 292 padding-right: 0rem !important; 293 padding-left: 0rem !important; 294} 295 296.margin-left { 297 margin-top: 0rem !important; 298 margin-right: 0rem !important; 299 margin-bottom: 0rem !important; 300} 301 302.padding-left { 303 padding-top: 0rem !important; 304 padding-right: 0rem !important; 305 padding-bottom: 0rem !important; 306} 307 308.margin-horizontal { 309 margin-top: 0rem !important; 310 margin-bottom: 0rem !important; 311} 312 313.padding-horizontal { 314 padding-top: 0rem !important; 315 padding-bottom: 0rem !important; 316} 317 318.margin-vertical { 319 margin-right: 0rem !important; 320 margin-left: 0rem !important; 321} 322 323.padding-vertical { 324 padding-right: 0rem !important; 325 padding-left: 0rem !important; 326} 327 328/* Font size clamp for heading styles */ 329 h1 330 { 331 /*font-size:clamp(3rem, 1.338rem + 5.552vw, 8rem)!important;*/ 332 font-size: clamp(3rem, 2.3363rem + 3.5398vw, 8rem)!important; 333 } 334 335h2 336{ 337font-size:clamp(2rem, 0.67rem + 4.441vw, 6rem); 338} 339 340.heading-style-h2.text-color-secondary.font-new-spirit.h2-font-clamp 341{ 342font-size: clamp(2rem, 1.7345rem + 1.4159vw, 4rem)!important; 343} 344 345h3 346{ 347} 348 349h4 350{ 351} 352 353/* Article headings to two lines only */ 354.line-clamp 355{ 356 overflow: hidden; 357 text-overflow: ellipsis; 358 display: -webkit-box; 359 -webkit-line-clamp: 2; /* number of lines to show */ 360 line-clamp: 2; 361 -webkit-box-orient: vertical; 362} 363 364 365 366/* Page hero responsive */ 367/*Change flex children order of hero elements*/ 368@media only screen and (max-width: 1150px) 369 { 370 .hero-heading-wrapper 371 { 372 width:100%; 373 max-width:100%; 374 } 375 376 .hero-img-badge-wrapper 377 { 378 width:100%; 379 max-width:100%; 380 } 381 382 .hero-wrapper 383 { 384 flex-direction: column-reverse!important; 385 gap:2rem!important; 386 } 387 } 388 389 390 /*NEW badge for CMS articles*/ 391 /* Hide the badge for all news articles initially */ 392 .news-article-badge-wrapper { 393 display: none; 394 } 395 396 /* Show the badge only on the fourth collection item */ 397 .article-collection-item:nth-child(4) .news-article-badge-wrapper { 398 display: block; 399 } 400 401 /*city guide badge*/ 402 .featured-article-badge-wrapper, .featured-article-badge { 403 display: none; 404 } 405 406 /*Show city guide on badge only on the first collection item*/ 407 .article-collection-item:nth-child(1) .featured-article-badge-wrapper{ 408 display: block; 409 } 410 411 .article-collection-item:nth-child(1) .featured-article-badge{ 412 display: block; 413 } 414 415 /* Widths for first article children only*/ 416 .article-collection-item:nth-child(1) > .heading-style-h3{ 417 width:50%; 418 } 419 420 .article-collection-item:nth-child(1) > .paragraph{ 421 width:50%; 422 } 423 424
425/* Article two column layout */ 426/* Make the first collection item span two columns */ 427.article-collection-item:first-child 428{ 429 grid-column: span 2; 430 grid-row: span 2; 431 height:100vh; 432 align-self: flex-start!important; 433} 434 435/* Align second and third thumbnail to the top */ 436.article-collection-item:nth-child(2), 437.article-collection-item:nth-child(3) 438{ 439align-self: flex-start!important; 440} 441 442/* Adjust layout for smaller screens */ 443@media (max-width: 1280px) { 444 .article-collection-item:first-child 445 { 446 grid-column: span 2; 447 height:auto; 448 align-self: flex-start!important; 449 } 450 451 .article-collection-list/*.category-page*/ 452 { 453 grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); 454 } 455 .featured-article-badge 456 { 457 max-width:8rem; 458 } 459 .new-article-badge 460 { 461 max-width:4rem; 462 } 463} 464 465 466/* smaller screens & large tablets */ 467 @media only screen and (max-width: 991px) 468 { 469 470 .hero-wrapper 471 { 472 flex-direction: column!important; 473 gap:2rem!important; 474 } 475 476 .article-collection-list 477 { 478 grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); 479 } 480 481 .article-collection-item:first-child 482 { 483 grid-column: span 2; 484 height:auto; 485 } 486 487 .article-collection-item:nth-child(1) > .paragraph 488 { 489 width:80%; 490 } 491 492 .article-collection-item:nth-child(1) > .heading-style-h3 493 { 494 width:50%; 495 } 496 497 } 498 499/* tablets */ 500@media (max-width: 800px) { 501 .container-full.padding-xxlarge.margin-left-large 502 { 503 padding-left:2rem; 504 padding-right:2rem; 505 } 506 .article-collection-item:first-child 507 { 508 grid-column: span 2; 509 height:auto; 510 } 511 512 .article-collection-list 513 { 514 grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); 515 } 516} 517 518/* mobile landscape */ 519@media (max-width: 767px) { 520 .article-collection-item:first-child 521 { 522 grid-column: span 2; 523 height:auto; 524 } 525 .article-collection-list 526 { 527 grid-template-columns: minmax(0,1fr) minmax(0,1fr); 528 } 529} 530 531 532/* mobile portrait */ 533@media (max-width: 479px) { 534 535 .article-collection-list 536 { 537 grid-template-columns: minmax(0,1fr) minmax(0,1fr); 538 } 539 540 541 .article-collection-item:first-child 542 { 543 grid-column: span 2!important; 544 height:auto; 545 } 546 547 548 549} 550 551</style></div><section class="section contact-hero"><div class="w-layout-blockcontainer container-full home-hero padding-small w-container"><div class="side-navigation-wrapper"><a id="explore-nav" data-w-id="0cd43fae-1593-a135-c53b-eb60c9931744" href="/explore" class="side-nav-button w-inline-block"><img id="explore-icon" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cab5d9872619946a2e5_explore_icon_white.svg" class="side-nav-button-icon"/><div class="side-nav-button-label">Explore</div></a><a id="cultural-nav" data-w-id="0cd43fae-1593-a135-c53b-eb60c9931748" href="/activities" class="side-nav-button w-inline-block"><img id="culture-icon" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cab5d9872619946a2b6_cultural_icon_white.svg" class="side-nav-button-icon"/><div class="side-nav-button-label">Activities</div></a><a id="events-nav" data-w-id="0cd43fae-1593-a135-c53b-eb60c993174c" href="/events" class="side-nav-button w-inline-block"><img id="event-icon" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47caadb6ca44288aed4f8_events_icon_white.svg" class="side-nav-button-icon"/><div class="side-nav-button-label">Events</div></a><a id="stories-nav" data-w-id="0cd43fae-1593-a135-c53b-eb60c9931750" href="/stories" class="side-nav-button w-inline-block"><img id="stories-icon" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cabdf9abbb6e2608701_stories_icon_white.svg" class="side-nav-button-icon"/><div class="side-nav-button-label">Stories</div></a><a id="retail-nav" data-w-id="0cd43fae-1593-a135-c53b-eb60c9931754" href="/retail" class="side-nav-button w-inline-block"><img id="retail-icon" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cab9fca3fffc88ecfda_retail_icon_white.svg" class="side-nav-button-icon"/><div class="side-nav-button-label">Retail</div></a><a id="health-beauty-nav" data-w-id="0cd43fae-1593-a135-c53b-eb60c9931758" href="/health-and-beauty" class="side-nav-button w-inline-block"><img id="beauty-icon" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cabfcfda1f5a8a1b51c_beauty_icon_white.svg" class="side-nav-button-icon"/><div class="side-nav-button-label">Health & Beauty</div></a><a id="dine-nav" data-w-id="0cd43fae-1593-a135-c53b-eb60c993175c" href="/dine" class="side-nav-button w-inline-block"><img id="dine-icon" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cab504031869440eb2e_dine_icon_white.svg" class="side-nav-button-icon"/><div class="side-nav-button-label">Dine</div></a><a id="promo-nav" data-w-id="0cd43fae-1593-a135-c53b-eb60c9931760" href="/promotions" class="side-nav-button is-promotions w-inline-block"><img id="promo-icon" loading="lazy" alt="" src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f47cabdcbd3758e5f7648d_promotions_icon_white.svg" class="side-nav-button-icon"/><div class="side-nav-button-label">Promotions</div></a></div><div class="contact padding-xxlarge margin-left-large"><div class="heading-wrapper">
551<h1 id="w-node-b932ab9f-6bd2-f3b3-fd9f-14bacaa06cc7-0ca8013e" class="home-hero-heading text-color-secondary">Connect <br/>with Love the Centre</h1><div class="hero-paragraph-wrapper"><p class="heading-style-h3 text-color-primary font-new-spirit">Tuuwhitia te hopo, mairangatia te angituu!<br/></p><p class="hero-paragraph text-color-primary">We're here to help you rediscover Hamilton Central. Whether you have questions about local businesses, upcoming events, or just want to share your city centre experience, we'd love to hear from you. Get in touch and let's celebrate our vibrant city together.<br/></p></div><div class="contact-details-wrapper desktop text-color-primary"><div class="address-wrapper"><p>Visit</p><a href="#" class="contact-link">10 Garden Place,<br/>Hamilton Central</a></div><div class="email-wrapper"><p>Email</p><a href="mailto:[email protected]?subject=Website%20enquiry" class="contact-link">[email protected]</a></div><div class="phone-wrapper"><p>Phone</p><a href="tel:078383905" class="contact-link">07 838 3905</a></div></div></div><div class="contact-form-wrapper"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/6708988caac08b21cb929d63_Badge05.svg" loading="lazy" alt="" class="contact-badge"/><div class="div-block-21"><h3 class="text-color-secondary">Send us a message</h3><div class="form-block w-form"><form id="wf-form-contact-form" name="wf-form-contact-form" data-name="contact form" method="get" class="contact-form" data-wf-page-id="670893ed4c2b9f5d0ca8013e" data-wf-element-id="e89c66a8-a5ba-1bbb-cb4a-1e6e90d203a5"><input class="form-text-field w-input" maxlength="256" name="name" data-name="Name" placeholder="Your name" type="text" id="contact-form-name" required=""/><input class="form-text-field w-input" maxlength="256" name="Email" data-name="Email" placeholder="Your email" type="email" id="contact-form-email" required=""/><textarea id="contact-form-message" name="Message" maxlength="5000" data-name="Message" placeholder="Your message" required="" class="form-text-area w-input"></textarea><input type="submit" data-wait="Please wait..." class="button is-secondary w-button" value="Submit"/></form><div class="contact-success-message w-form-done"><div class="text-block-3">Thank for your message! We'll be in touch.</div></div><div class="contact-error-message w-form-fail"><div class="text-color-alternate">Oops! Something went wrong while submitting the form.</div></div></div></div><div class="contact-details-wrapper tablet"><div class="address-wrapper"><p>Visit</p><a href="#" class="contact-link">10 Garden Place,<br/>Hamilton Central</a></div><div class="email-wrapper"><p>Email</p><a href="mailto:[email protected]?subject=Website%20enquiry" class="contact-link">[email protected]</a></div><div class="phone-wrapper"><p>Phone</p><a href="tel:078383905" class="contact-link">07 838 3905</a></div></div></div></div></div></section><section class="section contact-faq"><div class="w-layout-blockcontainer container-full padding-xxlarge margin-left-large contact-faq w-container"><div class="img-wrapper aspect-ratio-square margin-right margin-xxlarge hide-tablet"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/671573a588594e57986f831b_Man_looks_around_gallery_shop.avif" loading="lazy" alt="" class="image-6"/><div class="img-credit">ArtsPost <br/>Credit: Neat Places</div></div><div class="faq-wrapper"><h2 class="heading-style-h2 text-color-secondary">Frequently asked questions</h2><div class="accordion js-accordion text-color-primary"><div class="accordion-item js-accordion-item active"><div class="accordion-header js-accordion-header"><div class="faq-question text-color-secondary">What area does Hamilton Central cover?</div><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c992787cc90ef9b970c51_accord-icon-arrow.svg" loading="lazy" alt="" class="js-accordion-icon"/></div><div class="accodrion-body js-accordion-body"><p>The defined BID (Business Improvement District) area includes all businesses located from Mill Street through to Hillsborough Terrace and Tristram Street across to the Waikato River in Hamilton.</p></div></div><div class="accordion-item js-accordion-item"><div class="accordion-header js-accordion-header"><div class="faq-question text-color-secondary">How can I stay updated on events in the city centre?</div><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c992787cc90ef9b970c51_accord-icon-arrow.svg" loading="lazy" alt="" class="js-accordion-icon"/></div><div class="accodrion-body js-accordion-body"><p>Follow us on social media <a href="https://www.instagram.com/hamiltoncentral/" target="_blank">@lovethecentre</a> or sign up for our newsletter.</p></div></div><div class="accordion-item js-accordion-item"><div class="accordion-header js-accordion-header"><div class="faq-question text-color-secondary">I'm a business owner, how can I get involved with Love the Centre?</div><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c992787cc90ef9b970c51_accord-icon-arrow.svg" loading="lazy" alt="" class="js-accordion-icon"/></div><div class="accodrion-body js-accordion-body"><p>We'd love to have you! Contact us to learn about membership benefits and opportunities.</p></div></div><div class="accordion-item js-accordion-item"><div class="accordion-header js-accordion-header"><div class="faq-question text-color-secondary">Are there parking options in Hamilton Central?</div><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c992787cc90ef9b970c51_accord-icon-arrow.svg" loading="lazy" alt="" class="js-accordion-icon"/></div><div class="accodrion-body js-accordion-body"><p>Yes, there are various parking options including 1 hour free at selected meter areas, plus various above and below ground parking options through the likes of Centreplace and the Knox Street Carpark.</p></div></div><div class="accordion-item js-accordion-item"><div class="accordion-header js-accordion-header"><div class="faq-question text-color-secondary">How can I suggest an event or promotion for the city centre?</div><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c992787cc90ef9b970c51_accord-icon-arrow.svg" loading="lazy" alt="" class="js-accordion-icon"/></div><div class="accodrion-body js-accordion-body"><p>We welcome your ideas! Please use our contact form to submit suggestions.</p></div></div></div></div></div></section><section class="section footer"><div class="w-layout-blockcontainer container-full padding-xxlarge margin-left-large footer w-container"><div class="footer-row-top"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f0e083b893049b750bff26_LTC_
551Stacked_RGB.svg" loading="lazy" alt="" class="footer-logo"/><div class="w-embed"><style> 552 553 554.footer-form-block input[type="checkbox"] { 555 -webkit-appearance: none; 556 -moz-appearance: none; 557 appearance: none; 558 width: 20px; 559 height: 20px; 560 border-radius: 1rem; 561 border: 1px solid var(--base-color-brand--red); 562 background: rgba(0, 0, 0, 0.2); 563 position: relative; 564} 565 566.footer-form-block input[type="checkbox"]:checked { 567 background: rgba(0, 0, 0, 0.2); 568} 569 570.footer-form-block input[type="checkbox"]:checked::before { 571 content: 'â'; /* Unicode for check mark */ 572 color: var(--base-color-brand--white); 573 position: absolute; 574 top: 50%; 575 left: 50%; 576 transform: translate(-50%, -50%); 577 font-size: 14px; /* Adjust the size of the checkmark */ 578} 579 580 581</style></div><p class="paragraph text-color-primary footer-paragraph text-size-medium">Sign up to our newsletter for regular updates on all that is happening in the city centre.</p></div><div class="footer-email-signup-wrapper background-color-secondary"><p class="footer-email-signup-label text-color-white text-color-alternate footer-email-signup">Never miss a beat in Hamilton Central</p><section class="section_contact-modal1"><a data-w-id="731cc89e-76db-662f-0ecb-b84f63dd5f41" href="#" class="button footer-email-signup w-button">Sign up</a><div class="contact-modal1_component footer-newsletter"><div class="contact-modal1_content-wrapper footer-newsletter"><a data-w-id="731cc89e-76db-662f-0ecb-b84f63dd5f45" href="#" class="contact-modal1_close-button footer-newsletter w-inline-block"><div class="icon-embed-small-2 w-embed"><svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 582<path d="M24.056 23.5004L23.5004 24.056C23.1935 24.3628 22.696 24.3628 22.3892 24.056L16 17.6668L9.61078 24.056C9.30394 24.3628 8.80645 24.3628 8.49961 24.056L7.94403 23.5004C7.63719 23.1936 7.63719 22.6961 7.94403 22.3892L14.3332 16L7.94403 9.61081C7.63719 9.30397 7.63719 8.80648 7.94403 8.49964L8.49961 7.94406C8.80645 7.63721 9.30394 7.63721 9.61078 7.94406L16 14.3333L22.3892 7.94404C22.6961 7.6372 23.1935 7.6372 23.5004 7.94404L24.056 8.49963C24.3628 8.80647 24.3628 9.30395 24.056 9.61079L17.6667 16L24.056 22.3892C24.3628 22.6961 24.3628 23.1936 24.056 23.5004Z" fill="currentColor"/> 583</svg></div></a><div class="w-embed w-iframe"><iframe aria-label='Advantage Club - Sign Up' frameborder="0" style="height:500px;width:99%;border:none;" src='https://forms.zohopublic.com.au/lovethecentre/form/AdvantageClubSignUp/formperma/3b8oVRVLJT57kuZ8c4K-O9zVBnUnXzaXmFEstLDRsf0'></iframe></div></div><div data-w-id="731cc89e-76db-662f-0ecb-b84f63dd5f48" class="contact-modal1_background-overlay footer-newsletter"></div></div></section></div><div class="footer-links-wrapper"><div class="footer-socials-wrapper"><div class="footer-socials"><a href="https://www.instagram.com/lovethecentre/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f0e4da8d353bf0f72b2bb3_InstagramIcon.svg" loading="lazy" alt="" class="footer-social-icon"/></a><a href="https://www.linkedin.com/company/hamilton-central-business-association/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f0e4ea1fe1651eb4be2448_LinkedInIcon.svg" loading="lazy" alt="" class="footer-social-icon"/></a><a href="https://www.tiktok.com/@lovethecentre" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/670c381c8a18a87894a9bbf9_tiktok-red.svg" loading="lazy" alt="" class="footer-social-icon"/></a><a href="https://www.facebook.com/HamiltonCentral/" target="_blank" class="w-inline-block"><img src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/66f0e4dae25dd5ba1258dd5a_FacebookIcon.svg" loading="lazy" alt="" class="footer-social-icon"/></a></div><p class="text-size-small text-color-secondary">©HamiltonCentralBusinessAssociation<br/></p></div><div class="footer-category-wrapper"><h4 class="heading-style-h4 text-color-primary footer">Contact</h4><div class="contact-links"><p class="paragraph text-color-secondary">10 Garden Place, <br/>Hamilton Central</p><p class="paragraph text-color-secondary"><a href="tel:078383905">07 838 3905</a><br/>
583<a href="mailto:[email protected]?subject=Website%20enquiry">[email protected]</a><br/></p></div></div><div class="footer-category-wrapper"><h4 class="heading-style-h4 text-color-primary footer">Contents</h4><div class="contents-links"><a href="/about" class="footer-link">About</a><a href="/contact" aria-current="page" class="footer-link w--current">Contact</a><a href="/terms-of-use" class="footer-link">T&C's</a><a href="/privacy-policy" class="footer-link">Privacy policy</a></div></div><div id="w-node-_8fff6da8-9325-9c52-02a1-b67329d16447-29d16412" class="footer-category-wrapper"><h4 class="heading-style-h4 text-color-primary footer">Discover</h4><div class="div-block"><div class="contents-links"><a href="/explore" class="footer-link">Explore</a><a href="/activities" class="footer-link">Activities</a><a href="/events" class="footer-link">Events</a><a href="/stories" class="footer-link">Stories</a></div><div class="contents-links"><a href="/retail" class="footer-link">Retail</a><a href="/health-and-beauty" class="footer-link">Health &Â Beauty</a><a href="/dine" class="footer-link">Dine</a><a href="/promotions" class="footer-link">Promotions</a></div></div></div></div></div></section></div>
583<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66f0afd6a11a1dc145d41858" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
583<script src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
583<script src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/js/webflow.schunk.246f05957325c69f.js" type="text/javascript" integrity="sha384-PV5R3VOUomx1OYsCf/wPbXusPThs1ELSaoqxt/370pGoTAeRzGXVe55mKeMnL0uS" crossorigin="anonymous"></script>
583<script src="https://cdn.prod.website-files.com/66f0afd6a11a1dc145d41858/js/webflow.8b47cb59.9b1b40598366384e.js" type="text/javascript" integrity="sha384-lo2PwcLOKex2EarosE9yatWeAXSPr1op+J4GKF0m2w+mS1H69GWWgfZe7mYuGVdC" crossorigin="anonymous"></script>
583<script> 584 //Body scroll stops when navigation is opened 585// when DOM is ready 586document.addEventListener('DOMContentLoaded', () => { 587 const body = document.querySelector('body'); 588 const menuButton = document.querySelector('.menu-button'); 589 const menuClose = document.querySelector('.menu-close'); 590 591 // On .menu-button click add no-scroll class to the body 592 menuButton.addEventListener('click', () => { 593 body.classList.add('no-scroll'); 594 }); 595 596 // On .menu-close click remove no-scroll class from the body 597 menuClose.addEventListener('click', () => { 598 body.classList.remove('no-scroll'); 599 }); 600}); 601 602 603</script>
603<!-- Reslider Slick JS Body Code -->
604<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"> 605</script>
605 606
607<script> 608$(document).ready( function(){ 609 610$('.slider-list').slick({ 611 612//Slide JS Options 613autoplay: false, //Autoplay (true/false) - default false 614autoplaySpeed: 2000, //Autoplay speed (milliseconds) - default 3000 (autoplay must be true) 615speed: 600, //Slide transition speed (milliseconds) - default 300 616infinite: false, //Infinite loop (true/false) - default true 617slidesToShow:3, //Number of slides to show (number) - default 1 618slidesToScroll: 1, //Number of slides to scroll (number) - default 1 619arrows: false, //Show default arrows (true/false) - default true 620dots: false, //Show navigation dots (true/false) - default false 621touchThreshold: 5, //Touch threshold (number) - default 5 622 623//Slide Responsiveness (Webflow Base Breakpoints) 624responsive: [ 625 { 626 // Tablet 627 breakpoint: 991, 628 settings: { 629 slidesToShow: 3 630 } 631 }, 632 { 633 // Mobile - Landscape 634 breakpoint: 767, 635 settings: { 636 slidesToShow: 1.5 637 } 638 }, 639 { 640 // Mobile - Portrait 641 breakpoint: 478, 642 settings: { 643 slidesToShow: 1.5 644 } 645 } 646 ] 647}); 648 649 650//Slide JS Button Overrides 651$('.slider-prev').click(function(){ 652 $(this).closest('.slider-component').find(".slider-list").slick('slickPrev'); 653}); 654 655$('.slider-next').click(function(){ 656 $(this).closest('.slider-component').find(".slider-list").slick('slickNext'); 657}); 658}); 659 660//filter buttons change colour on discovery section 661window.addEventListener('scroll', function() { 662 const discoverSection = document.querySelector('.discover-hover'); 663 const buttons = document.querySelectorAll('.side-nav-button'); 664 const sectionRect = discoverSection.getBoundingClientRect(); 665 666 buttons.forEach(button => { 667 if (sectionRect.top <= button.getBoundingClientRect().bottom && 668 sectionRect.bottom >= button.getBoundingClientRect().top) { 669 button.classList.add('active'); 670 } else { 671 button.classList.remove('active'); 672 } 673 }); 674}); 675 676 677//Menu button change colour on discovery section 678window.addEventListener('scroll', function() { 679 const discoverSection = document.querySelector('.discover-hover'); 680 const menuButton = document.querySelectorAll('.menu-button.w-nav-button'); 681 const sectionRect = discoverSection.getBoundingClientRect(); 682 683 menuButton.forEach(button => { 684 if (sectionRect.top <= button.getBoundingClientRect().bottom && 685 sectionRect.bottom >= button.getBoundingClientRect().top) { 686 button.classList.add('scroll-color'); 687 } else { 688 button.classList.remove('scroll-color'); 689 } 690 }); 691}); 692 693 694//Discover links appear on scroll 695document.addEventListener('DOMContentLoaded', function() { 696 // Check if the screen size is 991px wide or smaller 697 if (window.innerWidth <= 991) { 698 const imgWrappers = document.querySelectorAll('.discover-img-wrapper'); 699 700 imgWrappers.forEach(wrapper => { 701 // Add an event listener to each discover-img-wrapper 702 wrapper.addEventListener('click', function() { 703 704 // Hide all other discover-img-wrapper elements 705 imgWrappers.forEach(otherWrapper => { 706 if (otherWrapper !== wrapper) { 707 otherWrapper.classList.remove('reveal'); // Hide the other divs 708 } 709 }); 710 711 // Toggle the reveal class on the clicked element 712 wrapper.classList.toggle('reveal'); 713 }); 714 }); 715 } 716}); 717 718// Accordion Settings 719const accSettings = { 720 speed: 300, // Animation speed 721 oneOpen: true, // Close all other accordion items if true 722 //offsetAnchor: true, // Activate scroll to top for active item 723 offsetFromTop: 180, // In pixels â Scroll to top at what distance 724 scrollTopDelay: 400, // In Milliseconds â Delay before scroll to top 725 726 classes: { 727 accordion: 'js-accordion', 728 header: 'js-accordion-header', 729 item: 'js-accordion-item', 730 body: 'js-accordion-body', 731 icon: 'js-accordion-icon', 732 active: 'active', 733 } 734}; 735 736 737const prefix = accSettings.classes 738const accordion = (function(){ 739 const accordionElem = $(`.${prefix.accordion}`); 740 const accordionHeader = accordionElem.find(`.${prefix.header}`); 741 const accordionItem = $(`.${prefix.item}`); 742 const accordionBody = $(`.${prefix.body}`); 743 const accordionIcon = $(`.${prefix.icon}`); 744 const activeClass = prefix.active; 745 746 return { 747 // pass configurable object literal 748 init: function(settings) { 749 $.extend(accSettings, settings); 750 751 // Hide all accordion bodies and remove active class 752 accordionBody.hide(); // Ensure all accordion bodies are hidden by default 753 accordionItem.removeClass(activeClass); // Remove active class from all items 754 755 accordionHeader.on('click', function() { 756 accordion.toggle($(this)); 757 if(accSettings.offsetAnchor) { 758 setTimeout(() => { 759 $('html').animate({scrollTop: $(this).offset().top - accSettings.offsetFromTop}, accSettings.speed); 760 }, accSettings.scrollTopDelay); 761 } 762 }); 763 764 // Ensure only one accordion is active if oneOpen is true 765 if (accSettings.oneOpen && $(`.${prefix.item}.${activeClass}`).length > 1) { 766 $(`.${prefix.item}.${activeClass}:not(:first)`).removeClass(activeClass).find(`.${prefix.header} > .${prefix.icon}`).removeClass(activeClass); 767 } 768 769 // Ensure no accordion items are open by default 770 $(`.${prefix.item}.${activeClass}`).find(`> .${prefix.body}`).hide(); 771 }, 772 773 toggle: function($this) { 774 if (accSettings.oneOpen && $this[0] != $this.closest(accordionElem).find(`> .${prefix.item}.${activeClass} > .${prefix.header}`)[0]) { 775 $this.closest(accordionElem).find(`> .${prefix.item}`).removeClass(activeClass).find(accordionBody).slideUp(accSettings.speed); 776 $this.closest(accordionElem).find(`> .${prefix.item}`).find(`> .${prefix.header} > .${prefix.icon}`).removeClass(activeClass); 777 } 778 779 // Show/hide the clicked accordion item 780 $this.closest(accordionItem).toggleClass(`${activeClass}`).find(`> .${prefix.header} > .${prefix.icon}`).toggleClass(activeClass); 781 $this.next().stop().slideToggle(accSettings.speed); 782 } 783 }; 784})(); 785 786$(document).ready(function(){ 787 accordion.init(accSettings); 788}); 789</script>
789</body></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.