      
<!-- _hd_colophon.html -->


<!--
     _  _
   _| || |_
  |_  __  _|
   _| || |_
  |_  __  _|
    |_||_|

This website theme was created with NationBuilder by Ian Patrick Hines.


//== Colophon
//
//## A description of the tools, systems, and resources used to create this website and keep it operational.

# About this NationBuilder website theme

* Powered by the "Leader" theme by Hines Digital
* Designed & developed by Ian Patrick Hines (https://www.ianpatrickhines.com)
* Based on NationBuilder’s 'Momentum' theme framework

* Copyright 2022-2024 Hines Digital
* Licensed to National Union of Students UK, and subject to Hines Digital’s Terms & Conditions (https://www.hines.digital/terms).


# Style guide

* Wherever possible, this theme adheres to Google’s style guides (https://google.github.io/styleguide)
* User-generated content will likely not adhere to these guidelines


# Technology credits

* Developed using Bootstrap v4 (https://getbootstrap.com/)
* Bootstrap: Copyright 2011-2024 The Bootstrap Authors
* Bootstrap: Copyright 2011-2024 Twitter, Inc.
* Bootstrap: Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

* Templates are coded in Liquid Markup (https://shopify.github.io/liquid/)
* Liquid: Copyright (c) 2005, 2006 Tobias Luetke
* Liquid: Licensed under MIT (https://github.com/Shopify/liquid/blob/master/LICENSE)

* CSS was written and compiled using Sass (https://sass-lang.com/)
* Sass: Copyright (c) 2006–2024 Hampton Catlin, Natalie Weizenbaum, Chris Eppstein, Jina Anne, and numerous contributors.
* Sass: Licensed under MIT (https://github.com/sass/dart-sass/blob/master/LICENSE)

* Created with and hosted by NationBuilder (https://nationbuilder.com)
* Subject to NationBuilder’s Master Terms of Service (https://nationbuilder.com/tos)

-->
<!-- /_hd_colophon.html -->


<!-- _hd_metafields.html -->


<!-- /_hd_metafields.html -->


<!-- _hd_metafields.html -->


<!-- /_hd_metafields.html -->


<!-- _translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->


<!-- _translation_en.html -->


<!-- /_translation_en.html -->

  
<!-- /_translation.html -->


<!-- _hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->

 
<!-- /_hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->


<!-- _hd_theme_config.html -->

<!-- _translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->


<!-- _translation_en.html -->


<!-- /_translation_en.html -->

  
<!-- /_translation.html -->


<!-- _hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->

 
<!-- /_hd_translation.html -->


<!-- _hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->

 
<!-- /_hd_translation.html -->


<!-- /_hd_theme_config.html -->


<!DOCTYPE html>
<html lang="en">
  <head>

    
<!-- _hd_data_layer.html -->
<script>
  window.dataLayer = window.dataLayer || [];

  dataLayer.push({
    // NationBuilder Current User Variables

    // NationBuilder Current Recruiter Variables

    // NationBuilder Current Browser Variables

    // NationBuilder Current Order Variables

    // NationBuilder Request Variables
    'nationbuilder.request.current_theme': 'ThemeDrop',
    'nationbuilder.request.facebook_connect_url': 'https://www.nus.org.uk/users/facebook/connect?page_id=600&scope=public_profile%2Cemail',
    'nationbuilder.request.facebook_logged_in?': '',
    'nationbuilder.request.from_search_engine': '',
    'nationbuilder.request.from_search_engine_query': '',
    'nationbuilder.request.is_admin?': 'false',
    'nationbuilder.request.is_ajax?': 'false',
    'nationbuilder.request.is_facebook_canvas?': '',
    'nationbuilder.request.is_facebook_page_canvas?': '',
    'nationbuilder.request.is_ie6?': '',
    'nationbuilder.request.is_intern?': 'false',
    'nationbuilder.request.is_leader?': 'false',
    'nationbuilder.request.is_mobile?': '',
    'nationbuilder.request.is_spider?': '',
    'nationbuilder.request.is_splash?': 'false',
    'nationbuilder.request.is_staff?': 'false',
    'nationbuilder.request.logged_in?': 'false',
    'nationbuilder.request.new_account_url': 'https://www.nus.org.uk/users/accounts/new',
    'nationbuilder.request.new_password_reset_url': 'https://www.nus.org.uk/users/password_resets/new',
    'nationbuilder.request.new_user_session_url': '/forms/user_sessions/new',
    'nationbuilder.request.session_id': '',
    'nationbuilder.request.sorta_logged_in?': 'false',
    'nationbuilder.request.template': 'pages_show_donation_v2_wide',
    'nationbuilder.request.twitter_connect_url': '',
    'nationbuilder.request.url_path': '/postage-payment',

    // NationBuilder Page Variables
    'nationbuilder.page.full_url': 'https://www.nus.org.uk/postage-payment',
    'nationbuilder.page.id': '600',
    'nationbuilder.page.slug': 'postage-payment',
    'nationbuilder.page.title': 'P&P payment - NUS UK',
    'nationbuilder.page.type_name': 'Donation (v2)',
    'nationbuilder.page.type_slug': 'donation_v2',

    // NationBuilder Current Signup Variables
    'nationbuilder.request.current_signup.age': '',
    'nationbuilder.request.current_signup.capital_amount_format': '',
    'nationbuilder.request.current_signup.capital_amount_in_cents': '',
    'nationbuilder.request.current_signup.demo_name': '',
    'nationbuilder.request.current_signup.do_not_call?': '',
    'nationbuilder.request.current_signup.do_not_contact?': '',
    'nationbuilder.request.current_signup.donations_amount_average_format': '',
    'nationbuilder.request.current_signup.donations_amount_format': '',
    'nationbuilder.request.current_signup.donations_amount_in_cents': '',
    'nationbuilder.request.current_signup.donations_amount_this_cycle_format': '',
    'nationbuilder.request.current_signup.donations_amount_this_cycle_in_cents': '',
    'nationbuilder.request.current_signup.donations_count': '',
    'nationbuilder.request.current_signup.donations_pledged_amount_format': '',
    'nationbuilder.request.current_signup.donations_pledged_amount_in_cents': '',
    'nationbuilder.request.current_signup.donations_raised_amount_format': '',
    'nationbuilder.request.current_signup.donations_raised_amount_in_cents': '',
    'nationbuilder.request.current_signup.donations_raised_amount_this_cycle_format': '',
    'nationbuilder.request.current_signup.donations_raised_amount_this_cycle_in_cents': '',
    'nationbuilder.request.current_signup.donations_to_raise_amount_format': '',
    'nationbuilder.request.current_signup.donations_to_raise_amount_in_cents': '',
    'nationbuilder.request.current_signup.followers_count': '',
    'nationbuilder.request.current_signup.followers_count_from_twitter': '',
    'nationbuilder.request.current_signup.followers_donors_count': '',
    'nationbuilder.request.current_signup.followers_from_twitter': '',
    'nationbuilder.request.current_signup.followers_possible_voters_count': '',
    'nationbuilder.request.current_signup.followers_possible_voters_with_unknown_count': '',
    'nationbuilder.request.current_signup.followers_supporters_count': '',
    'nationbuilder.request.current_signup.followers_volunteers_count': '',
    'nationbuilder.request.current_signup.followings_count': '',
    'nationbuilder.request.current_signup.followings_count': '',
    'nationbuilder.request.current_signup.followings_count_from_facebook': '',
    'nationbuilder.request.current_signup.followings_count_from_twitter': '',
    'nationbuilder.request.current_signup.followings_from_facebook': '',
    'nationbuilder.request.current_signup.followings_from_twitter': '',
    'nationbuilder.request.current_signup.has_assistant?': '',
    'nationbuilder.request.current_signup.has_bio?': '',
    'nationbuilder.request.current_signup.has_donated?': '',
    'nationbuilder.request.current_signup.has_email?': '',
    'nationbuilder.request.current_signup.has_facebook_authorization?': '',
    'nationbuilder.request.current_signup.has_facebook_info?': '',
    'nationbuilder.request.current_signup.has_full_address?': '',
    'nationbuilder.request.current_signup.has_mobile?': '',
    'nationbuilder.request.current_signup.has_name?': '',
    'nationbuilder.request.current_signup.has_parent?': '',
    'nationbuilder.request.current_signup.has_password?': '',
    'nationbuilder.request.current_signup.has_phone?': '',
    'nationbuilder.request.current_signup.has_twitter_authorization?': '',
    'nationbuilder.request.current_signup.has_twitter_info?': '',
    'nationbuilder.request.current_signup.has_website?': '',
    'nationbuilder.request.current_signup.has_work_phone?': '',
    'nationbuilder.request.current_signup.id': '',
    'nationbuilder.request.current_signup.is_admin?': '',
    'nationbuilder.request.current_signup.is_banned?': '',
    'nationbuilder.request.current_signup.is_customer?': '',
    'nationbuilder.request.current_signup.is_donor?': '',
    'nationbuilder.request.current_signup.is_intern?': '',
    'nationbuilder.request.current_signup.is_leaderboardable?': '',
    'nationbuilder.request.current_signup.is_opted_in?': '',
    'nationbuilder.request.current_signup.is_organization?': '',
    'nationbuilder.request.current_signup.is_person?': '',
    'nationbuilder.request.current_signup.is_profile_published?': '',
    'nationbuilder.request.current_signup.is_profile_searchable?': '',
    'nationbuilder.request.current_signup.is_supporter?': '',
    'nationbuilder.request.current_signup.is_survey_question_private?': '',
    'nationbuilder.request.current_signup.is_volunteer?': '',
    'nationbuilder.request.current_signup.maximum_donation_possible_this_cycle': '',
    'nationbuilder.request.current_signup.party': '',
    'nationbuilder.request.current_signup.previous_party': '',
    'nationbuilder.request.current_signup.received_capital_amount_format': '',
    'nationbuilder.request.current_signup.received_capital_amount_in_cents': '',
    'nationbuilder.request.current_signup.recruits_count': '',
    'nationbuilder.request.current_signup.recruits_count': '',
    'nationbuilder.request.current_signup.recruits_count': '',
    'nationbuilder.request.current_signup.recruits_count': '',
    'nationbuilder.request.current_signup.recruits_count': '',
    'nationbuilder.request.current_signup.recruits_count': '',
    'nationbuilder.request.current_signup.revenue_amount_format': '',
    'nationbuilder.request.current_signup.revenue_amount_in_cents': '',
    'nationbuilder.request.current_signup.rule_violations_count': '',
    'nationbuilder.request.current_signup.rule_violations_count': '',
    'nationbuilder.request.current_signup.sex': '',
    'nationbuilder.request.current_signup.signup_type': '',
    'nationbuilder.request.current_signup.spent_capital_amount_format': '',
    'nationbuilder.request.current_signup.spent_capital_amount_in_cents': '',
    'nationbuilder.request.current_signup.support_level': '',
    'nationbuilder.request.current_signup.tag_list': '',
    'nationbuilder.request.current_signup.tag_list_sentence': '',
    

    // NationBuilder Current Signup’s Last Donation

    // NationBuilder Current Signup’s Assistant

    // NationBuilder Current Signup’s Parent Variables

    // NationBuilder Current Signup’s Recruiter Variables
  });
</script>
<!-- /_hd_data_layer.html -->


    <!-- 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-NQZK4WN');</script>
    

    <!-- Meta Tags: Standard -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Meta Tags: Open Graph -->
    <meta property="og:image" content="https://assets.nationbuilder.com/nus/pages/9/meta_images/original/2.png?1707147966">

    <!-- Meta Tags: Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    

    <!-- NationBuilder Code: content_for_header -->
    

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


<meta content="authenticity_token" name="csrf-param" />
<meta content="B7zU6634Oj9Enks7r39C9ObbW0jVmrmHfkwLBhahy+c=" name="csrf-token" />

  <link rel="canonical" href="https://www.nus.org.uk/postage-payment" />
    <meta name="Title" content="Supporters Circle Exclusive Pin Badge P&amp;P">
    <meta property="og:title" content="Supporters Circle Exclusive Pin Badge P&amp;P"/>
  <meta property="og:url" content="https://www.nus.org.uk/postage-payment">
    <meta property="og:type" content="article">
      <link rel="image_src" href="https://assets.nationbuilder.com/nus/sites/1/meta_images/original/NUS_UK.png?1728472429" />
      <meta property="og:image" content="https://assets.nationbuilder.com/nus/sites/1/meta_images/original/NUS_UK.png?1728472429" />
  <meta property="og:site_name" content="NUS UK"/>

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

  NB.environment = "production";
  NB.pageId = "600";
  NB.Liquid = NB.Liquid || {
    Theme: {
      version: 3,
      name: "NUS UK with content hub update",
      parent: "momentum",
      variation: "NUS_United_Kingdom"
    }
  };
  NB.payments = NB.payments || {elements: {}};
  NB.payments.decimal_mark = "."
  NB.payments.thousands_separator = ","
  NB.payments.currency = "gbp";
  NB.authProvider = NB.authProvider || { providerId: "", redirectHost: "" };
</script>

<script type="text/javascript">
    //<![CDATA[
      window._auth_token_name = "authenticity_token";
      window._auth_token = "B7zU6634Oj9Enks7r39C9ObbW0jVmrmHfkwLBhahy+c=";
    //]]>
</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/nus/sites/1/favicon_images/original/nus_uk_favicon.png?1728555013" />


    <script src="https://assets.nationbuilder.com/assets/liquid/v3/main-cf7508d089632f1f12da174c95aceb6b786a260b10441b8bd0cc72b62c9248ce.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>


  <div id='recaptcha-input'>
    <script src="https://www.recaptcha.net/recaptcha/api.js?render=6LekWdoZAAAAAA61Owqhdq5e8IIQEfJbEOs8IT8T"   ></script>
        <script>
          // Define function so that we can call it again later if we need to reset it
          // This executes reCAPTCHA and then calls our callback.
          function executeRecaptchaForDonate() {
            grecaptcha.ready(function() {
              grecaptcha.execute('6LekWdoZAAAAAA61Owqhdq5e8IIQEfJbEOs8IT8T', {action: 'donate'}).then(function(token) {
                setInputWithRecaptchaResponseTokenForDonate('g-recaptcha-response-data-donate', token)
              });
            });
          };
          // Invoke immediately
          executeRecaptchaForDonate()

          // Async variant so you can await this function from another async function (no need for
          // an explicit callback function then!)
          // Returns a Promise that resolves with the response token.
          async function executeRecaptchaForDonateAsync() {
            return new Promise((resolve, reject) => {
              grecaptcha.ready(async function() {
                resolve(await grecaptcha.execute('6LekWdoZAAAAAA61Owqhdq5e8IIQEfJbEOs8IT8T', {action: 'donate'}))
              });
            })
          };

                    var setInputWithRecaptchaResponseTokenForDonate = function(id, token) {
            var element = document.getElementById(id);
            element.value = token;
          }

        </script>
<input type="hidden" name="g-recaptcha-response-data[donate]" id="g-recaptcha-response-data-donate" data-sitekey="6LekWdoZAAAAAA61Owqhdq5e8IIQEfJbEOs8IT8T" class="g-recaptcha g-recaptcha-response "/>

    <script>
      const clientKey = '6LekWdoZAAAAAA61Owqhdq5e8IIQEfJbEOs8IT8T'
      grecaptcha.ready( function() {
        var $badge = $('.grecaptcha-badge');
        if ($badge.length === 1){
          if ($('#cd-nav, #control-panel-nav').length === 1) {
            $badge.css("bottom", "84px")
          }
          $badge.css("z-index", "9994")
          $badge.find('iframe').css("margin", "0");
        }

        setInterval(
          function() {
            grecaptcha.execute(clientKey, { action: 'donate' }).then(
              function (token) {
                if ($("#g-recaptcha-response-data-donate").length) {
                  $("#g-recaptcha-response-data-donate").val(token);
                }
              }
            )
          }, 90000)
      });
    </script>
</div>


  <script src="https://js.stripe.com/v3/"></script>
  <script>
    NB.payments.publishableKey = "pk_live_1TjMHnI0fp51k3hKVhJEpm6D";
    NB.payments.epoButtonTheme = "dark";
    
    
    NB.payments.descriptor = "WWW.NUS.ORG.UK"
      NB.payments.fixedAmount = 199
  </script>
    <script src="https://assets.nationbuilder.com/assets/payments_styling-3cb98755e69cd4399888137a7648ee6eabdd63c4d4c547626e7174d769be6e1b.js"></script>
        <script>
          function initializeDefaultElementOptionsForCustomNationSignupPages() {}
        </script>
  <script src="https://assets.nationbuilder.com/assets/payments-e2d51187f660cba449c70f7f87f733f762042cf340a5fd57e0f8c1fbf885c033.js"></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>


    <!-- End NationBuilder Code: content_for_header -->
    
    <!-- NationBuilder Code: Login Check -->
    <script type="text/javascript">
      NB.appConfig.userIsLoggedIn = !!"false";
      NB.translate = {
        follow: "Follow",
        unfollow: "Unfollow",
      }
    </script>

    <!-- Page Title -->
    <title>P&P payment - NUS UK</title>

    <!-- Primary Stylesheet -->
    <link href="https://nus.nationbuilder.com/themes/1/660d3381d0055b53937ac0db/0/attachments/17321096441732111164/default/theme.scss" rel="stylesheet" />
    <link rel="stylesheet" href="https://use.typekit.net/lmt6bwj.css">
  </head>

  <body class="nationbuilder hinesdigital momentum-theme v3-theme js page-type-donation-v2 page-pages-show-donation-v2-wide homepage has-breadcrumbs">
    
      <!-- Google Tag Manager (noscript) -->
      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQZK4WN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    

<!-- _content.html -->


<main id="content" role="main" class="bg-white">
  
    
<!-- _translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->


<!-- _translation_en.html -->


<!-- /_translation_en.html -->

  
<!-- /_translation.html -->


<!-- _hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->

 
<!-- /_hd_translation.html -->


<!-- _hd_theme_config.html -->

<!-- _translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->


<!-- _translation_en.html -->


<!-- /_translation_en.html -->

  
<!-- /_translation.html -->


<!-- _hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->

 
<!-- /_hd_translation.html -->


<!-- _hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->

 
<!-- /_hd_translation.html -->


<!-- /_hd_theme_config.html -->


  <header class="bg-dark">
    <div class="container">
      <div class="row justify-content-center pt-4 pb-5">
        <div class="col-md-9">
          
<!-- _header_mini.html -->
<header class="card">
  <div class="card-body">
    <a class="navbar-brand" href="/">
      <img src="https://assets.nationbuilder.com/nus/sites/1/meta_images/original/NUS_UK.png?1728472429" class="navbar-brand-img mw-100" alt="National Union of Students UK"/> 
    </a>
  </div>
</header>

<!-- /_header_mini.html -->

        </div>
      </div>
      
        <div class="row justify-content-center pb-5">
          <div class="col-md-9">
            <div class="px-md-5">
              
                <h2 class="m-0 h3 text-white">Supporters Circle Exclusive Pin Badge P&P</h2>
              
              
                <div class="mt-4 text-light lead"><p><span>Thank you for joining us as we campaign for a better future for students. You can pay for the postage and packaging here to receive your free (ex P&amp;P) exclusive Supporters Circle Pin Badge. Once we have received your payment, you can expect to receive your badge within 28 days. </span></p></div>
              
            </div>
          </div>
        </div>
      
    </div>
  </header>
  <div class="wrapper-donation-v2">
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-md-9">
          <div class="card card-lg overflow-hidden">
            <div class="card-body pb-0">
              
  
  <form id="postage_payment_page_new_donation_form" class="donation_form" method="POST" action="/forms/donations"><input name="authenticity_token" type="hidden" value="B7zU6634Oj9Enks7r39C9ObbW0jVmrmHfkwLBhahy+c="/><input name="page_id" type="hidden" value="600"/><input name="return_to" type="hidden" value="https://www.nus.org.uk/postage-payment"/><div class="email_address_form" style="display:none;" aria-hidden="true"><p><label for="email_address">Optional email code</label><br/><input name="email_address" type="text" class="text" id="email_address" autocomplete="off"/></p></div>
    <div class="form">
      <div class="form-errors"></div>

      
        <fieldset>
          
          
            <legend class="mb-3 h6 font-weight-semi-bold text-sans-serif">Amount</legend>
            <p class="h2 single-amount mb-0">£1.99</p>
            
          
        </fieldset>
      

      <fieldset class="mt-4">
        <legend class="mb-3 h6 font-weight-semi-bold text-sans-serif">Pay with</legend>

          
        <div id="payment-methods" class="form-row my-2">
          <div id="donation-v2-payment-request"></div>
          <div id="cc-request-button">
            <button type="button" class="btn btn-positive"><i id="credit-card-icon"></i>Credit card</button>
          </div>
          <div id="apple-pay-notice">
            <p class="small">If you use Apple Pay, your confirmation prompt may refer to our payment processor, "NationBuilder"</p>
          </div>
        </div>
          
        <div id="selected-payment-method" class="form-row">
          <div class="col-sm-12">
            <i id="payment-method-icon"></i><a href="#" class="change-payment-method">Change payment method</a>
          </div>
          <p>You're almost done! Submit donation below.</p>
        </div>
        <div id="submitted-payment-method" class="form-row">
          <div class="col-sm-12">
            <p>Payment method information has been saved. <a href="#" class="change-submitted-payment-method">Change payment method</a></p>
          </div>
        </div>
        <div id="cc-info" class="form-group">
          <div class="payment-input payment-toggle-view" data-payments-element-type="card" data-error-container=".payment-input + div.card-error-container"></div>
<div class="card-error-container"></div>

          <p class="pt-1 text-center">
            <a href="#" class="change-payment-method">Change payment method</a>
          </p>
        </div>
      </fieldset>

      <fieldset id="your-info" class="mt-4">
        <legend class="mb-3 h6 font-weight-semi-bold text-sans-serif">Your information</legend>
        <div id="demographics-read-only" class="mb-2">
          <a href="#" id="edit-demographics">Edit</a>
          <p id="demographics-name"></p>
          <p id="demographics-email"></p>
          <p id="demographics-phone"></p>
        </div>
        <div id="demographics-info">
          <div class="form-row">
            <div class="form-group col-md-6">
              <div class="float-label">
                <label for="donation_first_name">First name</label>
                <input class="form-control" id="donation_first_name" name="donation[first_name]" type="text" />
              </div>
            </div>
            <div class="form-group col-md-6">
              <div class="float-label">
                <label for="donation_last_name">Last name</label>
                <input class="form-control" id="donation_last_name" name="donation[last_name]" type="text" />
              </div>
            </div>
          </div>
          <div class="form-row">
            <div class="form-group col-md-6">
              <div class="float-label">
                <label for="donation_email">Email</label>
                <input class="form-control" id="donation_email" name="donation[email]" type="email" />
              </div>
            </div>
            <div class="form-group col-md-6">
              <div class="float-label">
                <label for="donation_billing_address_phone_number">Phone</label>
                <input class="form-control" id="donation_billing_address_phone_number" name="donation[billing_address_attributes][phone_number]" type="tel" />
              </div>
            </div>
          </div>
        </div>

        <p id="address-read-only">
          <span class="address-line">
            <span id="address-line1"></span><a href="#" id="edit-address">Edit</a>
          </span>
          <span class="address-line">
            <span id="address-line2"></span>
          </span>
          <span class="address-line">
            <span id="address-city"></span>, <span id="address-state"></span> <span id="address-zip"></span>
          </span>
          <span class="address-line">
            <span id="address-country"></span>
          </span>
        </p>
        <div id="address-info">
          
<!-- _donation_billing_address_inputs.html -->

<!-- _translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->


<!-- _translation_en.html -->


<!-- /_translation_en.html -->

  
<!-- /_translation.html -->


<!-- _hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->

 
<!-- /_hd_translation.html -->


<div data-address-inputs>
  <div class="form-group">
    <div class="float-label">
      <label for="donation_billing_address_country_code">Country</label>
      
        <select id="donation_billing_address_country_code" name="donation[billing_address_attributes][country_code]"  class="custom-select address-inputs-toggle"><option value="AF">Afghanistan</option><option value="AL">Albania</option><option value="DZ">Algeria</option><option value="AS">American Samoa</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarctica</option><option value="AG">Antigua and Barbuda</option><option value="AR">Argentina</option><option value="AM">Armenia</option><option value="AW">Aruba</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="AZ">Azerbaijan</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BY">Belarus</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivia</option><option value="BQ">Bonaire, Sint Eustatius and Saba</option><option value="BA">Bosnia and Herzegovina</option><option value="BW">Botswana</option><option value="BV">Bouvet Island</option><option value="BR">Brazil</option><option value="IO">British Indian Ocean Territory</option><option value="BN">Brunei Darussalam</option><option value="BG">Bulgaria</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodia</option><option value="CM">Cameroon</option><option value="CA">Canada</option><option value="CV">Cape Verde</option><option value="KY">Cayman Islands</option><option value="CF">Central African Republic</option><option value="TD">Chad</option><option value="CL">Chile</option><option value="CN">China</option><option value="CX">Christmas Island</option><option value="CC">Cocos (Keeling) Islands</option><option value="CO">Colombia</option><option value="KM">Comoros</option><option value="CG">Congo</option><option value="CD">Congo, the Democratic Republic of the</option><option value="CK">Cook Islands</option><option value="CR">Costa Rica</option><option value="HR">Croatia</option><option value="CU">Cuba</option><option value="CW">Curaçao</option><option value="CY">Cyprus</option><option value="CZ">Czech Republic</option><option value="CI">Côte d'Ivoire</option><option value="DK">Denmark</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="DO">Dominican Republic</option><option value="EC">Ecuador</option><option value="EG">Egypt</option><option value="SV">El Salvador</option><option value="GQ">Equatorial Guinea</option><option value="ER">Eritrea</option><option value="EE">Estonia</option><option value="ET">Ethiopia</option><option value="FK">Falkland Islands (Malvinas)</option><option value="FO">Faroe Islands</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="GF">French Guiana</option><option value="PF">French Polynesia</option><option value="TF">French Southern Territories</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgia</option><option value="DE">Germany</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GL">Greenland</option><option value="GD">Grenada</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="HM">Heard Island and McDonald Islands</option><option value="VA">Holy See (Vatican City State)</option><option value="HN">Honduras</option><option value="HK">Hong Kong</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="ID">Indonesia</option><option value="IR">Iran, Islamic Republic of</option><option value="IQ">Iraq</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="JO">Jordan</option><option value="KZ">Kazakhstan</option><option value="KE">Kenya</option><option value="KI">Kiribati</option><option value="KW">Kuwait</option><option value="KG">Kyrgyzstan</option><option value="LA">Lao People's Democratic Republic</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LS">Lesotho</option><option value="LR">Liberia</option><option value="LY">Libya</option><option value="LI">Liechtenstein</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MO">Macao</option><option value="MG">Madagascar</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MH">Marshall Islands</option><option value="MQ">Martinique</option><option value="MR">Mauritania</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MX">Mexico</option><option value="FM">Micronesia, Federated States of</option><option value="MD">Moldova, Republic of</option><option value="MC">Monaco</option><option value="MN">Mongolia</option><option value="ME">Montenegro</option><option value="MS">Montserrat</option><option value="MA">Morocco</option><option value="MZ">Mozambique</option><option value="MM">Myanmar</option><option value="NA">Namibia</option><option value="NR">Nauru</option><option value="NP">Nepal</option><option value="NL">Netherlands</option><option value="NC">New Caledonia</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NU">Niue</option><option value="NF">Norfolk Island</option><option value="KP">North Korea</option><option value="MK">North Macedonia, Republic of</option><option value="MP">Northern Mariana Islands</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PS">Palestine, State of</option><option value="PA">Panama</option><option value="PG">Papua New Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PN">Pitcairn</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="RO">Romania</option><option value="RU">Russian Federation</option><option value="RW">Rwanda</option><option value="RE">Réunion</option><option value="BL">Saint Barthélemy</option><option value="SH">Saint Helena, Ascension and Tristan da Cunha</option><option value="KN">Saint Kitts and Nevis</option><option value="LC">Saint Lucia</option><option value="MF">Saint Martin (French part)</option><option value="PM">Saint Pierre and Miquelon</option><option value="VC">Saint Vincent and the Grenadines</option><option value="WS">Samoa</option><option value="SM">San Marino</option><option value="ST">Sao Tome and Principe</option><option value="SA">Saudi Arabia</option><option value="SN">Senegal</option><option value="RS">Serbia</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SX">Sint Maarten (Dutch part)</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="SB">Solomon Islands</option><option value="SO">Somalia</option><option value="ZA">South Africa</option><option value="GS">South Georgia and the South Sandwich Islands</option><option value="KR">South Korea</option><option value="SS">South Sudan</option><option value="ES">Spain</option><option value="LK">Sri Lanka</option><option value="SD">Sudan</option><option value="SR">Suriname</option><option value="SJ">Svalbard and Jan Mayen</option><option value="SZ">Swaziland</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="SY">Syrian Arab Republic</option><option value="TW">Taiwan</option><option value="TJ">Tajikistan</option><option value="TZ">Tanzania, United Republic of</option><option value="TH">Thailand</option><option value="TL">Timor-Leste</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinidad and Tobago</option><option value="TN">Tunisia</option><option value="TR">Turkey</option><option value="TM">Turkmenistan</option><option value="TC">Turks and Caicos Islands</option><option value="TV">Tuvalu</option><option value="UG">Uganda</option><option value="UA">Ukraine</option><option value="AE">United Arab Emirates</option><option value="GB" selected="selected">United Kingdom</option><option value="US">United States</option><option value="UM">United States Minor Outlying Islands</option><option value="UY">Uruguay</option><option value="UZ">Uzbekistan</option><option value="VU">Vanuatu</option><option value="VE">Venezuela, Bolivarian Republic of</option><option value="VN">Viet Nam</option><option value="VG">Virgin Islands, British</option><option value="VI">Virgin Islands, U.S.</option><option value="WF">Wallis and Futuna</option><option value="EH">Western Sahara</option><option value="YE">Yemen</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option><option value="AX">Åland Islands</option></select>
      
    </div>
  </div>

  <div data-address-inputs-slot></div>

  
  <div data-address-inputs-group="US">
    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address1">Street address</label>
        <input class="text form-control" id="donation_billing_address_address1" name="donation[billing_address_attributes][address1]" type="text" />
      </div>
    </div>

    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address2">Apt, suite, etc.</label>
        <input class="text form-control" id="donation_billing_address_address2" name="donation[billing_address_attributes][address2]" type="text" />
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_city">City</label>
          <input class="text form-control" id="donation_billing_address_city" name="donation[billing_address_attributes][city]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_state">State</label>
          
            <select id="donation_billing_address_state" name="donation[billing_address_attributes][state]"  class="custom-select"><option value="" selected="selected"></option><option value="AL">Alabama</option><option value="AK">Alaska</option><option value="AS">American Samoa</option><option value="AZ">Arizona</option><option value="AR">Arkansas</option><option value="AA">Armed Forces Americas</option><option value="AE">Armed Forces Europe</option><option value="AP">Armed Forces Pacific</option><option value="CA">California</option><option value="CO">Colorado</option><option value="CT">Connecticut</option><option value="DE">Delaware</option><option value="DC">District of Columbia</option><option value="FM">Federated States of Micronesia</option><option value="FL">Florida</option><option value="GA">Georgia</option><option value="GU">Guam</option><option value="HI">Hawaii</option><option value="ID">Idaho</option><option value="IL">Illinois</option><option value="IN">Indiana</option><option value="IA">Iowa</option><option value="KS">Kansas</option><option value="KY">Kentucky</option><option value="LA">Louisiana</option><option value="ME">Maine</option><option value="MH">Marshall Islands</option><option value="MD">Maryland</option><option value="MA">Massachusetts</option><option value="MI">Michigan</option><option value="MN">Minnesota</option><option value="MS">Mississippi</option><option value="MO">Missouri</option><option value="MT">Montana</option><option value="NE">Nebraska</option><option value="NV">Nevada</option><option value="NH">New Hampshire</option><option value="NJ">New Jersey</option><option value="NM">New Mexico</option><option value="NY">New York</option><option value="NC">North Carolina</option><option value="ND">North Dakota</option><option value="OH">Ohio</option><option value="OK">Oklahoma</option><option value="OR">Oregon</option><option value="PW">Palau</option><option value="PA">Pennsylvania</option><option value="PR">Puerto Rico</option><option value="RI">Rhode Island</option><option value="SC">South Carolina</option><option value="SD">South Dakota</option><option value="TN">Tennessee</option><option value="TX">Texas</option><option value="UT">Utah</option><option value="VT">Vermont</option><option value="VI">Virgin Island</option><option value="VA">Virginia</option><option value="WA">Washington</option><option value="WV">West Virginia</option><option value="WI">Wisconsin</option><option value="WY">Wyoming</option></select>
          
        </div>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_zip">Zip code</label>
          <input class="text form-control" id="donation_billing_address_zip" name="donation[billing_address_attributes][zip]" type="text" />
        </div>
      </div>
    </div>
  </div>

  
  <div data-address-inputs-group="CA">
    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address1">Street address</label>
        <input class="text form-control" id="donation_billing_address_address1" name="donation[billing_address_attributes][address1]" type="text" />
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_address2">Apt, suite, etc.</label>
          <input class="text form-control" id="donation_billing_address_address2" name="donation[billing_address_attributes][address2]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_city">City</label>
          <input class="text form-control" id="donation_billing_address_city" name="donation[billing_address_attributes][city]" type="text" />
        </div>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_county">Province</label>
          <input class="text form-control" id="donation_billing_address_county" name="donation[billing_address_attributes][county]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_zip">Postal code</label>
          <input class="text form-control" id="donation_billing_address_zip" name="donation[billing_address_attributes][zip]" type="text" />
        </div>
      </div>
    </div>
  </div>

  
  <div data-address-inputs-group="AU">
    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address1">Street address</label>
        <input class="text form-control" id="donation_billing_address_address1" name="donation[billing_address_attributes][address1]" type="text" />
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_address2">Apt, suite, etc.</label>
          <input class="text form-control" id="donation_billing_address_address2" name="donation[billing_address_attributes][address2]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_city">City/Suburb</label>
          <input class="text form-control" id="donation_billing_address_city" name="donation[billing_address_attributes][city]" type="text" />
        </div>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_zip">Postal code</label>
          <input class="text form-control" id="donation_billing_address_zip" name="donation[billing_address_attributes][zip]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_state">State/territory</label>
          <input class="text form-control" id="donation_billing_address_state" name="donation[billing_address_attributes][state]" type="text" />
        </div>
      </div>
    </div>
  </div>

  
  <div data-address-inputs-group="NZ">
    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address1">Street address</label>
        <input class="text form-control" id="donation_billing_address_address1" name="donation[billing_address_attributes][address1]" type="text" />
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_address2">Apt, suite, etc.</label>
          <input class="text form-control" id="donation_billing_address_address2" name="donation[billing_address_attributes][address2]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_city">City</label>
          <input class="text form-control" id="donation_billing_address_city" name="donation[billing_address_attributes][city]" type="text" />
        </div>
      </div>
    </div>

    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_zip">Postal code</label>
        <input class="text form-control" id="donation_billing_address_zip" name="donation[billing_address_attributes][zip]" type="text" />
      </div>
    </div>
  </div>

  
  <div data-address-inputs-group="GB">
    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address1">Building number and street name</label>
        <input class="text form-control" id="donation_billing_address_address1" name="donation[billing_address_attributes][address1]" type="text" />
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_address2">Address 2</label>
          <input class="text form-control" id="donation_billing_address_address2" name="donation[billing_address_attributes][address2]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_city">City</label>
          <input class="text form-control" id="donation_billing_address_city" name="donation[billing_address_attributes][city]" type="text" />
        </div>
      </div>
    </div>

    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_zip">Postcode</label>
        <input class="text form-control" id="donation_billing_address_zip" name="donation[billing_address_attributes][zip]" type="text" />
      </div>
    </div>
  </div>

  
  <div data-address-inputs-group="IT">
    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address1">Street and building number</label>
        <input class="text form-control" id="donation_billing_address_address1" name="donation[billing_address_attributes][address1]" type="text" />
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_address2">Apt, suite, etc.</label>
          <input class="text form-control" id="donation_billing_address_address2" name="donation[billing_address_attributes][address2]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_zip">Postal code</label>
          <input class="text form-control" id="donation_billing_address_zip" name="donation[billing_address_attributes][zip]" type="text" />
        </div>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_city">City</label>
          <input class="text form-control" id="donation_billing_address_city" name="donation[billing_address_attributes][city]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_state">Province</label>
          <input class="text form-control" id="donation_billing_address_state" name="donation[billing_address_attributes][state]" type="text" />
        </div>
      </div>
    </div>
  </div>

  
  <div data-address-inputs-group="FR">
    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address1">Street address</label>
        <input class="text form-control" id="donation_billing_address_address1" name="donation[billing_address_attributes][address1]" type="text" />
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_address2">Apartment, suite, etc.</label>
          <input class="text form-control" id="donation_billing_address_address2" name="donation[billing_address_attributes][address2]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_zip">Postal code</label>
          <input class="text form-control" id="donation_billing_address_zip" name="donation[billing_address_attributes][zip]" type="text" />
        </div>
      </div>
    </div>

    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_city">City</label>
        <input class="text form-control" id="donation_billing_address_city" name="donation[billing_address_attributes][city]" type="text" />
      </div>
    </div>
  </div>

  
  <div data-address-inputs-group="NEC">
    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address1">Street and building number</label>
        <input class="text form-control" id="donation_billing_address_address1" name="donation[billing_address_attributes][address1]" type="text" />
      </div>
    </div>

    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address2">Apt, suite, etc.</label>
        <input class="text form-control" id="donation_billing_address_address2" name="donation[billing_address_attributes][address2]" type="text" />
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_zip">Postal code</label>
          <input class="text form-control" id="donation_billing_address_zip" name="donation[billing_address_attributes][zip]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_city">City</label>
          <input class="text form-control" id="donation_billing_address_city" name="donation[billing_address_attributes][city]" type="text" />
        </div>
      </div>
    </div>
  </div>

  
  <div data-address-inputs-group="FALLBACK">
    <div class="form-group">
      <div class="float-label">
        <label for="donation_billing_address_address1">Street address</label>
        <input class="text form-control" id="donation_billing_address_address1" name="donation[billing_address_attributes][address1]" type="text" />
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_address2">Apt, suite, etc.</label>
          <input class="text form-control" id="donation_billing_address_address2" name="donation[billing_address_attributes][address2]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_zip">Postal code</label>
          <input class="text form-control" id="donation_billing_address_zip" name="donation[billing_address_attributes][zip]" type="text" />
        </div>
      </div>
    </div>

    <div class="form-row">
      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_billing_address_city">City</label>
          <input class="text form-control" id="donation_billing_address_city" name="donation[billing_address_attributes][city]" type="text" />
        </div>
      </div>

      <div class="form-group col-md-6">
        <div class="float-label">
          <label for="donation_state">State/region</label>
          <input class="text form-control" id="donation_billing_address_state" name="donation[billing_address_attributes][state]" type="text" />
        </div>
      </div>
    </div>
  </div>
</div>

<!-- /_donation_billing_address_inputs.html -->

        </div>

        
<!-- _custom_fields.html -->


<!-- /_custom_fields.html -->


        <div class="form-group">
          <small class="text-black-75">
            
              Contributions are tax deductible.
            
          </small>
        </div>

        
          <div class="form-group">
            <div class="custom-control custom-checkbox">
              <input name="donation[email_opt_in]" type="hidden" value="0" /><input class="custom-control-input" id="donation_email_opt_in" name="donation[email_opt_in]" type="checkbox" value="1" />
              <label class="custom-control-label" for="donation_email_opt_in">Send me email updates</label>
            </div>
          </div>
        

        <div class="border-top border-primary mt-4 mx-n5 p-5"> 
          
            <div clas="form-group">
              <label for="is_confirmation_text">Contribution rules</label>
              Your donation will be treated as a gift to NUS UK. NUS UK will abide by the Supporters Promise, which can be found on nus.org.uk.
              <div class="custom-control custom-checkbox">
                <input name="donation[is_confirmed]" type="hidden" value="0" /><input class="custom-control-input checkbox" id="donation_is_confirmed" name="donation[is_confirmed]" type="checkbox" value="1" />
                <label for="donation_is_confirmed" class="custom-control-label checkbox">I confirm that the above statements are true and accurate.</label>
              </div>
            </div>
          

            <div class="form-group">
              <div class="submit-container">
                <div class="donation-v2-amount text-center mb-4">
                  
                    
                      <span class="h3">£</span>
                      <span class="nb_donation_v2_amount h3 mb-0">1.99</span>
                    

                </div>
                <div class="mt-4">
                  
                    
<!-- _form_submit_tag.html -->

<!-- _translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->


<!-- _translation_en.html -->


<!-- /_translation_en.html -->

  
<!-- /_translation.html -->


<!-- _hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->

 
<!-- /_hd_translation.html -->


<div class="btn-loader w-100">
  <div class="form-submit"></div>
  <input class="
btn btn-primary btn-submit btn-block btn-lg
" type="submit" name="commit" value="Donate now" />
</div>


<!-- /_form_submit_tag.html -->

                  
                </div>
              </div>
          </div>
        </div>
      </fieldset>
    </div>
  </form>

            </div>
            
          </div>
        </div>
      </div>
    </div>
  </div>
  
	
<!-- _hd_footer_partners.html -->
<div class="bg-primary py-5">
	<div class="container">
		<div class="row">
			<div class="col">
				<h4 class="h2 text-white">Our Partners</h4>
			</div>
		</div>
		<div class="row">
			<div class="col-6 col-lg-auto">
				<img src="https://assets.nationbuilder.com/themes/660d3381d0055b53937ac0db/attachments/original/1725550219/partner-nus-charity-new2.png?1725550219" class="hd-aspect-ratio-4-3 hd-object-fit-contain hd-img-white" style="max-height: 200px;" />
			</div>
			<div class="col-6 col-lg-auto">
				<img src="https://assets.nationbuilder.com/themes/660d3381d0055b53937ac0db/attachments/original/1659981298/partner-onevoice.png?1659981298" class="hd-aspect-ratio-4-3 hd-object-fit-contain" style="max-height: 200px;" />
			</div>
			<div class="col-6 col-lg-auto">
				<img src="https://assets.nationbuilder.com/themes/660d3381d0055b53937ac0db/attachments/original/1659981266/partner-sos-uk.png?1659981266" class="hd-aspect-ratio-4-3 hd-object-fit-contain" style="max-height: 200px;" />
			</div>
			<div class="col-6 col-lg-auto">
				<img src="https://assets.nationbuilder.com/themes/660d3381d0055b53937ac0db/attachments/original/1659981249/partner-totum_logo_white.png?1659981249" class="hd-aspect-ratio-4-3 hd-object-fit-contain" style="max-height: 200px;" />
			</div>
		</div>
	</div>
</div>
<!-- /_hd_footer_partners.html -->
 
	
<!-- _hd_footer_3.html -->

<!-- _translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->


<!-- _translation_en.html -->


<!-- /_translation_en.html -->

  
<!-- /_translation.html -->


<!-- _hd_translation.html -->


<!-- _tag_list.html -->

<!-- /_tag_list.html -->

 
<!-- /_hd_translation.html -->


<footer id="hd_footer" class="hd_footer_3">
  <div class="container py-5">
    <div class="row justify-content-start">
      <div class="col-12 col-lg-auto text-center text-lg-left">
        <a href="https://www.nus.org.uk/"><img src="https://assets.nationbuilder.com/themes/660d3381d0055b53937ac0db/attachments/original/1659555923/logo-black.webp?1659555923" alt="National Union of Students UK" class="hd-aspect-ratio-auto hd-object-fit-contain mb-4 hd-footer-logo" style="max-height: 6em;" /></a>
      </div>

      <div class="col-12 col-lg-auto text-center text-lg-left">
        <div class="mt-3">
<!-- _hd_footer_links_topnav.html -->

<ul class="list-inline footer-top-nav hd-footer-topnav">
  
    <li class="list-inline-item hd-footer-topnav-link "><a href="/campaigns">Campaigns</a></li>
  
    <li class="list-inline-item hd-footer-topnav-link "><a href="/about">About</a></li>
  
    <li class="list-inline-item hd-footer-topnav-link "><a href="/student-hubs">Student Hubs</a></li>
  
    <li class="list-inline-item hd-footer-topnav-link "><a href="/news">News</a></li>
  
    <li class="list-inline-item hd-footer-topnav-link "><a href="/liberation">Liberation</a></li>
  
    <li class="list-inline-item hd-footer-topnav-link "><a href="/nations">Nations</a></li>
  
    <li class="list-inline-item hd-footer-topnav-link "><a href="/giving">Donate</a></li>
  
    <li class="list-inline-item hd-footer-topnav-link mr-0"><a href="/members">Members</a></li>
  
</ul>
<!-- /_hd_footer_links_topnav.html -->
</div>
      </div>
      <div class="col-12 col-lg text-center text-lg-right">
        
<!-- _hd_footer_links_social.html -->
  
<ul class="footer-social-links list-inline hd-footer-social_nav">
  

</ul>
<!-- /_hd_footer_links_social.html -->

      </div>
    </div>
    <div class="row justify-content-center">
      <div class="col-12 text-center text-lg-left">

        
<!-- _hd_footer_links_legal.html -->

<ul class="list-inline footer-top-nav mb-4 hd-footer-legal_nav">
  <div class="d-block">
    
      <li class="list-inline-item hd-footer-legal_nav-link"><a href="/login">Sign in</a></li>
    

    <li class="list-inline-item hd-footer-legal_nav-link"><a href="https://www.nus.org.uk/unsubscribe">Unsubscribe</a></li>
</ul>
<!-- /_hd_footer_links_legal.html -->


<!-- _hd_footer_content.html -->


  <div class="hd-footer-content">
    <ul class="list-inline">
<li class="list-inline-item"><a href="https://nus.nationbuilder.com/privacy_policy">Privacy Policy</a></li>
<li class="list-inline-item"><a href="http://nus.nationbuilder.com/terms_and_conditions">Terms &amp; Conditions</a></li>
<li class="list-inline-item"><a href="http://nus.nationbuilder.com/accessibility">Accessibility Statement</a></li>
<li class="list-inline-item"><a href="https://nus.nationbuilder.com/recite_me_tool_guide">Read Me Aloud Guide</a></li>
</ul>
  </div>

<!-- /_hd_footer_content.html -->


<!-- _hd_footer_disclaimer_taxable.html -->


  <div class="hd-footer-contribution_disclaimer">
    <p>
      
        Contributions are tax deductible.
      
    </p>
  </div>

<!-- /_hd_footer_disclaimer_taxable.html -->

      </div>
    </div>
    <div class="row justify-content-start mt-md-4">
      <div class="col-12 col-lg-auto text-center text-lg-left mb-3">
        
<!-- _hd_footer_copyright.html -->
  
<ul class="list-inline">
  <li class="list-inline-item hd-footer-copyright">Copyright © 2024 National Union of Students UK</li>
</ul>
<!-- /_hd_footer_copyright.html -->

      </div>

      <div class="col-12 col-lg-auto text-center text-lg-right mb-3">
        
<!-- _hd_footer_links_nb_hd.html -->
<!--
The NationBuilder link below is required. If it is removed, we may add it back ourselves.
You can style it or move it in different ways, but please leave it in the footer.
-->
<ul class="list-unstyled list-inline">
  <li class="list-inline-item hd-footer-created_with_nb">Created with <a href="https://nationbuilder.com/?utm_source=footer&utm_medium=referral&utm_campaign=nus" class="text-decoration-none" target="_blank">NationBuilder</a></li>
  
</ul>
<!-- /_hd_footer_links_nb_hd.html -->
 
      </div>
    </div>
  </div>
</footer>
<!-- /_hd_footer_3.html -->
 

<script>
  var currentLocale = "en";
  NB.payments.locale = currentLocale;
  NB.payments.elementOptions = {
    style: {
      base: {
        fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
        fontSize: '16px'
      }
    }
  };
</script>
<script src="/assets/liquid/theme_donation_v2.js"></script>


</main>
<!-- /_content.html -->

	
    <div id="enableRecite" class="reciteme recite-btn bottom-left position-fixed"><img src="https://assets.nationbuilder.com/themes/660d3381d0055b53937ac0db/attachments/original/1667933141/read-me-aloud.png?1667933141" alt="Enable Recite Me accessibility tools" data-recite-ele="true" class="null recite-selected"></div>

    <div id="flash_container">
  

</div>

    <div id="fb-root"></div>

  <script type="text/javascript">
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 1679673749184434,
      channelUrl : "//nus.nationbuilder.com/channel.html",
      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://nus.nationbuilder.com/themes/1/660d3381d0055b53937ac0db/0/attachments/17321096441732111164/default/popper.min.js"></script>
    <script src="https://nus.nationbuilder.com/themes/1/660d3381d0055b53937ac0db/0/attachments/17321096441732111164/default/bootstrap.min.js"></script>
    <script src="https://nus.nationbuilder.com/themes/1/660d3381d0055b53937ac0db/0/attachments/17321096441732111164/default/vendor.js"></script>
      <script src="https://assets.nationbuilder.com/assets/liquid/v3/img-cropper-a99f75748195e5af07ffca593afce5492ce8533501371377f17d77b89eeab8ab.js"></script>

    <script src="https://nus.nationbuilder.com/themes/1/660d3381d0055b53937ac0db/0/attachments/17321096441732111164/default/theme.js"></script>

    <script>
      var serviceUrl = "//api.reciteme.com/asset/js?key=";
      var serviceKey = "0f5915e79a8167ff4dbae1a961fa8c194104289d";
      var options = {};  // Options can be added as needed
      var autoLoad = false;
      var enableFragment = "#reciteEnable";
      var loaded = [], frag = !1; window.location.hash === enableFragment && (frag = !0); function loadScript(c, b) { var a = document.createElement("script"); a.type = "text/javascript"; a.readyState ? a.onreadystatechange = function () { if ("loaded" == a.readyState || "complete" == a.readyState) a.onreadystatechange = null, void 0 != b && b() } : void 0 != b && (a.onload = function () { b() }); a.src = c; document.getElementsByTagName("head")[0].appendChild(a) } function _rc(c) { c += "="; for (var b = document.cookie.split(";"), a = 0; a < b.length; a++) { for (var d = b[a]; " " == d.charAt(0);)d = d.substring(1, d.length); if (0 == d.indexOf(c)) return d.substring(c.length, d.length) } return null } function loadService(c) { for (var b = serviceUrl + serviceKey, a = 0; a < loaded.length; a++)if (loaded[a] == b) return; loaded.push(b); loadScript(serviceUrl + serviceKey, function () { "function" === typeof _reciteLoaded && _reciteLoaded(); "function" == typeof c && c(); Recite.load(options); Recite.Event.subscribe("Recite:load", function () { Recite.enable() }) }) } "true" == _rc("Recite.Persist") && loadService(); if (autoLoad && "false" != _rc("Recite.Persist") || frag) document.addEventListener ? document.addEventListener("DOMContentLoaded", function (c) { loadService() }) : loadService();
    </script>

    <script type="text/javascript">
      document.addEventListener("DOMContentLoaded", function(event) {

      document.getElementById('enableRecite').addEventListener("click", function() {

          loadService();

      });

      });
    </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 defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8f1e53cbe81fd697","version":"2024.10.5","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"ff633690ee944cc4bb4fa2453466614e","b":1}' crossorigin="anonymous"></script>
</body>

	<script async src="//www.instagram.com/embed.js"></script>
</html>