      
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KKJ6VMZM');</script>
    <!-- End Google Tag Manager -->

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>William Azaroff for Mayor</title>
    <link href="https://onecity.nationbuilder.com/themes/1007/6620213321edba0c4d751bc4/0/attachments/17133817901777577023/default/theme.scss" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@300;400;700&family=Noto+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet"> 
<link rel="stylesheet" href="https://use.typekit.net/vky8cgy.css">

    
      

<script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script>



<meta content="authenticity_token" name="csrf-param" />
<meta content="JMwdwP9FKoY4n+N+CW4USBURFYj6vC6uPccrfGJWA4Y=" name="csrf-token" />

  <link rel="canonical" href="https://www.onecityvancouver.ca/william_azaroff" />
    <meta name="Title" content="William Azaroff for Mayor">
    <meta property="og:title" content="William Azaroff for Mayor"/>
  <meta property="og:url" content="https://www.onecityvancouver.ca/william_azaroff">
    <meta property="og:description" content="Building a Vancouver for Everyone">
    <meta property="og:type" content="article">
      <link rel="image_src" href="https://assets.nationbuilder.com/onecity/sites/1007/meta_images/original/NB_Logo-cropped.png?1741308653" />
      <meta property="og:image" content="https://assets.nationbuilder.com/onecity/sites/1007/meta_images/original/NB_Logo-cropped.png?1741308653" />
  <meta property="og:site_name" content="OneCity Vancouver"/>

<script type="text/javascript">
  var NB = NB || {};

  NB.environment = "production";
  NB.pageId = "6913";
  NB.Liquid = NB.Liquid || {
    Theme: {
      version: 2,
      name: "OC202404",
      parent: "bootstrap",
      variation: ""
    },
    Localization: {
      locale: "en",
      strings: {
        'liquid.event_ticket_level.confirm_purchase_popup':
          "You have indicated that you are purchasing more than 10 tickets. If this is a mistake, please click Cancel. To proceed with your purchase of more than 10 tickets, click OK."
      }
    },
    FeatureFlags: {
      confirmTicketPurchaseOptOut: "false",
      hideZipCodeConditionals: false
    }
  };
  NB.payments = NB.payments || {elements: {}};
  NB.payments.decimal_mark = "."
  NB.payments.thousands_separator = ","
  NB.payments.currency = "cad";
  NB.authProvider = NB.authProvider || { providerId: "", redirectHost: "" };
    NB.authProvider.providerId = "org_ZD69JSlj7cfzRBaW";
    NB.authProvider.redirectHost = "onecity.nationbuilder.com";
</script>

<script type="text/javascript">
    //<![CDATA[
      window._auth_token_name = "authenticity_token";
      window._auth_token = "JMwdwP9FKoY4n+N+CW4USBURFYj6vC6uPccrfGJWA4Y=";
    //]]>
</script>

  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/cupertino/jquery-ui.css" type="text/css" media="all">

      <link rel="icon" type="image/x-icon" href="https://assets.nationbuilder.com/onecity/sites/1007/favicon_images/original/Updated_Favicon.png?1660844349" />



  <script src="https://assets.nationbuilder.com/assets/liquid/main-11e0796e081cb2d8db51c7527e3dca495832445e0d96eb45ad1f68616a350008.js"></script>

<script type="text/javascript">
  window.twttr = (function (d,s,id) {
    var t, js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
    js.src="//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
    return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
  }(document, "script", "twitter-wjs"));
</script>

<script type="text/javascript">
  NB.FBAppId = '1679673749184434';
