1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <link rel="stylesheet" href="/themes/summit/assets/css/styles.css?6a8cce958ec6d079aaf9c5f6f0739ae2" /> 7 <title>Contact Us - BARBADOS DIVERS ASSOCIATION</title> 8<meta property="og:title" content="Contact Us - BARBADOS DIVERS ASSOCIATION"> 9<meta name="twitter:title" content="Contact Us - BARBADOS DIVERS ASSOCIATION"> 10<meta property="og:site_name" content="BARBADOS DIVERS ASSOCIATION"> 11<link rel="icon" href="/storage/25775/01a05ce4-0a09-724c-b597-9f483c20c8e3/favicon.ico"> 12<link rel="apple-touch-icon" href="https://www.badassn.com/storage/25775/01a05ce4-0a09-724c-b597-9f483c20c8e3/favicon.ico" /> 13<link rel="canonical" href="https://www.badassn.com/contact-us"> 14<meta property="og:url" content="https://www.badassn.com/contact-us"> 15<meta name="description" content="âThe Barbados Divers Association is a social club that welcomes anyone with a love of diving, a respect for the island and its marine life. We promote safe, affordable and fun diving throughout the year with dives planned every week."> 16<meta property="og:description" content="âThe Barbados Divers Association is a social club that welcomes anyone with a love of diving, a respect for the island and its marine life. We promote safe, affordable and fun diving throughout the year with dives planned every week."> 17<meta name="twitter:description" content="âThe Barbados Divers Association is a social club that welcomes anyone with a love of diving, a respect for the island and its marine life. We promote safe, affordable and fun diving throughout the year with dives planned every week."> 18<meta name="twitter:card" content="summary" /> 19<meta name="keywords" content="Diving, scuba, barbados, plongee, buceo, caribbean, reef, marine,"> 20<meta name="generator" content="Articulation - https://www.articulationsites.com"> 21<meta property="og:type" content="website"> 22 23 24 <link rel="preconnect" href="https://assets.articulationsites.com" /> 25
25<script> 26 document.documentElement.classList.remove('dark') 27 </script>
27 28
28<script defer src="https://assets.articulationsites.com/js/published/published.min.js?v=c17059228c8f0fb3962a3f88e7dd27316"></script>
28 29
29<script defer src="https://assets.articulationsites.com/js/vendor/focus.min.js"></script>
29 30
30<script defer src="https://assets.articulationsites.com/js/vendor/intersect.min.js?v=1"></script>
30 31
31<script defer src="https://assets.articulationsites.com/js/vendor/alpine.min.js"></script>
31 32 <link href="/css/published.css?v=1599af1dd31c136b73844d19aef1421e" rel="stylesheet"/> 33 <style> 34 :root { 35 --color-text-dark-bg: #acaeb6; 36--color-text-dark-bg-heading: #ffffff; 37--font-heading: ui-sans-serif, system-ui, sans-serif; 38--font-text: "DM Sans"; 39--font-button: "DM Sans"; 40--font-nav_link: "Oswald"; 41--font-quote: "Playfair Display"; 42--color-primary-main: #e97676; 43--color-primary-light: #f0a2a2; 44--color-primary-dark: #e24a4a; 45--color-primary-contrast: #000000; 46--color-secondary-main: #da4444; 47--color-secondary-light: #e26f6f; 48--color-secondary-dark: #c42727; 49--color-secondary-contrast: #ffffff; 50--color-accent-main: #0ea5e9; 51--color-accent-light: #37b9f3; 52--color-accent-dark: #0b83b9; 53--color-accent-contrast: #ffffff; 54--color-success-main: #26A94C; 55--color-success-light: #31d160; 56--color-success-dark: #1d7f39; 57--color-success-contrast: #ffffff; 58--color-error-main: #ED262D; 59--color-error-light: #f1555b; 60--color-error-dark: #cf1118; 61--color-error-contrast: #ffffff; 62--shape: 6px; 63--site-bg-color: #24678d; 64--heading-1-color: #e05c5c; 65--nav-link-color: #e97676; 66--nav-link-active-color: #e05c5c; 67 } 68 </style> 69 <style id="site-css"> 70 71 </style> 72 73 <link rel="preconnect" href="https://fonts.googleapis.com" /> 74 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=DM+Sans:wght@400;700&family=Oswald:wght@400;700&family=Playfair+Display:wght@400;700"> 75</head> 76<body> 77 <div 78 style="--bg-color-default: var(--site-bg-color, --color-white);" 79 class="bg-(--bg-color-default) dark:bg-gray-900 " 80 > 81 <div id="c6a96c18bbb227" class="component"> <header 82 class="layout-logo-above main-header bg-(--background-color) bg-type-color" 83 style="--text-color: #f60404; --background-color: #222930;" 84 x-data 85 x-init=" 86 $store.nav.breakPoint = 1024; 87 $store.nav.checkIsMobile(); 88 $nextTick(() => { 89 document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px'); 90 }); 91 " 92 @resize.window="document.querySelector(':root').style.setProperty('--nav-height', $refs.nav.offsetHeight + 'px');" 93 x-cloak 94> 95 <nav 96 :class="{ 97 'mobile-nav': $store.nav.mobile, 98 'mobile-nav-open': $store.nav.mobileMenuOpen 99 }" 100 x-ref="nav" 101 > 102 <div class="nav-container"> 103 <div class="logo-above-nav-outer"> 104 <div class="mobile-menu-button-container"> 105 <button 106 aria-label="hamburger" 107 class="mobile-menu-button" 108 @click="$store.nav.mobileMenuOpen = !$store.nav.mobileMenuOpen" 109 x-data x-cloak 110 > 111 <div 112 class="mobile-cart-alert" 113 aria-hidden="true" 114 x-data 115 x-show="$store.commerceCart.totalQuantity > 0 && $store.nav.mobile" 116 > 117 <span x-text="$store.commerceCart.totalQuantity"></span> 118 </div> 119 <div aria-hidden="true" 120 style="--background-color: #e97676;" 121 class="mobile-menu-button-piece mobile-piece-top bg-(--background-color) bg-type-color"></div> 122 <div aria-hidden="true" 123 style="--background-color: #e97676;" 124 class="mobile-menu-button-piece mobile-piece-bottom bg-(--background-color) bg-type-color"></div> 125 </button> 126 </div> 127 <a href="/" aria-label="logo" class="logo"> 128 <div 129 class="text-logo text-logo-auto text-(--text-color) custom-text-color custom-font-family font-(family-name:--font-custom)" 130 style="--text-color: #f60404; --font-custom: Lato;" 131 > 132 BARBADOS DIVERS ASSOCIATION</div> 133 </a> 134 135 <div 136 class="layout-logo-above-desktop-buttons" 137 x-show="!$store.nav.mobile" 138 x-cloak 139 > 140 141 142 </div> 143 </div> 144 <div class="nav-outer"> 145 <div 146 :aria-hidden="!$store.nav.mobile" 147 class="mobile-nav-backdrop" 148 @click="$store.nav.mobileMenuOpen = false" 149 ></div> 150 <div 151 class="nav-list-container" 152 x-show="!$store.nav.mobile" 153 x-cloak 154 > 155 <div class="nav-list-container-inner"> 156 <ul 157 class="main-nav-list" 158 x-data 159 x-navigation="{ allowCollapseToMore: false }" 160> 161 <li 162 class="main-nav-item" 163 id="4yhW8gD3" 164> 165 <a href="/" 166 class="nav-link " 167 >
168 <span>Home</span> 169 </a> 170 </li> 171 172 173 <li 174 class="main-nav-item" 175 id="3J24JheO" 176> 177 <a href="/about-us" 178 class="nav-link " 179 > 180 <span>About Us</span> 181 </a> 182 </li> 183 184 185 <li 186 class="main-nav-item" 187 id="TUbR8Mm3" 188> 189 <a href="/club-structure" 190 class="nav-link " 191 > 192 <span>Club structure</span> 193 </a> 194 </li> 195 196 197 <li 198 class="main-nav-item" 199 id="taflXoey" 200> 201 <a href="/join-us" 202 class="nav-link " 203 > 204 <span>Join us</span> 205 </a> 206 </li> 207 208 209 <li 210 class="main-nav-item" 211 id="nnRgc0pZ" 212> 213 <a href="/links" 214 class="nav-link " 215 > 216 <span>Links</span> 217 </a> 218 </li> 219 220 221 <li 222 class="main-nav-item" 223 id="3EoY6GN3" 224> 225 <a href="/contact-us" 226 class="nav-link active" 227 > 228 <span>Contact Us</span> 229 </a> 230 </li> 231 232 233 <li 234 class="main-nav-item" 235 id="OW1MlmMx" 236> 237 <a href="/members" 238 class="nav-link " 239 > 240 <span>Members</span> 241 </a> 242 </li> 243 244 245 <li 246 class="main-nav-item" 247 id="nav-more-link" 248> 249 <a href="#" 250 class="nav-link " 251 > 252 <span>More...</span> 253 </a> 254 <ul 255 class="subnav subnav-level-1 subnav-parent-nav-more-link" 256> 257 <li id="subnav-4yhW8gD3"> 258 <a 259 href="/" 260 class="nav-link" 261 > 262 <span class="subnav-label"> 263 Home 264 </span> 265 </a> 266 </li> 267 268 269 <li id="subnav-3J24JheO"> 270 <a 271 href="/about-us" 272 class="nav-link" 273 > 274 <span class="subnav-label"> 275 About Us 276 </span> 277 </a> 278 </li> 279 280 281 <li id="subnav-TUbR8Mm3"> 282 <a 283 href="/club-structure" 284 class="nav-link" 285 > 286 <span class="subnav-label"> 287 Club structure 288 </span> 289 </a> 290 </li> 291 292 293 <li id="subnav-taflXoey"> 294 <a 295 href="/join-us" 296 class="nav-link" 297 > 298 <span class="subnav-label"> 299 Join us 300 </span> 301 </a> 302 </li> 303 304 305 <li id="subnav-nnRgc0pZ"> 306 <a 307 href="/links" 308 class="nav-link" 309 > 310 <span class="subnav-label"> 311 Links 312 </span> 313 </a> 314 </li> 315 316 317 <li id="subnav-3EoY6GN3"> 318 <a 319 href="/contact-us" 320 class="nav-link" 321 > 322 <span class="subnav-label"> 323 Contact Us 324 </span> 325 </a> 326 </li> 327 328 329 <li id="subnav-OW1MlmMx"> 330 <a 331 href="/members" 332 class="nav-link" 333 > 334 <span class="subnav-label"> 335 Members 336 </span> 337 </a> 338 </li> 339 340 341 </ul> 342 343 344 </li> 345 346 347 </ul> 348 349 </div> 350 </div> 351 <div 352 class="mobile-nav-overlay" 353 x-show="$store.nav.mobile && $store.nav.mobileMenuOpen" 354 x-transition.opacity.duration.200ms 355 x-cloak 356> 357 <div 358 class="mobile-nav-panels" 359 x-data="mobileNavigation" 360 x-effect="if (!$store.nav.mobileMenuOpen || !$store.nav.mobile) resetSubnav()" 361 x-cloak 362> 363 <div 364 class="mobile-nav-panel mobile-nav-panel--root" 365 :class="{ 'is-shifted': hasSubnavOpen() }" 366 > 367 <ul class="mobile-nav-links"> 368 369 370 <li 371 class="mobile-main-nav-item" 372 id="4yhW8gD3" 373> 374 <a 375 href="/" 376 class="mobile-nav-link " 377 >Home</a> 378 </li> 379 380 <li 381 class="mobile-main-nav-item" 382 id="3J24JheO" 383> 384 <a 385 href="/about-us" 386 class="mobile-nav-link " 387 >About Us</a> 388 </li> 389 390 <li 391 class="mobile-main-nav-item" 392 id="TUbR8Mm3" 393> 394 <a 395 href="/club-structure" 396 class="mobile-nav-link " 397 >Club structure</a> 398 </li> 399 400 <li 401 class="mobile-main-nav-item" 402 id="taflXoey" 403> 404 <a 405 href="/join-us" 406 class="mobile-nav-link " 407 >Join us</a> 408 </li> 409 410 <li 411 class="mobile-main-nav-item" 412 id="nnRgc0pZ" 413> 414 <a 415 href="/links" 416 class="mobile-nav-link " 417 >Links</a> 418 </li> 419 420 <li 421 class="mobile-main-nav-item" 422 id="3EoY6GN3" 423> 424 <a 425 href="/contact-us" 426 class="mobile-nav-link active" 427 >Contact Us</a> 428 </li> 429 430 <li 431 class="mobile-main-nav-item" 432 id="OW1MlmMx" 433> 434 <a 435 href="/members" 436 class="mobile-nav-link " 437 >Members</a> 438 </li> 439 440 </ul> 441 </div> 442 443 444 445 446 447 448 449 450 </div> 451 452 <div class="mobile-nav-overlay-buttons"> 453 </div> 454</div> 455 456 </div> 457 </div> 458 </nav> 459</header> 460 461</div> 462 463 <main class="main-content"> 464 <div class="gradient-container relative"> 465 <div aria-hidden="true" class="gradient-inner"> 466 <div class="main-gradient-1"></div> 467 <div class="main-gradient-2"></div> 468 </div> 469 </div> 470 <div class="page-content"> 471 <div id="c6a96c20a31d03" class="component"><div > 472 <div id="c6a96c20f2dca3" class="component"><section 473 id="page-section" 474 style="--heading-2-font-size: 32px; --heading-2-line-height: 1.3em; --heading-2-font-size-tablet: 22px; --heading-2-line-height-tablet: 1.3em; --heading-2-font-size-mobile: 16px; --heading-2-line-height-mobile: 1.3em; --gradient-from-color: #a9e4f8; --gradient-to-color: #0b86f9; --min-height-desktop: 600px; --min-height-tablet: 600px; --min-height-mobile: 200px;" 475 class="page-section transition-all z-10 relative bg-gradient-to-b from-(--gradient-from-color) to-(--gradient-to-color) bg-type-gradient hover:bg-type-none group-hover:bg-type-none lg:rou
475nded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 476> 477 478 479 <div 480 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 481 style="padding-block: 48px;" 482 483 > 484 <div id="c6a96c20f2dc28" class="component"><div class="column-container md:gap-6 md:flex" > 485 <div 486 class=" column relative md:w-4/12" 487 488 > 489 <div id="c6a96c20f2a651" class="component"><div style="height: 50px"></div> 490</div> 491 </div> 492 <div 493 class=" column relative md:w-4/12" 494 495 > 496 <div id="c6a96c20f2dbc2" class="component"> 497<form 498 method="POST" 499 action="/form/submit" 500 x-data="{}" 501 x-init="$store.formControls.fetchPreparedForm('0bed067fc9a729d4ae6f7b13cdcc92d9679a6d49');" 502 enctype="multipart/form-data" 503 @submit="window.synth.checkRequiredFields($event)" 504> 505 <input type="hidden" name="form_id" value="a2a449dc-69c9-402d-8f8b-b328062b314a" /> 506 <input type="hidden" name="form_name" value="Contact Form" /> 507 <input type="hidden" name="enable_captcha" value="1" /> 508 <input type="hidden" name="0bed067fc9a729d4ae6f7b13cdcc92d9679a6d49" :value="$store.formControls.preparedForm" /> 509 <div aria-hidden="true" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;"> 510 <label>Leave this field empty<input type="text" name="website_url" tabindex="-1" autocomplete="off" /></label> 511 </div> 512 <div class="h-captcha" data-sitekey="f839b005-863e-4c81-b9c8-7bc5d5f9c513" data-size="invisible"></div> 513 <div 514 class="grid lg:gap-1 md:gap-1 gap-1 bg-type-none hover:bg-type-none group-hover:bg-type-none mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 lg:rounded-md md:rounded-md rounded-md" 515 style="" 516 517 > 518 <div id="c6a96c20f2a912" class="component"><div 519 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 520 style="" 521> 522 <div class="text-option"><h2 class="ql-align-center"><span style="font-size:32px;">Contact Us</span></h2></div> 523</div> 524</div><div id="c6a96c20f2afc2" class="component"><input type="hidden" name="labels[name]" value="Name" /> 525<div 526 class="group mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 527> 528 <div class="flex gap-1"> 529 <label 530 for="input-6ac70fbb97df5" 531 style="" 532 class="field-label transition-all block text-sm font-medium leading-6 " 533 >Name</label> 534 <span class="text-sm leading-6 text-(--color-error-main)">*</span> </div> 535 <div class="input-outer relative mt-2 shadow-xs lg:rounded-md md:rounded-md rounded-md"> 536 <input 537 type="text" 538 name="name" 539 id="input-6ac70fbb97df5" 540 class="art-input peer block w-full lg:rounded-md md:rounded-md rounded-md border-0 py-1.5 pr-10 text-(--color-text-light-bg) ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-(--color-primary-main) sm:text-sm sm:leading-6" 541 required 542 > 543 <div class="invisible peer-invalid:peer-focus:visible pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"> 544 <svg class="h-5 w-5 text-red-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 545 <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" /> 546 </svg> 547 </div> 548 </div> 549 <p 550 style="" 551 class="transition-all mt-2 text-sm text-(--color-secondary-main) custom-text-color" 552 ></p> 553 </div> 554</div><div id="c6a96c20f2affb" class="component"><input type="hidden" name="labels[email]" value="Email" /> 555<div 556 class="group mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 557> 558 <div class="flex gap-1"> 559 <label 560 for="input-6ac70fbb97ec9" 561 style="" 562 class="field-label transition-all block text-sm font-medium leading-6 " 563 >Email</label>
564 <span class="text-sm leading-6 text-(--color-error-main)">*</span> </div> 565 <div class="input-outer relative mt-2 shadow-xs lg:rounded-md md:rounded-md rounded-md"> 566 <input 567 type="email" 568 name="email" 569 id="input-6ac70fbb97ec9" 570 class="art-input peer block w-full lg:rounded-md md:rounded-md rounded-md border-0 py-1.5 pr-10 text-(--color-text-light-bg) ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-(--color-primary-main) sm:text-sm sm:leading-6" 571 required 572 > 573 <div class="invisible peer-invalid:peer-focus:visible pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3"> 574 <svg class="h-5 w-5 text-red-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 575 <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" /> 576 </svg> 577 </div> 578 </div> 579 <p 580 style="" 581 class="transition-all mt-2 text-sm text-(--color-secondary-main) custom-text-color" 582 ></p> 583 </div> 584</div><div id="c6a96c20f2b2d5" class="component"><input type="hidden" name="labels[comment]" value="Comment" /> 585<div 586 class="group mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 587> 588 <div class="flex gap-1"> 589 <label 590 for="input6ac70fbb97fd4" 591 style="" 592 class="field-label block text-sm font-medium leading-6 " 593 >Comment</label> 594 <span class="text-sm leading-6 text-(--color-error-main)">*</span> </div> 595 <div class="mt-2"> 596 <textarea 597 rows="4" 598 name="comment" 599 id="input6ac70fbb97fd4" 600 required 601 class="art-input block w-full lg:rounded-md md:rounded-md rounded-md border-0 py-1.5 text-(--color-text-light-bg) shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-(--color-primary-main) sm:text-sm sm:leading-6" 602 ></textarea> 603 </div> 604 <p 605 style="" 606 class="transition-all mt-2 text-sm text-(--color-secondary-main) custom-text-color" 607 ></p> 608 </div> 609</div><div id="c6a96c20f2b855" class="component"><div 610 class="component-form-button " 611 style="--background-color: var(--color-primary-main); --hover-background-color: var(--color-primary-light);" 612> 613 <button 614 x-data="{}" 615 type="form" 616 class="art-button transition-all text-center inline-block font-semibold cursor-pointer button-standard mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5 w-full md:w-auto lg:w-auto lg:button-medium md:button-medium button-small" 617 @click="window.synth.handleFormButtonClick" 618 > 619 Submit 620 </button> 621</div> 622</div> 623 </div> 624 </form> 625</div> 626 </div> 627 <div 628 class=" column relative md:w-4/12" 629 630 > 631 <div id="c6a96c20f2dbf7" class="component"><div style="height: 50px"></div> 632</div> 633 </div> 634 </div> 635</div> 636 637 </div> 638</section> 639</div><div id="c6a96c20f2961f" class="component"><section 640 id="page-section" 641 style="--min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;" 642 class="page-section transition-all z-10 relative bg-type-none hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 643> 644 645 646 <div 647 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 648 style="padding-block: 48px;" 649 650 > 651 652 653 </div> 654</section> 655</div> 656</div> 657</div> 658 </div> 659</main> 660 661 <footer class="main-footer"> 662 <div id="c6a96c18bbd310" class="component"><section 663 id="page-section" 664 style="--text-color: #ffffff; --background-color: #222930; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;" 665 class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rou
665nded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 666> 667 668 669 <div 670 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 671 style="padding-block: 48px;" 672 673 > 674 <div id="c6a96c20fb4ebc" class="component"><div class="column-container md:gap-6 md:flex" > 675 <div 676 class=" column relative md:w-6/12" 677 678 > 679 <div id="c6a96c20fb4e29" class="component"><div style="height: 50px"></div> 680</div> 681 </div> 682 <div 683 class=" column relative md:w-6/12" 684 685 > 686 <div id="c6a96c20fb4e94" class="component"><div style="height: 50px"></div> 687</div> 688 </div> 689 </div> 690</div> 691 692 </div> 693</section> 694</div> 695 </footer> 696 </div> 697 698<div id="dialog-region"></div><div 699 x-transition 700 x-show="$store.commerceCart.totalQuantity > 0 && !$store.nav.mobile" 701 x-data 702 class="z-50 fixed flex p-5 right-0 bottom-0" 703> 704 <a href="/c/cart"> 705 <span title="Cart" class="art-cart-button transition-all flex p-2 rounded-full hover:scale-110 border border-(--color-text-dark-bg-heading) bg-(--color-primary-main) text-(--color-text-dark-bg-heading)"> 706 <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 707 <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/> 708</svg> 709 <p class="pl-1" 710 x-text="$store.commerceCart.totalQuantity"> 711 </p> 712 </span> 713 </a> 714</div> 715</body> 716</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.