1<!DOCTYPE html> 2<html lang="en" dir="ltr" x-data="{ keyboardNavigation: false, isTouchDevice: false }" @keyup.tab.window="keyboardNavigation = true" @mousemove="if (keyboardNavigation) keyboardNavigation = false" class="overflow-x-hidden" prefix="og: https://ogp.me/ns#" x-init="isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0"> 3 <head> 4 <meta charset="utf-8" /> 5<noscript><style>form.antibot > * { display: none !important; } form.antibot noscript { display: block !important; }</style> 6</noscript><meta name="description" content="" /> 7<link rel="canonical" href="https://bac4ca.org/content/7679" /> 8<meta property="og:site_name" content="BAC Local 4 California" /> 9<meta property="og:url" content="https://bac4ca.org/content/7679" /> 10<meta property="og:title" content="About us" /> 11<meta property="og:description" content="" /> 12<meta name="twitter:card" content="summary_large_image" /> 13<meta name="twitter:description" content="" /> 14<meta name="twitter:title" content="About us | BAC Local 4 California" /> 15<meta name="twitter:site" content="@iubac" /> 16<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" /> 17<meta name="MobileOptimized" content="width" /> 18<meta name="HandheldFriendly" content="true" /> 19<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 20<style>:root {--uh-font-size: 14px; --uh-font-body: Montserrat, sans-serif; --uh-font-header: Montserrat, sans-serif; --uh-color-white: 255 255 255; --uh-color-gray: 240 244 247; --uh-color-black: 0 0 0; --uh-color-primary: 224 58 62; --uh-color-primary-dark: 148 33 20; --uh-color-secondary: 0 122 194; --uh-color-secondary-dark: 0 90 140; --uh-color-accent-1: 4 68 106; --uh-color-accent-1-dark: 3 30 46; --uh-color-accent-2: 131 161 226; --uh-color-accent-2-dark: 92 127 194; --uh-color-neutral-1: 240 244 247; --uh-color-neutral-2: 230 230 230; }</style>
21<script type="application/ld+json">{ 22 "@context": "https://schema.org", 23 "@type": "WebSite", 24 "name": "BAC Local 4 California", 25 "url": "https://bac4ca.org" 26}</script>
26 27<link rel="icon" href="/sites/default/files/2026-08/bac-favicon.png" type="image/vnd.microsoft.icon" /> 28<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" /> 29<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" /> 30<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" /> 31 32 <title>About us | BAC Local 4 California</title> 33 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_F0g5Q4u4SygsDJWxHQ8feC4hHfuIwxbRHmLrIVHlbYw.css?delta=0&language=en&theme=uh_tw&include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" /> 34<link rel="stylesheet" media="all" href="/sites/default/files/css/css_bwxFveTZqkayzsoRcz71HMneQD2rW-ss1cxrmQRfRYk.css?delta=1&language=en&theme=uh_tw&include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" /> 35<style>.sr-only { 36 position: absolute; 37 width: 1px; 38 height: 1px; 39 padding: 0; 40 margin: -1px; 41 overflow: hidden; 42 clip: rect(0, 0, 0, 0); 43 white-space: nowrap; 44 border-width: 0; 45} 46.absolute { 47 position: absolute; 48} 49.relative { 50 position: relative; 51} 52.sticky { 53 position: sticky; 54} 55.left-0 { 56 left: 0px; 57} 58.top-0 { 59 top: 0px; 60} 61.top-full { 62 top: 100%; 63} 64.z-0 { 65 z-index: 0; 66} 67.z-10 { 68 z-index: 10; 69} 70.z-100 { 71 z-index: 100; 72} 73.z-50 { 74 z-index: 50; 75} 76.col-span-1 { 77 grid-column: span 1 / span 1; 78} 79.col-span-2 { 80 grid-column: span 2 / span 2; 81} 82.col-start-1 { 83 grid-column-start: 1; 84} 85.col-end-2 { 86 grid-column-end: 2; 87} 88.row-start-1 { 89 grid-row-start: 1; 90} 91.row-end-2 { 92 grid-row-end: 2; 93} 94.mx-1 { 95 margin-left: 0.25rem; 96 margin-right: 0.25rem; 97} 98.mx-auto { 99 margin-left: auto; 100 margin-right: auto; 101} 102.my-2 { 103 margin-top: 0.5rem; 104 margin-bottom: 0.5rem; 105} 106.my-6 { 107 margin-top: 1.5rem; 108 margin-bottom: 1.5rem; 109} 110.-mt-1 { 111 margin-top: -0.25rem; 112} 113.mb-2 { 114 margin-bottom: 0.5rem; 115} 116.mb-6 { 117 margin-bottom: 1.5rem; 118} 119.mb-8 { 120 margin-bottom: 2rem; 121} 122.ml-2 { 123 margin-left: 0.5rem; 124} 125.mr-1 { 126 margin-right: 0.25rem; 127} 128.mt-0 { 129 margin-top: 0px; 130} 131.mt-12 { 132 margin-top: 3rem; 133} 134.mt-2 { 135 margin-top: 0.5rem; 136} 137.mt-4 { 138 margin-top: 1rem; 139} 140.mt-6 { 141 margin-top: 1.5rem; 142} 143.block { 144 display: block; 145} 146.inline-block { 147 display: inline-block; 148} 149.inline { 150 display: inline; 151} 152.flex { 153 display: flex; 154} 155.grid { 156 display: grid; 157} 158.hidden { 159 display: none; 160} 161.h-0 { 162 height: 0px; 163} 164.h-4 { 165 height: 1rem; 166} 167.h-8 { 168 height: 2rem; 169} 170.h-\[13px\] { 171 height: 13px; 172} 173.h-\[2px\] { 174 height: 2px; 175} 176.h-full { 177 height: 100%; 178} 179.w-20 { 180 width: 5rem; 181} 182.w-4 { 183 width: 1rem; 184} 185.w-8 { 186 width: 2rem; 187} 188.w-\[13px\] { 189 width: 13px; 190} 191.w-auto { 192 width: auto; 193} 194.w-full { 195 width: 100%; 196} 197.max-w-7xl { 198 max-width: 80rem; 199} 200.max-w-\[300px\] { 201 max-width: 300px; 202} 203.max-w-md { 204 max-width: 28rem; 205} 206.max-w-none { 207 max-width: none; 208} 209.flex-1 { 210 flex: 1 1 0%; 211} 212.flex-shrink-0 { 213 flex-shrink: 0; 214} 215.flex-grow { 216 flex-grow: 1; 217} 218.-rotate-45 { 219 --tw-rotate: -45deg; 220 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 221} 222.rotate-45 { 223 --tw-rotate: 45deg; 224 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 225} 226.scroll-mt-28 { 227 scroll-margin-top: 7rem; 228} 229.grid-cols-1 { 230 grid-template-columns: repeat(1, minmax(0, 1fr)); 231} 232.grid-cols-2 { 233 grid-template-columns: repeat(2, minmax(0, 1fr)); 234} 235.flex-row { 236 flex-direction: row; 237} 238.flex-col { 239 flex-direction: column; 240} 241.flex-wrap { 242 flex-wrap: wrap; 243} 244.items-center { 245 align-items: center; 246} 247.justify-end { 248 justify-content: flex-end; 249} 250.justify-center { 251 justify-content: center; 252} 253.gap-1 { 254 gap: 0.25rem; 255} 256.gap-2 { 257 gap: 0.5rem; 258} 259.gap-4 {
260 gap: 1rem; 261} 262.space-x-1 > :not([hidden]) ~ :not([hidden]) { 263 --tw-space-x-reverse: 0; 264 margin-right: calc(0.25rem * var(--tw-space-x-reverse)); 265 margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); 266} 267.divide-x > :not([hidden]) ~ :not([hidden]) { 268 --tw-divide-x-reverse: 0; 269 border-right-width: calc(1px * var(--tw-divide-x-reverse)); 270 border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); 271} 272.self-start { 273 align-self: flex-start; 274} 275.overflow-auto { 276 overflow: auto; 277} 278.overflow-hidden { 279 overflow: hidden; 280} 281.overflow-x-hidden { 282 overflow-x: hidden; 283} 284.border { 285 border-width: 1px; 286} 287.border-0 { 288 border-width: 0px; 289} 290.border-t { 291 border-top-width: 1px; 292} 293.border-transparent { 294 border-color: transparent; 295} 296.border-uh-white { 297 --tw-border-opacity: 1; 298 border-color: rgb(var(--uh-color-white) / var(--tw-border-opacity)); 299} 300.border-opacity-20 { 301 --tw-border-opacity: 0.2; 302} 303.bg-uh-gray { 304 --tw-bg-opacity: 1; 305 background-color: rgb(var(--uh-color-gray) / var(--tw-bg-opacity)); 306} 307.bg-uh-primary { 308 --tw-bg-opacity: 1; 309 background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity)); 310} 311.bg-uh-primary-dark { 312 --tw-bg-opacity: 1; 313 background-color: rgb(var(--uh-color-primary-dark) / var(--tw-bg-opacity)); 314} 315.bg-uh-secondary { 316 --tw-bg-opacity: 1; 317 background-color: rgb(var(--uh-color-secondary) / var(--tw-bg-opacity)); 318} 319.bg-uh-secondary-dark { 320 --tw-bg-opacity: 1; 321 background-color: rgb(var(--uh-color-secondary-dark) / var(--tw-bg-opacity)); 322} 323.bg-uh-white { 324 --tw-bg-opacity: 1; 325 background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity)); 326} 327.p-2 { 328 padding: 0.5rem; 329} 330.p-4 { 331 padding: 1rem; 332} 333.p-8 { 334 padding: 2rem; 335} 336.px-4 { 337 padding-left: 1rem; 338 padding-right: 1rem; 339} 340.py-0 { 341 padding-top: 0px; 342 padding-bottom: 0px; 343} 344.py-12 { 345 padding-top: 3rem; 346 padding-bottom: 3rem; 347} 348.py-2 { 349 padding-top: 0.5rem; 350 padding-bottom: 0.5rem; 351} 352.pb-0 { 353 padding-bottom: 0px; 354} 355.pb-14 { 356 padding-bottom: 3.5rem; 357} 358.pb-2 { 359 padding-bottom: 0.5rem; 360} 361.pl-2 { 362 padding-left: 0.5rem; 363} 364.pl-4 { 365 padding-left: 1rem; 366} 367.pr-4 { 368 padding-right: 1rem; 369} 370.pt-14 { 371 padding-top: 3.5rem; 372} 373.pt-6 { 374 padding-top: 1.5rem; 375} 376.pt-8 { 377 padding-top: 2rem; 378} 379.text-center { 380 text-align: center; 381} 382.text-3xl { 383 font-size: 1.875rem; 384 line-height: 2.25rem; 385} 386.text-base { 387 font-size: 1rem; 388} 389.text-sm { 390 font-size: 0.875rem; 391} 392.text-xl { 393 font-size: 1.25rem; 394} 395.text-xs { 396 font-size: 0.75rem; 397} 398.font-bold { 399 font-weight: 700; 400} 401.font-semibold { 402 font-weight: 600; 403} 404.uppercase { 405 text-transform: uppercase; 406} 407.leading-none { 408 line-height: 1; 409} 410.tracking-wide { 411 letter-spacing: 0.025em; 412} 413.text-uh-black { 414 --tw-text-opacity: 1; 415 color: rgb(var(--uh-color-black) / var(--tw-text-opacity)); 416} 417.text-uh-primary-dark { 418 --tw-text-opacity: 1; 419 color: rgb(var(--uh-color-primary-dark) / var(--tw-text-opacity)); 420} 421.text-uh-secondary { 422 --tw-text-opacity: 1; 423 color: rgb(var(--uh-color-secondary) / var(--tw-text-opacity)); 424} 425.text-uh-white { 426 --tw-text-opacity: 1; 427 color: rgb(var(--uh-color-white) / var(--tw-text-opacity)); 428} 429.underline { 430 text-decoration-line: underline; 431} 432.antialiased { 433 -webkit-font-smoothing: antialiased; 434 -moz-osx-font-smoothing: grayscale; 435} 436.opacity-0 { 437 opacity: 0; 438} 439.opacity-100 { 440 opacity: 1; 441} 442.opacity-50 { 443 opacity: 0.5; 444} 445.opacity-80 { 446 opacity: 0.8; 447} 448.drop-shadow { 449 --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); 450 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); 451} 452.transition-all { 453 transition-property: all; 454 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 455 transition-duration: 150ms; 456} 457.duration-200 { 458 transition-duration: 200ms; 459} 460.duration-500 { 461 transition-duration: 500ms; 462} 463.first\:pl-0:first-child { 464 padding-left: 0px; 465} 466.hover\:bg-uh-white:hover { 467 --tw-bg-opacity: 1; 468 background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity)); 469} 470.hover\:opacity-100:hover { 471 opacity: 1; 472} 473.prose-headings\:mb-2 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 474 margin-bottom: 0.5rem; 475} 476.prose-p\:mb-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 477 margin-bottom: 1rem; 478}
479.prose-a\:text-uh-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 480 --tw-text-opacity: 1; 481 color: rgb(var(--uh-color-primary) / var(--tw-text-opacity)); 482} 483.prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 484 text-decoration-line: none; 485} 486.hover\:prose-a\:text-uh-accent-1 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover { 487 --tw-text-opacity: 1; 488 color: rgb(var(--uh-color-accent-1) / var(--tw-text-opacity)); 489} 490.hover\:prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover { 491 text-decoration-line: underline; 492} 493.prose-strong\:text-uh-white :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 494 --tw-text-opacity: 1; 495 color: rgb(var(--uh-color-white) / var(--tw-text-opacity)); 496} 497.prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 498 margin-top: 0.25rem; 499 margin-bottom: 0.25rem; 500} 501.prose-img\:mr-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 502 margin-right: 0.25rem; 503} 504.prose-img\:w-20 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 505 width: 5rem; 506} 507.prose-img\:opacity-60 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 508 opacity: 0.6; 509} 510.prose-img\:invert :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 511 --tw-invert: invert(100%); 512 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); 513} 514.\[\&_button\]\:w-full button { 515 width: 100%; 516} 517@media (min-width: 640px) { 518 .xl\:container { 519 max-width: 640px; 520 } } 521 522@media (min-width: 640px) { 523 .sm\:grid-cols-2 { 524 grid-template-columns: repeat(2, minmax(0, 1fr)); 525 } 526 .sm\:gap-6 { 527 gap: 1.5rem; 528 } 529 .sm\:px-6 { 530 padding-left: 1.5rem; 531 padding-right: 1.5rem; 532 }} 533 534@media (min-width: 768px) { 535 .xl\:container { 536 max-width: 768px; 537 } } 538 539@media (min-width: 768px) { 540 .md\:col-span-1 { 541 grid-column: span 1 / span 1; 542 } 543 .md\:mt-0 { 544 margin-top: 0px; 545 } 546 .md\:flex { 547 display: flex; 548 } 549 .md\:w-2\/3 { 550 width: 66.666667%; 551 } 552 .md\:w-28 { 553 width: 7rem; 554 } 555 .md\:grid-cols-3 { 556 grid-template-columns: repeat(3, minmax(0, 1fr)); 557 } 558 .md\:grid-cols-5 { 559 grid-template-columns: repeat(5, minmax(0, 1fr)); 560 } 561 .md\:gap-8 { 562 gap: 2rem; 563 } 564 .md\:prose-img\:w-28 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { 565 width: 7rem; 566 }} 567 568@media (min-width: 1024px) { 569 .xl\:container { 570 max-width: 1024px; 571 } } 572 573@media (min-width: 1024px) { 574 .lg\:static { 575 position: static; 576 } 577 .lg\:absolute { 578 position: absolute; 579 } 580 .lg\:left-0 { 581 left: 0px; 582 } 583 .lg\:left-full { 584 left: 100%; 585 } 586 .lg\:top-0 { 587 top: 0px; 588 } 589 .lg\:top-full { 590 top: 100%; 591 } 592 .lg\:col-span-2 { 593 grid-column: span 2 / span 2; 594 } 595 .lg\:col-span-6 { 596 grid-column: span 6 / span 6; 597 } 598 .lg\:m-0 { 599 margin: 0px; 600 } 601 .lg\:block { 602 display: block; 603 } 604 .lg\:flex { 605 display: flex; 606 } 607 .lg\:grid { 608 display: grid; 609 } 610 .lg\:hidden { 611 display: none; 612 } 613 .lg\:h-auto { 614 height: auto; 615 } 616 .lg\:min-h-\[100px\] { 617 min-height: 100px; 618 } 619 .lg\:w-28 { 620 width: 7rem; 621 } 622 .lg\:w-3\/4 { 623 width: 75%; 624 } 625 .lg\:flex-grow-0 { 626 flex-grow: 0; 627 } 628 .lg\:grid-cols-8 { 629 grid-template-columns: repeat(8, minmax(0, 1fr)); 630 } 631 .lg\:flex-row { 632 flex-direction: row; 633 } 634 .lg\:items-start { 635 align-items: flex-start; 636 } 637 .lg\:justify-end { 638 justify-content: flex-end; 639 } 640 .lg\:gap-4 { 641 gap: 1rem; 642 } 643 .lg\:overflow-visible { 644 overflow: visible; 645 } 646 .lg\:bg-uh-gray { 647 --tw-bg-opacity: 1; 648 background-color: rgb(var(--uh-color-gray) / var(--tw-bg-opacity)); 649 } 650 .lg\:bg-uh-white { 651 --tw-bg-opacity: 1; 652 background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity)); 653 } 654 .lg\:p-0 { 655 padding: 0px; 656 } 657 .lg\:p-8 { 658 padding: 2rem; 659 } 660 .lg\:px-0 { 661 padding-left: 0px; 662 padding-right: 0px; 663 } 664 .lg\:px-6 { 665 padding-left: 1.5rem; 666 padding-right: 1.5rem; 667 } 668 .lg\:px-8 { 669 padding-left: 2rem; 670 padding-right: 2rem; 671 } 672 .lg\:py-16 { 673 padding-top: 4rem; 674 padding-bottom: 4rem; 675 } 676 .lg\:text-sm { 677 font-size: 0.875rem; 678 } 679 .lg\:font-medium { 680 font-weight: 500; 681 } 682 .lg\:text-uh-primary { 683 --tw-text-opacity: 1; 684 color: rgb(var(--uh-color-primary) / var(--tw-text-opacity)); 685 } 686 .lg\:transition-all { 687 transition-property: all; 688 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 689 transition-duration: 150ms; 690 } 691 .lg\:duration-300 { 692 transition-duration: 300ms; 693 }} 694 695@media (min-width: 1280px) { 696 .xl\:container { 697 width: 100%; 698 } 699 .xl\:min-h-\[110px\] { 700 min-height: 110px; 701 } 702 .xl\:text-center { 703 text-align: center; 704 }} 705 706@media (min-width: 1280px) { 707 .xl\:container { 708 max-width: 1280px; 709 } } 710 711@media (min-width: 1536px) { 712 .xl\:container { 713 max-width: 1536px; 714 } } 715 716@media (min-width: 1792px) { 717 .xl\:container { 718 max-width: 1792px; 719 } } 720 721</style>
721<script src="/sites/default/files/tailwindcss_utility/tailwind.js"></script>
721<script src="/themes/custom/uh_tw/build/tailwind-config-cdn.js"></script>
721<script>tailwind.config.safelist = tailwind.config.safelist.concat(["!flex","!lg:overflow-visible","!overflow-auto","[&_.form-item-email-address]:lg:!col-span-3","[&_.form-item-postal-code]:lg:!col-span-2\n","[&_button:hover]:bg-uh-white","[&_button:hover]:text-uh-secondary-dark","[&_button]:bg-uh-secondary-dark","[&_button]:border-transparent","[&_button]:px-2","[&_svg]:fill-uh-white","[&_div.link-wrapper]:flex","[&_div.link-wrapper]:flex-grow","[&_div.link-wrapper]:flex-row","[&_div.link-wrapper]:gap-2':true","[&_div.link-wrapper]:items-center","[&_div.link-wrapper]:justify-center","[&_div.link-wrapper]:lg:!px-6'","[&_div.link-wrapper]:lg:!py-4","[&_div.link-wrapper]:lg:py-8'","[&_div.link-wrapper]:p-4","[&_p:last-of-type]:mb-0","bg-uh-primary-dark':true","block-tile-wrapper","flex-grow':true","gap-2':true","group-focus-within\/tile:translate-x-2","group-hover\/cta:translate-x-2","hover:border-uh-white","hover:text-uh-secondary-dark","lg:duration-300'","lg:hover:bg-uh-secondary","lg:hover:text-uh-white","lg:text-left'","lg:whitespace-nowrap':true","p-4':true","relative:gap-2':true","top-level","w-[calc(100%-2rem)]","w-full\n"]);</script>
721 722<link rel="stylesheet" media="all" href="/sites/default/files/css/css_CIlY6IyjQt5cA70_MKJvlmfSaQZ9Xq-usyBSPqzb0pA.css?delta=3&language=en&theme=uh_tw&include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" /> 723 724
724<script src="/libraries/fontawesome/js/brands.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 724
724
725<script src="/libraries/fontawesome/js/regular.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 725
725
726<script src="/libraries/fontawesome/js/solid.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 726
726
727<script src="/libraries/fontawesome/js/fontawesome.min.js?v=6.4.2" defer></script>
727 728 729 </head> 730 <body class="hide-gin-toolbar group/uh-site"> 731 <a href="#main-content" class="visually-hidden focusable"> 732 Skip to main content 733 </a> 734 735 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 736 737 738<div class="w-full mx-auto text-uh-black"> 739 740 741 742 <div id="site-header" class="md:grid-cols-5 font-semibold relative z-50 inline" x-data="{ open: false }"> 743 744 745<div x-data="{ enableMobileNav: false }" class="bac-header bac-header__default w-full flex flex-col relative bg-uh-white z-100 lg:text-sm sticky top-0"> 746 <div class="header-row-wrapper w-full bg-uh-primary" :class="{ 747 'hidden lg:block': !enableMobileNav, 748 'hidden': enableMobileNav 749 }"> 750 <div class="container mx-auto flex flex-row items-center justify-end text-uh-white"> 751 </div> 752 </div> 753 <div class="header-row-wrapper flex items-center w-full bg-uh-white lg:min-h-[100px] xl:min-h-[110px]"> 754 <div class="w-[calc(100%-2rem)] xl:container mx-auto flex flex-row lg:grid lg:grid-cols-8 text-uh-white "> 755 <div class="logo-wrapper flex flex-row w-full px-4 items-center lg:col-span-2 lg:p-0"> 756 <button class="group h-8" @click="open = !open" id="mobile-menu-button" 757 :class="{ 758 'menu-open': open, 759 'block lg:hidden': !enableMobileNav, 760 'block': enableMobileNav 761 }"> 762 <div :class="open === true ? 'bg-uh-primary w-8 h-[2px] mt-0 relative rotate-45 transition-all' : 'bg-uh-primary w-8 h-[2px] relative top-0 transition-all'"></div> 763 <div :class="open === true ? 'bg-uh-primary w-8 h-[2px] mt-0 opacity-0 transition-all' : 'bg-uh-primary w-8 h-[2px] mt-2 opacity-100 transition-all'"></div> 764 <div :class="open === true ? 'bg-uh-primary w-8 h-[2px] -mt-1 relative -rotate-45 transition-all' : 'bg-uh-primary w-8 h-[2px] mt-2 relative top-0 transition-all'"></div> 765 </button> 766 767 <a class="flex flex-row items-center justify-center z-100 h-full gap-2 lg:gap-4 p-4" href="/"> 768 <div class="site-logo w-20 lg:w-28"> 769 <picture> 770 <source srcset="/sites/default/files/styles/image_media_large/public/logos/local4logo_.jpg.webp?itok=JvO_O-ZT 1x" media="all and (min-width: 1280px)" type="image/webp" width="600" height="396"/> 771 <source srcset="/sites/default/files/styles/image_media_medium/public/logos/local4logo_.jpg.webp?itok=8XMaXnxw 1x, /sites/default/files/styles/image_media_large_2x/public/logos/local4logo_.jpg.webp?itok=Ik0mDWf_ 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="300" height="198"/> 772 <source srcset="/sites/default/files/styles/image_media_small/public/logos/local4logo_.jpg.webp?itok=CHxMVMSR 1x, /sites/default/files/styles/image_media_medium_2x/public/logos/local4logo_.jpg.webp?itok=1hVd5Bmq 2x" type="image/webp" width="100" height="66"/> 773 <img src="/sites/default/files/styles/image_media_small/public/logos/local4logo_.jpg.webp?itok=CHxMVMSR" alt="local4logo_.jpg" /> 774 775 </picture> 776 777 </div> 778 <div class="site-name text-uh-secondary font-bold text-xl uppercase max-w-[300px]"> 779 <div class="label">BAC Local 4 California</div> 780 781 </div> 782 </a> 783 784 785 786 </div> 787 <nav class="main-menu w-full hidden overflow-auto lg:overflow-visible lg:h-auto lg:col-span-6" :class="{ 788 '!flex': open, 789 'flex-col absolute top-full left-0 text-uh-white bg-uh-primary lg:flex lg:flex-row lg:bg-uh-white lg:text-uh-primary lg:static lg:justify-end': !enableMobileNav, 790 'flex-col absolute top-full left-0 text-uh-white bg-uh-primary !overflow-auto !lg:overflow-visible': enableMobileNav 791 }"> 792 793 794 795 796 797 798 799 800 801 802 803 804 <ul class='bac-auto-collapsing-menu' :class="{'flex flex-col flex-grow':true, 'lg:flex-row lg:flex-grow-0': !enableMobileNav}"> 805 <li x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu1 = true; }" @mouseleave="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu1 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{'flex flex-grow flex-col relative [&_div.link-wrapper]:flex [&_div.link-wrapper]:flex-grow [&_div.link-wrapper]:flex-row [&_div.link-wrapper]:justify-center [&_div.link-wrapper]:items-center [&_div.link-wrapper]:p-4 [&_div.link-wrapper]:gap-2':true, 'lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&_div.link-wrapper]:lg:py-8': !enableMobileNav}"> 806 <div class='link-wrapper'> 807 <a href="/about-us" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" class="menu-level-1" data-drupal-link-system-path="node/568">About Us</a> 808 <button @click="openSubmenu1 = !openSubmenu1" 809 :aria-expanded="openSubmenu1 ? 'true' : 'false'" 810 class="submenu-toggle" 811 @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false }" 812 title="Expand section"> 813 <i class="down-arrow"> 814 <svg svg class="w-4 h-4 top-level" fill="currentColor" 815 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10.74"> 816 <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/> 817 </svg> 818 </i> 819 </button> 820 </div> 821 822 823 824 <ul :class="{'flex flex-col flex-grow bg-uh-primary-dark':true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-full lg:left-0 lg:transition-all lg:duration-300': !enableMobileNav}" 825 x-show="openSubmenu1" x-transition:enter="lg:transition lg:ease-out lg:duration-100" 826 x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95" 827 x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100" 828 x-transition:leave="lg:transition lg:ease-in lg:duration-75" 829 x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100" 830 x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95"> 831 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 832 <a href="/contact-us" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/578">Contact Us</a> 833 </li> 834 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 835 <a href="/about-us/chapter-meetings" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/573">Chapter Meetings</a> 836 </li> 837 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 838 <a href="https://youtu.be/1jQaRtyYUYs" title="" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}">Local #4 Introduction</a> 839 </li> 840 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 841 <a href="/news" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/570">News</a> 842 </li> 843 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 844 <a href="/join-bac" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/579">Join BAC</a> 845 </li> 846 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 847 <a href="https://www.flickr.com/photos/200711675@N03/albums/" title="" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}">Photos</a> 848 </li> 849 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 850 <a href="/faq-about-union-representation" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1347">FAQ about Union Representation</a> 851 </li> 852 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 853 <a href="/faq-about-union-contractors" title="" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1296">FAQ about the Union for Contractors</a> 854 </li> 855 </ul> 856 857 </li> 858 <li :class="{'flex flex-grow flex-col justify-center items-center p-4 gap-2':true, 'lg:p-8 lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:transition-all lg:duration-300': !enableMobileNav}"> 859 <a href="https://www.bac4ca.org/dues" title="" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" class="menu-level-1">Dues</a> 860 </li> 861 <li x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu1 = true; }" @mouseleave="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu1 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{'flex flex-grow flex-col relative [&_div.link-wrapper]:flex [&_div.link-wrapper]:flex-grow [&_div.link-wrapper]:flex-row [&_div.link-wrapper]:justify-center [&_div.link-wrapper]:items-center [&_div.link-wrapper]:p-4 [&_div.link-wrapper]:gap-2':true, 'lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&_div.link-wrapper]:lg:py-8': !enableMobileNav}"> 862 <div class='link-wrapper'> 863 <a href="/training-education-safety" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" class="menu-level-1" data-drupal-link-system-path="node/572">Apprentice & Safety</a> 864 <button @click="openSubmenu1 = !openSubmenu1" 865 :aria-expanded="openSubmenu1 ? 'true' : 'false'" 866 class="submenu-toggle" 867 @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false }" 868 title="Expand section"> 869 <i class="down-arrow"> 870 <svg svg class="w-4 h-4 top-level" fill="currentColor" 871 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10.74"> 872 <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/> 873 </svg> 874 </i> 875 </button> 876 </div> 877 878 879 880 <ul :class="{'flex flex-col flex-grow bg-uh-primary-dark':true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-full lg:left-0 lg:transition-all lg:duration-300': !enableMobileNav}" 881 x-show="openSubmenu1" x-transition:enter="lg:transition lg:ease-out lg:duration-100" 882 x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95" 883 x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100" 884 x-transition:leave="lg:transition lg:ease-in lg:duration-75" 885 x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100" 886 x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95"> 887 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 888 <a href="/training-education-safety/brick-masons-apprentice-infomation" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/575">Apprentice Program - Brick Masons</a> 889 </li> 890
890 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 891 <a href="/tile-layer-tilemarble-finisher-terrazzo-apprentice-program" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1341">Apprentice Program -Tile Layer, Tile/Marble Finisher & Terrazzo</a> 892 </li> 893 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 894 <a href="/training-education-safety/education" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/577">Education</a> 895 </li> 896 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 897 <a href="/training-education-safety/safety-and-health" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/576">Safety and Health</a> 898 </li> 899 </ul> 900 901 </li> 902 <li x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu1 = true; }" @mouseleave="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu1 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{'flex flex-grow flex-col relative [&_div.link-wrapper]:flex [&_div.link-wrapper]:flex-grow [&_div.link-wrapper]:flex-row [&_div.link-wrapper]:justify-center [&_div.link-wrapper]:items-center [&_div.link-wrapper]:p-4 [&_div.link-wrapper]:gap-2':true, 'lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&_div.link-wrapper]:lg:py-8': !enableMobileNav}"> 903 <div class='link-wrapper'> 904 <a href="https://www.bac4ca.org/brick-and-block-contractors" title="" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" class="menu-level-1">Contractor List</a> 905 <button @click="openSubmenu1 = !openSubmenu1" 906 :aria-expanded="openSubmenu1 ? 'true' : 'false'" 907 class="submenu-toggle" 908 @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false }" 909 title="Expand section"> 910 <i class="down-arrow"> 911 <svg svg class="w-4 h-4 top-level" fill="currentColor" 912 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10.74"> 913 <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/> 914 </svg> 915 </i> 916 </button> 917 </div> 918 919 920 921 <ul :class="{'flex flex-col flex-grow bg-uh-primary-dark':true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-full lg:left-0 lg:transition-all lg:duration-300': !enableMobileNav}" 922 x-show="openSubmenu1" x-transition:enter="lg:transition lg:ease-out lg:duration-100" 923 x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95" 924 x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100" 925 x-transition:leave="lg:transition lg:ease-in lg:duration-75" 926 x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100" 927 x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95"> 928 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 929 <a href="/brick-block-paving-contractors" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1357">Brick, Block & Paving Contractors</a> 930 </li> 931 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 932 <a href="/tile-stone-marble-contractors" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1367">Tile, Stone & Marble Contractors</a> 933 </li> 934 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 935 <a href="/terrazzo-contractors" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1368">Terrazzo Contractors</a> 936 </li> 937 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 938 <a href="/waterproofing-caulking-and-restoration-contractors" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1363">Waterproofing, Caulking and Restoration Contractors</a> 939 </li> 940 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 941 <a href="/refractory-contractors" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1361">Refractory Contractors</a> 942 </li> 943 </ul> 944 945 </li> 946 <li x-data="{openSubmenu1 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu1 = true; }" @mouseleave="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu1 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{'flex flex-grow flex-col relative [&_div.link-wrapper]:flex [&_div.link-wrapper]:flex-grow [&_div.link-wrapper]:flex-row [&_div.link-wrapper]:justify-center [&_div.link-wrapper]:items-center [&_div.link-wrapper]:p-4 [&_div.link-wrapper]:gap-2':true, 'lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&_div.link-wrapper]:lg:py-8': !enableMobileNav}"> 947 <div class='link-wrapper'> 948 <a href="/member-resources" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" class="menu-level-1" data-drupal-link-system-path="node/1000159">Member Resources</a> 949 <button @click="openSubmenu1 = !openSubmenu1" 950 :aria-expanded="openSubmenu1 ? 'true' : 'false'" 951 class="submenu-toggle" 952 @focusin="if (keyboardNavigation) { openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false }" 953 title="Expand section"> 954 <i class="down-arrow"> 955 <svg svg class="w-4 h-4 top-level" fill="currentColor" 956 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10.74"> 957 <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/> 958 </svg> 959 </i> 960 </button> 961 </div> 962 963 964 965 <ul :class="{'flex flex-col flex-grow bg-uh-primary-dark':true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-full lg:left-0 lg:transition-all lg:duration-300': !enableMobileNav}" 966 x-show="openSubmenu1" x-transition:enter="lg:transition lg:ease-out lg:duration-100" 967 x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95" 968 x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100" 969 x-transition:leave="lg:transition lg:ease-in lg:duration-75" 970 x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100" 971 x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95"> 972 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 973 <a href="/benefits-administration" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1418">Member Benefits</a> 974 </li> 975 <li x-data="{openSubmenu2 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu2 = true; }" @mouseleave="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu2 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{''flex flex-grow flex-col relative:gap-2':true, 'lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&_div.link-wrapper]:lg:!py-4 [&_div.link-wrapper]:lg:!px-6' : !enableMobileNav}"> 976 <div class='link-wrapper'> 977 <a href="/links" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/580">Links</a> 978 <button @click="openSubmenu2 = !openSubmenu2" 979 :aria-expanded="openSubmenu2 ? 'true' : 'false'" 980 class="submenu-toggle" 981 @focusin="if (keyboardNavigation) { openSubmenu2 = false, openSubmenu3 = false, openSubmenu4 = false }" 982 title="Expand section"> 983 <i x-data="{ isSmallScreen: false }" 984 x-init="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches" 985 x-bind:class="{ 'arrow-right text-base': isSmallScreen }" 986 x-show="isSmallScreen" 987 @resize.window="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches"> 988 <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
989 viewBox="0 0 10.733 20"> 990 <path d="m.684,20c-.182,0-.342-.065-.479-.196s-.205-.287-.205-.469.065-.339.196-.469l8.935-8.935L.332,1.153c-.078-.091-.134-.196-.166-.313s-.033-.231,0-.342.088-.212.166-.303c.13-.13.29-.196.479-.196s.349.065.479.196l9.247,9.267c.065.065.114.14.147.225s.049.169.049.254-.016.166-.049.244-.081.15-.147.215L1.153,19.804c-.065.065-.14.114-.225.147s-.166.049-.244.049Z"/> 991 </svg> 992 </i> 993 <i x-data="{ isSmallScreen: false }" 994 x-init="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches" 995 x-bind:class="{ 'arrow-down text-base': !isSmallScreen }" 996 x-show="!isSmallScreen" 997 @resize.window="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches"> 998 <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
999 viewBox="0 0 20 10.74"> 1000 <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/> 1001 </svg> 1002 </i> 1003 </button> 1004 </div> 1005 1006 1007 1008 <ul :class="{'flex flex-col flex-grow w-auto bg-uh-primary-dark': true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-0 lg:left-full': !enableMobileNav}" 1009 x-show="openSubmenu2" x-transition:enter="lg:transition lg:ease-out lg:duration-100" 1010 x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95" 1011 x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100" 1012 x-transition:leave="lg:transition lg:ease-in lg:duration-75" 1013 x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100" 1014 x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95"> 1015 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1016 <a href="/organizations" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1340">Organizations</a> 1017 </li> 1018 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1019 <a href="/public-works" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1349">Public Works</a> 1020 </li> 1021 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1022 <a href="/bac-local-administrative-district-council-web-sites" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1348">BAC Local & Administrative District Council Web Sites</a> 1023 </li> 1024 </ul> 1025 1026 </li> 1027 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1028 <a href="/wheres-work-bricklayers-and-tile" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1458">Where's the Work?</a> 1029 </li> 1030 <li x-data="{openSubmenu2 : false, ariaExpanded: false}" @mouseenter="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu2 = true; }" @mouseleave="if (window.innerWidth > 1025 && !enableMobileNav) { openSubmenu2 = false; }" @resize.window="openSubmenu1 = false, openSubmenu2 = false, openSubmenu3 = false" :class="{''flex flex-grow flex-col relative:gap-2':true, 'lg:hover:bg-uh-secondary lg:hover:text-uh-white lg:transition-all lg:duration-300 [&_div.link-wrapper]:lg:!py-4 [&_div.link-wrapper]:lg:!px-6' : !enableMobileNav}"> 1031 <div class='link-wrapper'> 1032 <a href="/click-drop-down-menu" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1331">Wages/CBA's</a> 1033 <button @click="openSubmenu2 = !openSubmenu2" 1034 :aria-expanded="openSubmenu2 ? 'true' : 'false'" 1035 class="submenu-toggle" 1036 @focusin="if (keyboardNavigation) { openSubmenu2 = false, openSubmenu3 = false, openSubmenu4 = false }" 1037 title="Expand section"> 1038 <i x-data="{ isSmallScreen: false }" 1039 x-init="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches" 1040 x-bind:class="{ 'arrow-right text-base': isSmallScreen }" 1041 x-show="isSmallScreen" 1042 @resize.window="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches"> 1043 <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
1044 viewBox="0 0 10.733 20"> 1045 <path d="m.684,20c-.182,0-.342-.065-.479-.196s-.205-.287-.205-.469.065-.339.196-.469l8.935-8.935L.332,1.153c-.078-.091-.134-.196-.166-.313s-.033-.231,0-.342.088-.212.166-.303c.13-.13.29-.196.479-.196s.349.065.479.196l9.247,9.267c.065.065.114.14.147.225s.049.169.049.254-.016.166-.049.244-.081.15-.147.215L1.153,19.804c-.065.065-.14.114-.225.147s-.166.049-.244.049Z"/> 1046 </svg> 1047 </i> 1048 <i x-data="{ isSmallScreen: false }" 1049 x-init="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches" 1050 x-bind:class="{ 'arrow-down text-base': !isSmallScreen }" 1051 x-show="!isSmallScreen" 1052 @resize.window="isSmallScreen = window.matchMedia('(min-width: 1024px)').matches"> 1053 <svg class="w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
1054 viewBox="0 0 20 10.74"> 1055 <path d="m0,.671c0-.184.066-.342.197-.474s.29-.197.474-.197.342.066.474.197l8.924,8.924L18.855.336c.132-.132.29-.197.474-.197s.342.066.474.197.197.29.197.474-.066.342-.197.474l-9.26,9.26c-.132.132-.29.197-.474.197s-.342-.066-.474-.197L.197,1.165c-.026-.026-.049-.056-.069-.089s-.036-.066-.049-.099l-.039-.099c-.013-.033-.023-.066-.03-.099s-.01-.069-.01-.109Z"/> 1056 </svg> 1057 </i> 1058 </button> 1059 </div> 1060 1061 1062 1063 <ul :class="{'flex flex-col flex-grow w-auto bg-uh-primary-dark': true, 'lg:bg-uh-gray lg:text-uh-primary lg:absolute lg:top-0 lg:left-full': !enableMobileNav}" 1064 x-show="openSubmenu2" x-transition:enter="lg:transition lg:ease-out lg:duration-100" 1065 x-transition:enter-start="lg:transform lg:opacity-0 lg:scale-95" 1066 x-transition:enter-end="lg:transform lg:opacity-100 lg:scale-100" 1067 x-transition:leave="lg:transition lg:ease-in lg:duration-75" 1068 x-transition:leave-start="lg:transform lg:opacity-100 lg:scale-100" 1069 x-transition:leave-end="lg:transform lg:opacity-0 lg:scale-95"> 1070 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1071 <a href="/wages-bricklayers-marble-masons-stone-masons-refractory" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1338">Wages - Bricklayers, Marble Masons, Stone Masons, Refractory, Pointer/Caulker/Cleaner</a> 1072 </li> 1073 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1074 <a href="/wages-terrazzo-worker-and-terrazzo-finisher" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1335">Wages - Terrazzo Worker and Terrazzo Finisher</a> 1075 </li> 1076 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1077 <a href="/wages-tile-layer-and-tilemarble-finisher" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1333">Wages - Tile Layer and Tile/Marble Finisher</a> 1078 </li> 1079 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1080 <a href="/tile-layer-and-tilemarble-finisher-collective-bargaining-agreement" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1343">CBA- Tile Layer and Tile/Marble Finisher Collective Bargaining Agreement</a> 1081 </li> 1082 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1083 <a href="/terrazzo-worker-and-terrazzo-finisher-collective-bargaining-agreement" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1344">CBA - Terrazzo Worker and Terrazzo Finisher Collective Bargaining Agreement</a> 1084 </li> 1085 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1086 <a href="/cba-san-diego-brick-agreement" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1364">CBA - San Diego Brick Agreement</a> 1087 </li> 1088 <li :class="{'flex flex-grow flex-col justify-center items-center p-4':true, 'lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:items-start lg:px-6 lg:transition-all lg:duration-300': !enableMobileNav}"> 1089 <a href="/cba-brick-master-agreement-11-counties" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" data-drupal-link-system-path="node/1366">CBA- Brick Master Agreement for 11 Counties</a> 1090 </li> 1091 </ul> 1092 1093 </li> 1094 </ul> 1095 1096 </li> 1097 <li :class="{'flex flex-grow flex-col justify-center items-center p-4 gap-2':true, 'lg:p-8 lg:hover:text-uh-white lg:hover:bg-uh-secondary lg:transition-all lg:duration-300': !enableMobileNav}"> 1098 <a href="/scholarship-funds" :class="{'font-bold text-center lg:whitespace-nowrap':true, 'lg:font-medium lg:text-left': !enableMobileNav}" class="menu-level-1" data-drupal-link-system-path="node/1000972">Scholarship Funds</a> 1099 </li> 1100 </ul> 1101 1102 1103 1104 1105 1106 </nav> 1107 </div> 1108 </div> 1109</div> 1110 1111 1112 1113 </div> 1114 1115 1116 <div> 1117 1118 </div> 1119 1120 1121 <div> 1122 <div data-drupal-messages-fallback class="hidden"></div> 1123 1124 </div> 1125 1126 1127 <main class="z-0"> 1128 <a id="main-content" tabindex="-1"></a> <div class="md:flex pb-0"> 1129
1130 <div id="page-content" class="grid w-full grid-cols-1 page-content"> 1131 <div> 1132 <div id="block-uh-tw-content"> 1133 1134 1135 1136 <article class="node"> 1137 1138 1139 1140 1141 1142 <div class="node-content"> 1143 1144 1145 <div class="layout layout--onecol layout--onecol--75 scroll-mt-28 pt-14 pb-14 px-4 bg-uh-gray" id=""> 1146 <div class="container px-4 mx-auto lg:px-0"> 1147 <div class="layout__region layout__region--content mx-auto lg:w-3/4"> 1148 <div id="" class="scroll-mt-28 flex w-full flex-wrap"> 1149 1150 1151 1152 1153<span class="self-start inline-block uppercase font-bold text-sm tracking-wide bg-uh-secondary py-0 px-4 drop-shadow text-uh-white mb-2"></span> 1154<h1 class="w-full mb-2"> 1155 About us 1156</h1> 1157 1158 1159 1160 </div> 1161<div class="pt-6 [&_p:last-of-type]:mb-0 scroll-mt-28 flex w-full flex-wrap" id=""> 1162 1163 1164 1165 1166<div class="w-full max-w-none prose prose-headings:mb-2 prose-p:mb-4 prose-a:text-uh-primary hover:prose-a:text-uh-accent-1 prose-a:no-underline hover:prose-a:underline"> 1167 <p></p><p></p> 1168</div> 1169 1170 1171 1172 1173 1174 </div> 1175 1176 </div> 1177 </div> 1178 </div> 1179 1180 1181 1182 <div class="layout layout--onecol layout--onecol--100 scroll-mt-28 block-tile-wrapper pt-14 pb-14 px-4 bg-uh-primary" id=""> 1183 <div class="container px-4 mx-auto lg:px-0"> 1184 <div class="layout__region layout__region--content mx-auto w-full"> 1185 <div id="" class="scroll-mt-28"> 1186 1187 1188 1189 1190<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-6 md:gap-8"> 1191 1192 <article class="node node-tile col-span-1 flex flex-1"> 1193 <div class="w-full h-0"> 1194 1195 <span class="hidden"><span>Andy Gerber</span> 1196</span> 1197 1198 </div> 1199 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1200 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1201 <div id="biography_tile" class="flex w-full flex-wrap"> 1202 1203 1204 1205 1206 1207<a href="/about-us/andy-gerber" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1208 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1209 <div class="tile__content flex flex-col p-8 z-10 "> 1210 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow"> 1211 <span>President</span> 1212 </div> 1213 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Andy Gerber</h3> 1214 1215 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/andy-gerber"> 1216 Read More 1217 <span class="sr-only">President</span> 1218 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1219 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1220 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1221 </svg> 1222 </span> 1223 </div> 1224 </div> 1225</a> 1226 1227 1228 </div> 1229 1230 </div> 1231 </div> 1232 1233</article> 1234 1235 1236 1237 <article class="node node-tile col-span-1 flex flex-1"> 1238 <div class="w-full h-0"> 1239 1240 <span class="hidden"><span>Chris Brisson</span> 1241</span> 1242 1243 </div> 1244 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1245 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1246 <div id="biography_tile" class="flex w-full flex-wrap"> 1247 1248 1249 1250 1251 1252<a href="/about-us/chris-brisson" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1253 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1254 <div class="tile__content flex flex-col p-8 z-10 "> 1255 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow"> 1256 <span>Secretary/Treasurer</span> 1257 </div> 1258 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Chris Brisson</h3> 1259 1260 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/chris-brisson"> 1261 Read More 1262 <span class="sr-only">Secretary/Treasurer</span> 1263 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1264 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1265 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1266 </svg> 1267 </span> 1268 </div> 1269 </div> 1270</a> 1271 1272 1273 </div> 1274 1275 </div> 1276 </div> 1277 1278</article> 1279 1280 1281 1282 <article class="node node-tile col-span-1 flex flex-1"> 1283 <div class="w-full h-0"> 1284
1285 <span class="hidden"><span>Refugio Pinedo, Jr.</span> 1286</span> 1287 1288 </div> 1289 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1290 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1291 <div id="biography_tile" class="flex w-full flex-wrap"> 1292 1293 1294 1295 1296 1297<a href="/about-us/refugio-pinedo-jr" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1298 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1299 <div class="tile__content flex flex-col p-8 z-10 "> 1300 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow"> 1301 <span>PLA Director/Field Representative</span> 1302 </div> 1303 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Refugio Pinedo, Jr.</h3> 1304 1305 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/refugio-pinedo-jr"> 1306 Read More 1307 <span class="sr-only">PLA Director/Field Representative</span> 1308 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1309 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1310 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1311 </svg> 1312 </span> 1313 </div> 1314 </div> 1315</a> 1316 1317 1318 </div> 1319 1320 </div> 1321 </div> 1322 1323</article> 1324 1325 1326 1327 <article class="node node-tile col-span-1 flex flex-1"> 1328 <div class="w-full h-0"> 1329 1330 <span class="hidden"><span>Luis Pinedo</span> 1331</span> 1332 1333 </div> 1334 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1335 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1336 <div id="biography_tile" class="flex w-full flex-wrap"> 1337 1338 1339 1340 1341 1342<a href="/about-us/luis-pinedo" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1343 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1344 <div class="tile__content flex flex-col p-8 z-10 "> 1345 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow"> 1346 <span>Management Committee/Field Representative/Compliance - Riverside/San Berdoo</span> 1347 </div> 1348 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Luis Pinedo</h3> 1349 1350 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/luis-pinedo"> 1351 Read More 1352 <span class="sr-only">Management Committee/Field Representative/Compliance - Riverside/San Berdoo</span> 1353 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1354 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1355 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1356 </svg> 1357 </span> 1358 </div> 1359 </div> 1360</a> 1361 1362 1363 </div> 1364 1365 </div> 1366 </div> 1367 1368</article> 1369 1370 1371 1372 <article class="node node-tile col-span-1 flex flex-1"> 1373 <div class="w-full h-0"> 1374 1375 <span class="hidden"><span>Victor Torres</span> 1376</span> 1377 1378 </div> 1379 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1380 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1381 <div id="biography_tile" class="flex w-full flex-wrap"> 1382 1383 1384 1385 1386 1387<a href="/about-us/victor-torres" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1388 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1389 <div class="tile__content flex flex-col p-8 z-10 "> 1390 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1391 <span>Field Representative/Organizer - San Diego/Imperial</span> 1392 </div> 1393 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Victor Torres</h3> 1394 1395 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/victor-torres"> 1396 Read More 1397 <span class="sr-only">Field Representative/Organizer - San Diego/Imperial</span> 1398 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1399 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1400 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1401 </svg> 1402 </span> 1403 </div> 1404 </div> 1405</a> 1406 1407 1408 </div> 1409 1410 </div> 1411 </div> 1412 1413</article> 1414 1415 1416 1417 <article class="node node-tile col-span-1 flex flex-1"> 1418 <div class="w-full h-0"> 1419 1420 <span class="hidden"><span>Jon Coulson</span> 1421</span> 1422 1423 </div> 1424 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1425 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1426 <div id="biography_tile" class="flex w-full flex-wrap"> 1427 1428 1429 1430 1431 1432<a href="/about-us/jon-coulson" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1433 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1434 <div class="tile__content flex flex-col p-8 z-10 "> 1435 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow"> 1436 <span>Management Committee/Field Representative - LA county</span> 1437 </div> 1438 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Jon Coulson</h3> 1439 1440 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/jon-coulson"> 1441 Read More 1442 <span class="sr-only">Management Committee/Field Representative - LA county</span> 1443 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1444 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1445 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1446 </svg> 1447 </span> 1448 </div> 1449 </div> 1450</a> 1451 1452 1453 </div> 1454 1455 </div> 1456 </div> 1457 1458</article> 1459 1460 1461 1462 <article class="node node-tile col-span-1 flex flex-1"> 1463 <div class="w-full h-0"> 1464 1465 <span class="hidden"><span>Alex Coronado</span> 1466</span> 1467 1468 </div> 1469 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1470 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1471 <div id="biography_tile" class="flex w-full flex-wrap"> 1472 1473 1474 1475 1476 1477<a href="/about-us/alex-coronado" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1478 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1479 <div class="tile__content flex flex-col p-8 z-10 "> 1480 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow"> 1481 <span>Field Representative/Organizer - LA/OC</span> 1482 </div> 1483 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Alex Coronado</h3> 1484 1485 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/alex-coronado"> 1486 Read More 1487 <span class="sr-only">Field Representative/Organizer - LA/OC</span> 1488 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1489 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1490 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1491 </svg> 1492 </span> 1493 </div> 1494 </div> 1495</a> 1496 1497 1498 </div> 1499 1500 </div> 1501 </div> 1502 1503</article> 1504 1505 1506 1507 <article class="node node-tile col-span-1 flex flex-1"> 1508 <div class="w-full h-0"> 1509
1510 <span class="hidden"><span>Jill Cullen</span> 1511</span> 1512 1513 </div> 1514 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1515 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1516 <div id="biography_tile" class="flex w-full flex-wrap"> 1517 1518 1519 1520 1521 1522<a href="/about-us/jill-cullen" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1523 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1524 <div class="tile__content flex flex-col p-8 z-10 "> 1525 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow"> 1526 <span>Account Bookkeeper</span> 1527 </div> 1528 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Jill Cullen</h3> 1529 1530 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/jill-cullen"> 1531 Read More 1532 <span class="sr-only">Account Bookkeeper</span> 1533 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1534 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1535 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1536 </svg> 1537 </span> 1538 </div> 1539 </div> 1540</a> 1541 1542 1543 </div> 1544 1545 </div> 1546 </div> 1547 1548</article> 1549 1550 1551 1552 <article class="node node-tile col-span-1 flex flex-1"> 1553 <div class="w-full h-0"> 1554 1555 <span class="hidden"><span>Heide Rodriguez</span> 1556</span> 1557 1558 </div> 1559 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1560 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1561 <div id="biography_tile" class="flex w-full flex-wrap"> 1562 1563 1564 1565 1566 1567<a href="/about-us/heide-rodriguez-0" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1568 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1569 <div class="tile__content flex flex-col p-8 z-10 "> 1570 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow"> 1571 <span>Labor Compliance</span> 1572 </div> 1573 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Heide Rodriguez</h3> 1574 1575 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/heide-rodriguez-0"> 1576 Read More 1577 <span class="sr-only">Labor Compliance</span> 1578 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1579 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1580 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1581 </svg> 1582 </span> 1583 </div> 1584 </div> 1585</a> 1586 1587 1588 </div> 1589 1590 </div> 1591 </div> 1592 1593</article> 1594 1595 1596 1597 <article class="node node-tile col-span-1 flex flex-1"> 1598 <div class="w-full h-0"> 1599 1600 <span class="hidden"><span>Teresa Ruiz</span> 1601</span> 1602 1603 </div> 1604 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1605 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1606 <div id="biography_tile" class="flex w-full flex-wrap"> 1607 1608 1609 1610 1611 1612<a href="/about-us/teresa-ruiz" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1613 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1614 <div class="tile__content flex flex-col p-8 z-10 "> 1615 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow">
1616 <span>Office Staff</span> 1617 </div> 1618 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Teresa Ruiz</h3> 1619 1620 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/teresa-ruiz"> 1621 Read More 1622 <span class="sr-only">Office Staff</span> 1623 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1624 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1625 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1626 </svg> 1627 </span> 1628 </div> 1629 </div> 1630</a> 1631 1632 1633 </div> 1634 1635 </div> 1636 </div> 1637 1638</article> 1639 1640 1641 1642 <article class="node node-tile col-span-1 flex flex-1"> 1643 <div class="w-full h-0"> 1644 1645 <span class="hidden"><span>Jackie Mitosinka</span> 1646</span> 1647 1648 </div> 1649 <div class="layout layout--viewmode w-full flex flex-shrink-0"> 1650 <div class="relative layout__region layout__region--content w-full flex flex-wrap"> 1651 <div id="biography_tile" class="flex w-full flex-wrap"> 1652 1653 1654 1655 1656 1657<a href="/about-us/jackie-mitosinka" class="tile grid w-full relative overflow-hidden text-uh-black group/tile drop-shadow mb-6 lg:m-0"> 1658 <div class="tile__content-wrapper col-start-1 col-end-2 row-start-1 row-end-2 flex justify-end flex-col z-10 relative"> 1659 <div class="tile__content flex flex-col p-8 z-10 "> 1660 <div class="tile__date uppercase font-bold text-sm tracking-wide text-uh-white mb-2 drop-shadow"> 1661 <span>Office Staff</span> 1662 </div> 1663 <h3 class="tile__heading font-bold text-uh-white text-3xl drop-shadow">Jackie Mitosinka</h3> 1664 1665 <span role="button" class="arrow-cta tile__arrow-button flex self-start uppercase tracking-wide font-bold items-center group/cta text-uh-white [&_svg]:fill-uh-white" href="/about-us/jackie-mitosinka"> 1666 Read More 1667 <span class="sr-only">Office Staff</span> 1668 <svg class="w-[13px] h-[13px] ml-2 group-hover/cta:translate-x-2 group-focus-within/tile:translate-x-2 transition-all duration-200" 1669 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 9.476"> 1670 <path d="m7.483,3.585v2.264H0v-2.264h7.483Zm-.628-3.585l3.145,4.717-3.145,4.759h-2.788l2.851-4.759L4.068,0h2.788Z"/> 1671 </svg> 1672 </span> 1673 </div> 1674 </div> 1675</a> 1676 1677 1678 </div> 1679 1680 </div> 1681 </div> 1682 1683</article> 1684 1685 1686 1687</div> 1688 1689 1690 </div> 1691 1692 </div> 1693 </div> 1694 </div> 1695 1696 1697 </div> 1698 1699</article> 1700 1701 1702 1703 </div> 1704 1705 </div> 1706 1707 </div> 1708 1709 </div> 1710 </main> 1711 1712 1713 1714</div> 1715<footer class="w-full antialiased footer" role="contentinfo"> 1716 <div class="footer"> 1717 <div> 1718 <div id="site_footer"> 1719 1720 1721 1722 1723<footer class="bg-uh-secondary text-uh-white"> 1724 <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8"> 1725 <div class="grid grid-cols-2 md:grid-cols-3 md:gap-8"> 1726 <div class="col-span-1"> 1727 <h3>Get in touch</h3> 1728 <div class="text-uh-white text-sm prose prose-inverse prose-img:w-20 md:prose-img:w-28 prose-img:mr-1 prose-img:my-1 max-w-none prose-img:invert prose-strong:text-uh-white prose-img:opacity-60"> 1729 <div class="location user-content"><p>2679 Sierra Way<br>La Verne, Ca 91750 (New Address)<br>800-972-3338</p><p>626-739-5600</p></div> 1730 1731 </div> 1732 1733 <div class="mt-6 social-media-links"> 1734 1735 <div class="flex my-2 space-x-1"> 1736 1737 <a href="https://facebook.com/local4ca" class="opacity-80 hover:opacity-100"> 1738 <i class="items-center justify-center mx-1 text-xl fab fa-facebook"></i> 1739 <span class="sr-only">Facebook</span> 1740 </a> 1741 <a href="https://twitter.com/iubac" class="opacity-80 hover:opacity-100"> 1742 <i class="items-center justify-center mx-1 text-xl fab fa-twitter"></i> 1743 <span class="sr-only">Twitter</span> 1744 </a> 1745 <a href="https://flickr.com/149748095@N03/albums" class="opacity-80 hover:opacity-100"> 1746 <i class="items-center justify-center mx-1 text-xl fab fa-flickr"></i>
1747 <span class="sr-only">Flickr</span> 1748 </a> 1749 <a href="https://youtube.com/user/BACInternational" class="opacity-80 hover:opacity-100"> 1750 <i class="items-center justify-center mx-1 text-xl fab fa-youtube"></i> 1751 <span class="sr-only">Youtube</span> 1752 </a> 1753 <a href="https://pinterest.com/iubac" class="opacity-80 hover:opacity-100"> 1754 <i class="items-center justify-center mx-1 text-xl fab fa-pinterest"></i> 1755 <span class="sr-only">Pinterest</span> 1756 </a> 1757 <a href="https://instagram.com/iubac" class="opacity-80 hover:opacity-100"> 1758 <i class="items-center justify-center mx-1 text-xl fab fa-instagram"></i> 1759 <span class="sr-only">Instagram</span> 1760 </a> 1761 1762 </div> 1763 </div> 1764 <div class="my-6 footer-logo"> 1765 <a class="block w-full" href="/"> 1766 <div class="site-logo w-20 md:w-28 mr-1 opacity-50"> 1767 <picture> 1768 <source srcset="/sites/default/files/styles/image_media_large/public/logos/local4logo_.jpg.webp?itok=JvO_O-ZT 1x" media="all and (min-width: 1280px)" type="image/webp" width="600" height="396"/> 1769 <source srcset="/sites/default/files/styles/image_media_medium/public/logos/local4logo_.jpg.webp?itok=8XMaXnxw 1x, /sites/default/files/styles/image_media_large_2x/public/logos/local4logo_.jpg.webp?itok=Ik0mDWf_ 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="300" height="198"/> 1770 <source srcset="/sites/default/files/styles/image_media_small/public/logos/local4logo_.jpg.webp?itok=CHxMVMSR 1x, /sites/default/files/styles/image_media_medium_2x/public/logos/local4logo_.jpg.webp?itok=1hVd5Bmq 2x" type="image/webp" width="100" height="66"/> 1771 <img class="w-full" width="100" height="66" src="/sites/default/files/styles/image_media_small/public/logos/local4logo_.jpg.webp?itok=CHxMVMSR" alt="BAC Local 4 California" loading="lazy" /> 1772 1773 </picture> 1774 1775 </div> 1776 1777</a> 1778 </div> 1779 </div> 1780 1781 <div class="col-span-1"> 1782 <h3>Quick Links</h3> 1783 <div class="w-full text-uh-white text-sm"> 1784 1785 1786 1787 1788 <ul class="menu justify-end w-full footer-menu relative border-0"> 1789 <li class="menu-item block"> 1790 <a href="/about-us" class="py-2 block" data-drupal-link-system-path="node/568">About Us</a> 1791 </li> 1792 <li class="menu-item block"> 1793 <a href="https://www.bac4ca.org/dues" title="" class="py-2 block">Dues</a> 1794 </li> 1795 <li class="menu-item block"> 1796 <a href="/training-education-safety" class="py-2 block" data-drupal-link-system-path="node/572">Apprentice & Safety</a> 1797 </li> 1798 <li class="menu-item block"> 1799 <a href="https://www.bac4ca.org/brick-and-block-contractors" title="" class="py-2 block">Contractor List</a> 1800 </li> 1801 <li class="menu-item block"> 1802 <a href="/member-resources" class="py-2 block" data-drupal-link-system-path="node/1000159">Member Resources</a> 1803 </li> 1804 <li class="menu-item block"> 1805 <a href="/scholarship-funds" class="py-2 block" data-drupal-link-system-path="node/1000972">Scholarship Funds</a> 1806 </li> 1807 </ul> 1808 1809 1810 1811 1812 1813 1814 </div> 1815 </div> 1816 1817 <div class="mt-12 col-span-2 md:mt-0 md:col-span-1"> 1818 1819 <div class="w-full mb-8"> 1820 <form action="/search" method="get"> 1821 <div class="flex gap-1"> 1822 <label class="sr-only" for="footer-search-site">Search site</label> 1823 <input id="footer-search-site" class="w-full p-2 text-sm text-uh-primary-dark max-w-md" type="search" placeholder="Search Site" name="keywords"> 1824 <button class="text-uh-white border border-transparent bg-uh-secondary-dark hover:border-uh-white hover:bg-uh-white hover:text-uh-secondary-dark transition-all duration-500 text-sm p-2 pl-4 pr-4"> 1825 <i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span> 1826 </button> 1827 </div> 1828 </form> 1829 </div> 1830 1831 <div class="w-full 1832 [&_.form-item-email-address]:lg:!col-span-3 [&_.form-item-postal-code]:lg:!col-span-2 1833 [&_button]:w-full [&_button]:px-2 [&_button]:border-transparent [&_button]:bg-uh-secondary-dark [&_button:hover]:bg-uh-white [&_button:hover]:text-uh-secondary-dark"> 1834 1835 </div> 1836 1837 </div> 1838 1839 </div> 1840 1841 <div class="mt-12 border-t border-uh-white border-opacity-20 pt-8"> 1842 <div class="md:w-2/3"> <div class="footer-text user-content"><p><span>Copyright © The International Union of Bricklayers & Allied Craftworkers</span></p></div> 1843 </div> 1844 </div> 1845 1846 <ul class="menu flex gap-2 divide-x text-xs underline leading-none mt-4"> 1847 <li class="block pl-2 first:pl-0"> 1848 <a href="/login">Log In</a> 1849 </li> 1850 </ul> 1851 1852 </div> 1853 1854 <div class="px-4 sm:px-6 pt-6 pb-2 lg:px-8 bg-uh-secondary-dark"> 1855 <p class="text-xs text-uh-white xl:text-center"> 1856 © 2026 All rights reserved. 1857 </p> 1858 </div> 1859</footer> 1860 1861 1862 1863 1864 </div> 1865 1866 </div> 1867 1868 </div> 1869</footer> 1870 1871 1872 </div> 1873 1874
1874<script>dataLayer = [{"site_name":"BAC Local 4 California","site_id":"567"}]</script>
vendor: 1 bytes, line 1874
1874
1875<script>
vendor: 327 bytes, lines 1875-1879
1875(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1876new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1877j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1878'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1879})(window,document,'script','dataLayer','
1879GTM-MF3RDWG
vendor: 3 bytes, line 1879
1879');
1879</script>
1879 1880<noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MF3RDWG" 1881 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1882
1882<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"group\/567\/content\/7679","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"data":{"extlink":{"extTarget":false,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":false,"extNofollow":true,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":true,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":true,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":["actionnetwork.org"],"extExcludeNoreferrer":""}},"user":{"uid":0,"permissionsHash":"4c91ddc64a47889f7862b2ed558be1db4aaa97dcf9eef47f9aaad7509d8d3ba5"}}</script>
vendor: 1 bytes, line 1882
1882
1883<script src="/sites/default/files/js/js_7-aqrQTuUiUJPhNAOYg71bfckxTdb6yYqK-5gfAIt1U.js?scope=footer&delta=0&language=en&theme=uh_tw&include=eJx9jkEOQiEMBS_EhyORApVPLC0pVI2nFxMXrv7uTTKZvAQ5rhN74xrAlsQsRDDm5tiRzeFrUeN7KGoDyP_Q3YQXPHFKx_C3_XxUnxS4zEtFsRqBXjpTqBVnZ4QxEHYzY_iWpbc3Hvun6JHqBxMMTEY"></script>
1883 1884 1885 </body> 1886</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.