</script>

  <script type="text/javascript">
    (function (d) { var config = { kitId: 'ylb5kqd', scriptTimeout: 3000, async: true }, h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)})(document);
  </script>

    <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'G-YJ2GEW9ZWV']);
     _gaq.push(['_setDomainName', 'none']);
    _gaq.push(['_gat._anonymizeIp']);
    _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_setCustomVar', 1, 'UGC', 'false', 3]);
      _gaq.push(['_setCustomVar', 1, 'Page type', 'Basic', 3]);
    _gaq.push(['_trackPageview']);
    _gaq.push(['_trackPageLoadTime']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

      let s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(ga, s);
    })();
  </script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-YJ2GEW9ZWV"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){window.dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-YJ2GEW9ZWV');
    </script>








<!-- The following line of CSS hides a checkbox in social share prompts for posting to Facebook;
As of Aug 1 2018, FB has deprecated the ability for apps to post to personal profile pages, so this is a temporary fix
while we re-configure the social share prompt -->
<style>label[for="face_tweet_is_facebook"]{display:none;}</style>

<!-- The following CSS hides elements related to authentication now deprecated
due to the migration to an external auth provider as of Jan 2025.
Currently in place to cover any custom themes that
might not be updated to remove password inputs or social login links. -->
  <style>
    label[for="user_session_password"] {display: none;}
    #user_session_password {display: none;}

    label[for="activation_password_confirmation"] {display: none;}
    #activation_password_confirmation {display: none;}

    label[for="activation_password"] {display: none;}
    #activation_password {display: none;}

    .oauth-links:has(a.login-button-facebook) {display: none;}
    .oauth-links:has(a.connect-button-facebook) {display: none;}
    .signin-with-facebook:has(a[href*="facebook/connect"]) {display: none !important;}
    .social_connect:has(a[href*="facebook/connect"]) {display: none !important;}
    a[href*="facebook/connect"] {display: none !important;}

    .hidden-first-word {display: none !important;}

    *:has(.hidden-first-word):first-letter {
      text-transform: uppercase;
    }

    .content-user-sessions-new-wide hr {
      display: none;
    }

    .sign-in-with-email .or-button {
      display: none;
    }
  </style>

    

    


    
<meta name="twitter:card" content="summary">


<meta name="twitter:site" content="@OneCityVan">
<meta name="twitter:creator" content="@OneCityVan">

<meta name="twitter:title" content="William Azaroff for Mayor">
<meta name="twitter:domain" content="www.onecityvancouver.ca">

<meta name="twitter:description" content="OneCity is fighting for the services that Vancouver families need: affordable housing, climate action, and community safety.">



    

    <script type="text/javascript">
      NB.appConfig.userIsLoggedIn = false;
    </script>

    

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-2GQ2MB0JJT"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-2GQ2MB0JJT');
    </script>
    <!-- Start of HubSpot Embed Code -->
  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na3.hs-scripts.com/342776254.js"></script>
<!-- End of HubSpot Embed Code -->

  </head>

  





































	






























































































































































































































































































































































































































































































































































































  <body id="top-of-page" class="campana-theme v2-theme page-id-6913 page-type-basic page-pages-show-basic js" data-nation-slug="onecity" data-country-code="CA">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKJ6VMZM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <a class="sr-only sr-only-focusable" href="#content">Skip navigation</a>
<nav class="header navbar navbar-expand-lg bg-white navbar-light px-md-2" role="navigation">
  <div class="container wide pl-md-4 pl-xl-5">
    <a class="navbar-brand" href="/" title="Home">

      
        <img src="https://assets.nationbuilder.com/onecity/sites/1007/meta_images/original/NB_Logo-cropped.png?1741308653" alt="OneCity Vancouver" title="OneCity Vancouver" />
      
    </a>
    <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarAnimate" aria-controls="navbarAnimate" aria-expanded="false" aria-label="Toggle navigation">
      <span class="icon-bar top-bar"></span>
      <span class="icon-bar middle-bar"></span>
      <span class="icon-bar bottom-bar"></span>       
    </button>
    <div id="navbarAnimate" class="collapse navbar-collapse pt-lg-3">
              <div class="clearfix pt-3 pt-md-1 mr-auto ml-md-auto mx-md-2 social-row social-row-primary">
  
    <a href="https://bsky.app/profile/onecityvan.bsky.social" target="_blank" title="Visit page!" class="twitter-share-link mr-2">
      <span class="fa fa-bluesky text-white bg-bluesky"></span>
    </a>

  
    <a href="https://www.facebook.com/OneCityVan/" target="_blank" title="Visit page!" class="facebook-share-link mr-2">
      <span class="fa fa-facebook text-white bg-facebook"></span>
    </a>
  

      <a href="https://www.instagram.com/onecityvancouver/?hl=en" target="_blank" title="Visit page!" class="instagram-share-link mr-2">
      <span class="fa fa-instagram text-white bg-instagram"></span>
    </a>
  
</div>
      <ul class="navbar-nav ml-auto">
        
          
            <li class="nav-item dropdown ">
              <a class="nav-link px-lg-3 px-xl-4" href="/about" id="dropdown-about" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                About OneCity 
              </a>
              <ul class="dropdown-menu bg-transparent dropdown-menu-right" aria-labelledby="dropdown-about" role="menu">
                
                  <a class="dropdown-item first-nav-item " href="/about">About OneCity </a>
                
                
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/jennifer_reddy_vsb">Trustee Jennifer Reddy </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/councillor_lucymaloney">Councillor Lucy Maloney </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/platform_2025">2025 Platform </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  last-nav-item" href="/platform">2022 Platform </a>
                  
                  
                
              </ul>
            </li>
          
        
          
            <li class="nav-item dropdown ">
              <a class="nav-link px-lg-3 px-xl-4" href="/news" id="dropdown-news" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                News 
              </a>
              <ul class="dropdown-menu bg-transparent dropdown-menu-right" aria-labelledby="dropdown-news" role="menu">
                
                  <a class="dropdown-item first-nav-item " href="/news">News </a>
                
                
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/progressive_agreement">COPE, OneCity, and Greens Reach Agreement </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/more_out_of_school_care">It's Time for Out of School Care </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/progressive_primary_2026">Progressive Primary </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/progressivecollaborationupdate_feb_2026">Update on Unity Talks </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/reinstate_the_living_wage_2026">Bring Back the Living Wage, Urges OneCity Vancouver Councillor Lucy Maloney </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/climate-sustainability-cuts">OneCity commits to reverse any cuts to climate and sustainability programs </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/vision_zero_reaction">Lucy Maloney motion to bring road deaths down to zero passes </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/maloney_vision_zero_motion">Maloney motion to develop ambitious action plan on road safety </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  " href="/renter_office_support">Tenant and housing advocates support Maloney motion to return Renter Office </a>
                  
                  
                
                  
                  <!-- No third level --> 
                    
                    
                      <a class="dropdown-item" href="/news">+ View all News</a>
                      
              </ul>
            </li>
          
        
          
            <li class="nav-item ">
              <a class="nav-link px-lg-3" href="/volunteer">
                Volunteer 
              </a>
            </li>
          
        
          
            <li class="nav-item ">
              <a class="nav-link px-lg-3" href="/membership">
                Join Us 
              </a>
            </li>
          
        
          
            <li class="nav-item dropdown ">
              <a class="nav-link px-lg-3 px-xl-4" href="/donate" id="dropdown-donate" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Donate 
              </a>
              <ul class="dropdown-menu bg-transparent dropdown-menu-right" aria-labelledby="dropdown-donate" role="menu">
                
                  <a class="dropdown-item first-nav-item " href="/donate">Donate </a>
                
                
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  last-nav-item" href="/donate_vsb">Donate to OneCity's School Board Work </a>
                  
                  
                
              </ul>
            </li>
          
        
          
            <li class="nav-item ">
              <a class="nav-link px-lg-3" href="/calendar">
                Events 
              </a>
            </li>
          
        
          
            <li class="nav-item dropdown ">
              <a class="nav-link px-lg-3 px-xl-4" href="/our_candidates" id="dropdown-our_candidates" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Candidates for Nomination 
              </a>
              <ul class="dropdown-menu bg-transparent dropdown-menu-right" aria-labelledby="dropdown-our_candidates" role="menu">
                
                  <a class="dropdown-item first-nav-item " href="/our_candidates">Candidates for Nomination </a>
                
                
                
                  
                  <!-- No third level --> 
                    
                    
                    <a class="dropdown-item  last-nav-item" href="/how_to_vote">How to Vote </a>
                  
                  
                
              </ul>
            </li>
          
        
          
            <li class="nav-item active">
              <a class="nav-link px-lg-3" href="/william_azaroff">
                William Azaroff <span class="sr-only">(current)</span>
              </a>
            </li>
          
        
        <div class="pill"></div>
        
      </ul>
    </div>
  </div>
</nav>

<script>
  (function () {
    function setupNavPill() {
      var nav = document.querySelector('.header .navbar-nav');
      if (!nav) return;

      var pill = null;
      Array.prototype.forEach.call(nav.children, function (child) {
        if (child.classList && child.classList.contains('pill')) {
          pill = child;
        }
      });
      if (!pill) return;

      var links = [];
      Array.prototype.forEach.call(nav.children, function (child) {
        if (!child.classList || !child.classList.contains('nav-item')) return;
        var link = child.querySelector('.nav-link');
        if (link) links.push(link);
      });
      if (!links.length) return;

      function setPill(link) {
        if (!link) return;
        var navRect = nav.getBoundingClientRect();
        var linkRect = link.getBoundingClientRect();
        var left = linkRect.left - navRect.left;

        nav.style.setProperty('--left', left + 'px');
        nav.style.setProperty('--width', linkRect.width + 'px');
      }

      function activeLink() {
        for (var i = 0; i < nav.children.length; i++) {
          var child = nav.children[i];
          if (!child.classList || !child.classList.contains('nav-item')) continue;
          if (!child.classList.contains('active')) continue;
          var link = child.querySelector('.nav-link');
          if (link) return link;
        }
        return null;
      }

      links.forEach(function (link) {
        link.addEventListener('mouseenter', function () {
          setPill(link);
        });

        link.addEventListener('focus', function () {
          setPill(link);
        });
      });

      nav.addEventListener('mouseleave', function () {
        var active = activeLink();
        if (active) setPill(active);
      });

      window.addEventListener('resize', function () {
        var active = activeLink();
        if (active) {
          setPill(active);
          return;
        }

        var hovered = nav.querySelector('.nav-item .nav-link:hover');
        if (hovered) setPill(hovered);
      });

      var initial = activeLink() || links[0];
      setPill(initial);
    }

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', setupNavPill);
    } else {
      setupNavPill();
    }
  })();
</script>

    

    <a id="back-to-top " href="#top-of-page" class="smoothscroll btn btn-light position-fixed" role="button"><span class="fas fa-chevron-up"></span></a>

     
      
    

        

    

    

    
      <section class="william-hero mb-4">
  <div class="container wide">
    <div class="cutout-corner"></div>

    <div class="william-hero-media" aria-hidden="true">
      <video autoplay muted loop playsinline poster="williamazaroff.webp">
        <source src="https://assets.nationbuilder.com/williamforvancouver/pages/595/attachments/original/1769046666/wfv-bg.mp4?1769046666" type="video/mp4">
      </video>
    </div>

    <div class="william-hero-overlay" aria-hidden="true"></div>

    <div class="william-hero-content">
      <p class="william-hero-kicker">OneCity Candidate for Mayor</p>
      <h1>William Azaroff</h1>
    </div>
  </div>
</section>

    

    
    <div id="middle" class="py-4" style="background:transparent;" data-page-slug="william_azaroff">
      
        <div class="content-pages-show-basic">
  <div class="columns-1-flash"></div>
  





































	


































































































































































































































































































































































































































































































































































































 


<div class="container basic" id="content">
  
  
    
      
        
          <div class="text-content"><h2><span style="font-weight: 400;"><strong>William Azaroff is a community housing leader and city builder who knows how to bring people together to get things done.</strong></span></h2>
<p> </p>
<p><span style="font-weight: 400;">Born and raised in Vancouver by a single mom who worked as a nurse at GF Strong for nearly three decades, William has dedicated the last 20 years to making our city stronger through building affordable housing, partnerships, and organizations.</span></p>
<p><span style="font-weight: 400;">William is the CEO of Brightside Community Homes, where he leads a team that manages over 1,100 affordable homes for seniors, families, and people with disabilities - with 400 more on the way. Under his leadership, Brightside is on track to double the number of affordable homes in its portfolio, has certified as a Living Wage Employer, and is working to eliminate fossil fuel usage completely by 2035.</span></p>
<p><span style="font-weight: 400;">Prior to Brightside, William worked at Vancity for over a decade, working his way up to an executive position where he managed $4 billion in community investments. This work has had a real impact on our city, through funding local non-profits, supporting climate action, and backing Indigenous-led businesses.</span></p>
<p><span style="font-weight: 400;">He is also a dedicated board director, having served on the boards of community organizations like the BC Non-Profit Housing Association, Modo, and the Vancouver International Film Festival.</span></p>
<p><span style="font-weight: 400;">William is the husband of an amazing wife who served for 22 years as a Public School Teacher and is the proud Dad of an artist and performer. William and his family are long-time residents of the Strathcona neighbourhood.</span></p></div>
        
      
    
  

    
      <section class="william-signature-section py-4 py-md-5">
  <div class="container wide">
    <div class="committee-card william-signature-card">
      <div class="committee-photo william-signature-photo">
        <img src="https://assets.nationbuilder.com/themes/6620213321edba0c4d751bc4/attachments/original/1773432725/williamzarafoff.webp?1773432725" alt="William Azaroff">
      </div>

      <div class="committee-content william-signature-content">
        <img src="https://assets.nationbuilder.com/themes/6620213321edba0c4d751bc4/attachments/original/1773433733/william-signature.svg?1773433733" alt="William Azaroff signature">
      </div>
    </div>
  </div>
</section>

    

    
      <div class="share-button-hover btn mb-md-3" href="#">
  <span class="label"><i class="fa fa-share"></i> Share</span>
  <div class="sites">
    <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.onecityvancouver.ca/william_azaroff" target="facebookPopup" onclick="window.open(this.href, 'facebookPopup', 'left=40,top=40,height=320,width=500,toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes'); return false;" class="facebook" title="Share on Facebook!"><i class="fa fa-facebook"></i></a>
    <a href="https://twitter.com/share?url=https://www.onecityvancouver.ca/william_azaroff&text=William+Azaroff+for+Mayor" target="twitterPopup" onclick="window.open(this.href, 'twitterPopup', 'left=40,top=40,height=320,width=500,toolbar=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes'); return false;" class="twitter" title="Share on Twitter!"><i class="fa fa-twitter"></i></a>
    <a href="whatsapp://send?text=William+Azaroff+for+Mayor+https://www.onecityvancouver.ca/william_azaroff" data-action="share/whatsapp/share" target="_blank" class="whatsapp" style="color:#445a64;"><i class="fa fa-whatsapp"></i></a>
    <a href="/cdn-cgi/l/email-protection#754a171a110c48221c19191c14185e340f14071a13135e131a075e38140c1a074f5e1d010105064f5a5a0202025b1a1b10161c010c03141b161a000310075b16145a021c19191c14182a140f14071a1313" target="_blank" class="email" title="Share on Facebook!"><i class="fa fa-envelope"></i></a>
  </div>
</div>
    

    
      

  
    
    
  
  

    

    

    
  


</div>
</div>
      
    </div>
    

     <!-- New homepage content (to enable accordion sections) - copied from pages_show_basic -->
    

    

    

    

    

    

    

    

    

    

    

    

    

    


    

    

    

    

    

    

    

    

    

    
    
    

    

    

    

    

    
    
        <section class="funnel-section">
  <div class="container px-0">
    <!-- Featured Image Row -->
    <div class="row g-0 mb-4 featured-image">
      <div class="col-12">
          <img src="https://assets.nationbuilder.com/themes/6620213321edba0c4d751bc4/attachments/original/1770345804/funnel-donate.webp?1770345804" alt="Featured image" class="img-fluid w-100" style="max-height: 400px; object-fit: cover;" />
      </div>
    </div>

    <!-- Three Column Actions Row -->
    <div class="row g-0 funnel-row">
      <!-- Column 1: Donate -->
      <div class="col-12 col-md-4">
        <div class="funnel-card-container funnel-container--donate funnel-card--active" data-funnel-image="https://assets.nationbuilder.com/themes/6620213321edba0c4d751bc4/attachments/original/1770345804/funnel-donate.webp?1770345804">
        <div class="funnel-card funnel-card--donate h-100 text-center p-4">
          <h3 class="funnel-card__title text-uppercase">Fund the City<br>We Deserve</h3>
          <p class="funnel-card__text">Your donation helps take Vancouver back from big money — and put it back in the hands of neighbours.</p>
          <a href="/donate" class="btn btn-funnel text-uppercase">Donate Today</a>
        </div>
        <div class="cutout-corner"></div>
        </div>
      </div>

      <!-- Column 2: Join -->
      <div class="col-12 col-md-4">
        <div class="funnel-card-container funnel-container--join" data-funnel-image="https://assets.nationbuilder.com/themes/6620213321edba0c4d751bc4/attachments/original/1770345803/funnel-join.webp?1770345803">
          <div class="funnel-card join funnel-card--join h-100 text-center p-4">
            <h3 class="funnel-card__title text-uppercase">Join Your<br>Political Home</h3>
            <p class="funnel-card__text">OneCity is a movement for people who know Vancouver can be better. Together, we'll turn that belief into concrete change.</p>
            <a href="/join" class="btn btn-funnel text-uppercase">Become a Member</a>
          </div>
        </div>
      </div>
      <!-- Column 3: Volunteer -->
      <div class="col-12 col-md-4">
        <div class="funnel-card-container funnel-container--volunteer reverse-corner" data-funnel-image="https://assets.nationbuilder.com/themes/6620213321edba0c4d751bc4/attachments/original/1770345805/funnel-volunteer.webp?1770345805">
        <div class="funnel-card  funnel-card--volunteer h-100 text-center p-4">
          <h3 class="funnel-card__title text-uppercase">Show Up For<br>Your City</h3>
          <p class="funnel-card__text">From canvassing to community events, volunteering is how neighbours build power together.</p>
          <a href="/volunteer" class="btn btn-funnel text-uppercase">Volunteer</a>
        </div>
        <div class="cutout-corner"></div> 
        </div>
      </div>
      </div>
    </div>
  </div> 
</section>

<style>
.funnel-section {
  padding: 0;
}

.funnel-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2.5rem 2rem;
  transition: background-color 0.3s ease;
}

.funnel-card--donate {
  background-color: #f5f0eb;
}

.funnel-card--join {
  background-color: #d8d0e8;
}

.funnel-card--volunteer {
  background-color: #c8dce0;
}

/* Hover/active state - all cards become beige like donate */
.funnel-card:hover,
.funnel-card-container.funnel-card--active .funnel-card {
  background-color: #f5f0eb;
}

.funnel-card__title {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
  color: #1a1a1a;
}

.funnel-card__text {
font-size: 1.2rem;
    line-height: 1.6;
    color: #333;
    margin-bottom: 0;
    flex-grow: 1;
}

.btn-funnel {
  background-color: #1e3a5f;
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  border-radius: 0;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn-funnel:hover {
  background-color: #152a45;
  color: #fff;
  transform: translateY(-2px);
}
</style>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  (function () {
    var featuredImage = document.querySelector('.featured-image img');
    var containers = document.querySelectorAll('.funnel-card-container');
    var mobileQuery = window.matchMedia('(max-width: 768px)');

    if (!featuredImage || !containers.length) {
      return;
    }

    var applyResponsiveState = function () {
      if (mobileQuery.matches) {
        containers.forEach(function (item) {
          item.classList.add('funnel-card--active');
        });
        return;
      }

      var firstContainer = containers[0];
      containers.forEach(function (item) {
        item.classList.remove('funnel-card--active');
      });
      if (firstContainer) {
        firstContainer.classList.add('funnel-card--active');
      }
    };

    var setActiveContainer = function (container) {
      if (!container) {
        return;
      }

      containers.forEach(function (item) {
        item.classList.toggle('funnel-card--active', item === container);
      });

      var imageSrc = container.getAttribute('data-funnel-image');
      if (imageSrc) {
        featuredImage.setAttribute('src', imageSrc);
      }
    };

    var setImageFromActive = function () {
      var activeContainer = document.querySelector('.funnel-card-container.funnel-card--active');
      if (activeContainer) {
        var activeImage = activeContainer.getAttribute('data-funnel-image');
        if (activeImage) {
          featuredImage.setAttribute('src', activeImage);
        }
      }
    };

    containers.forEach(function (container) {
      container.addEventListener('mouseenter', function () {
        if (mobileQuery.matches) {
          return;
        }
        setActiveContainer(container);
      });

      container.addEventListener('mouseleave', function () {
        if (mobileQuery.matches) {
          return;
        }
        setImageFromActive();
      });

      container.addEventListener('focusin', function () {
        if (mobileQuery.matches) {
          return;
        }
        setActiveContainer(container);
      });
    });

    applyResponsiveState();
    setImageFromActive();

    if (typeof mobileQuery.addEventListener === 'function') {
      mobileQuery.addEventListener('change', applyResponsiveState);
    } else if (typeof mobileQuery.addListener === 'function') {
      mobileQuery.addListener(applyResponsiveState);
    }

    var observer = new MutationObserver(function () {
      setImageFromActive();
    });

    containers.forEach(function (container) {
      observer.observe(container, { attributes: true, attributeFilter: ['class'] });
    });
  })();
</script>
        

    



<footer class="" >
  <div class="container wide bg-white pt-5 pb-4">
          <div class="container">
    <div class="row align-items-stretch">
      <!-- Column 1: Logo -->
      <div class="col-12 col-md-2 mb-4 mb-md-0 text-center text-md-left">
        <a class="navbar-brand" href="/" title="Home">
          
            <img src="https://assets.nationbuilder.com/onecity/sites/1007/meta_images/original/NB_Logo-cropped.png?1741308653" alt="OneCity Vancouver" />
          
        </a>
      </div>
      <!-- Column 2: Navigation Links -->
      <div class="col-12 col-md-2 mb-4 mb-md-0 text-center text-md-left">
        <ul class="navbar-nav footer-nav">
          
            <li class="nav-item">
              
                <a class="nav-link text-dark" href="/about">About OneCity</a>
              
            </li>
          
            <li class="nav-item">
              
                <a class="nav-link text-dark" href="/news">News</a>
              
            </li>
          
            <li class="nav-item">
              
                <a class="nav-link text-dark" href="/volunteer">Volunteer</a>
              
            </li>
          
            <li class="nav-item">
              
                <a class="nav-link text-dark" href="/membership">Join Us</a>
              
            </li>
          
            <li class="nav-item">
              
                <a class="nav-link text-dark" href="/donate">Donate</a>
              
            </li>
          
        </ul>
      </div>

      <!-- Column 3: One City For All + Info -->
      <div class="col-12 col-md-6 text-center text-md-left">
        <div class="row">
          <div class="col-12 col-lg-12">
            <h2 class="footer-tagline text-uppercase font-weight-bold mb-3">One City, For All</h2>
            
              <div class="footer-content text-dark small mb-3">
                <p style="text-align: center;">We acknowledge that our work takes place on the unceded traditional territories of the xʷməθkʷəy̓əm (Musqueam Indian Band), Sḵwx̱wú7mesh (Squamish Nation), and səlilwətaɬ (Tsleil-Waututh Nation).</p>
<p style="text-align: center;"><span>PO Box 3316, Vancouver Main, </span><span>Vancouver, BC V6B 3Y3<br><a href="/cdn-cgi/l/email-protection#d3babdb5bc93bcbdb6b0baa7aaa5b2bdb0bca6a5b6a1fdb0b2"><span class="__cf_email__" data-cfemail="e58c8b838aa58a8b80868c919c93848b868a90938097cb8684">[email&#160;protected]</span></a></span></p>
              </div>
            
          </div>
        </div>
      </div>
                <div class="col-12 col-lg-2 text-center text-lg-right align-content-end">
            <div class="clearfix pt-3 pt-md-1 mr-auto ml-md-auto mx-md-2 social-row social-row-primary">
  
    <a href="https://bsky.app/profile/onecityvan.bsky.social" target="_blank" title="Visit page!" class="twitter-share-link mr-2">
      <span class="fa fa-bluesky text-white bg-bluesky"></span>
    </a>

  
    <a href="https://www.facebook.com/OneCityVan/" target="_blank" title="Visit page!" class="facebook-share-link mr-2">
      <span class="fa fa-facebook text-white bg-facebook"></span>
    </a>
  

      <a href="https://www.instagram.com/onecityvancouver/?hl=en" target="_blank" title="Visit page!" class="instagram-share-link mr-2">
      <span class="fa fa-instagram text-white bg-instagram"></span>
    </a>
  
</div>
          </div>
    </div>
          </div>
  </div>
  
  <!-- Authorization Bar -->
  <div class="footer-auth-bar text-center py-2">
    <span class="text-white small text-uppercase font-weight-bold">Authorized by Michael Shane Polak, Financial Agent for OneCity Vancouver, 672-335-3129</span>
  </div>
</footer>

    

    


    <div id="fb-root"></div>

  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">
  window.fbAsyncInit = function() {
    FB.init({
      channelUrl : "//onecity.nationbuilder.com/channel.html", // channelUrl has been deprecated since API version 8.0.24 in 2013.
      status     : true,
      version    : "v18.0",
      cookie     : true,
      xfbml      : true
    });
  };
  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.async = true;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

<script src="https://assets.nationbuilder.com/assets/liquid-6fda76e47cd1a46bec92e2adac0a0453c78638197e234d7667c2ff4366c5a44a.js"></script>








    
    <script src="https://cdn.campaignnow.co/tinymce.min.js"></script>
    

    

    <script src="https://onecity.nationbuilder.com/themes/1007/6620213321edba0c4d751bc4/0/attachments/17133817901777577023/default/main.min.js"></script>
    <script src="https://onecity.nationbuilder.com/themes/1007/6620213321edba0c4d751bc4/0/attachments/17133817901777577023/default/custom.js"></script>

    




    <script>
    if ( window.self !== window.top ) {
      var referrer_origin = "";
      if ( window.location.origin !== referrer_origin ) {
        var xhttp = new XMLHttpRequest();
        var params = "iframe_req_path=" + window.location.pathname + "&referrer_origin=" + referrer_origin;
        xhttp.open("GET", "iframe_requests?" + params, true);
        xhttp.send();
      }
    }
  </script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9f8413e149a67dde',t:'MTc3ODE5NzMwOQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>

