CINXE.COM
Homepage | Barclaycard
<!doctype html> <html lang="en" class="no-js"> <head> <script> function getCookie(name) { var value = "; " + document.cookie; var parts = value.split("; " + name + "="); if (parts.length == 2) return parts.pop().split(";").shift(); } var items = 'bcard,Personal'.split(','); var pageDepth = items.length; var ccpCookie = getCookie('CCP'); var ccpCookieValues = {cat2: 'off', cat3: 'off', cat4: 'off'}; var newReturning = 'undefined' !== typeof getCookie('CCP_OTM') ? "returning" : "new"; if ('undefined' !== typeof ccpCookie) { var decodedCcpCookieValues = JSON.parse(decodeURIComponent(getCookie('CCP'))); if ('undefined' !== typeof decodedCcpCookieValues.publicuser) { ccpCookieValues = decodedCcpCookieValues.publicuser } } var digitalData = { user_optin_performance: ccpCookieValues.cat2, user_optin_functional: ccpCookieValues.cat3, user_optin_targeting: ccpCookieValues.cat4, user_newReturning: newReturning, page_platform: 'brochureware', page_id: "", page_template_id: "\/apps\/componentlibrary\/templates\/page_bdl_standard", page_name: items.join(':'), page_title: 'Homepage | Barclaycard', page_cmsPageName: 'personal', page_cmsPath: '\/content\/barclaycard\u002Dco\u002Duk\/en\/personal', page_level1: items[0], page_level2: pageDepth > 1 ? items[1] : '', page_level3: pageDepth > 2 ? items[2] : '', page_level4: pageDepth > 3 ? items[3] : '', page_breadcrumb: items.join('>'), page_breadCrumbs: items, page_url_protocol: document.location.protocol, page_url_host: document.location.hostname, page_url_path: document.location.pathname, page_url_querystring: document.location.search, page_url_hash: document.location.hash, page_destinationURL: document.location, page_referring_url: document.referrer, page_search_term: "", page_search_type: "", device_build_id: "", device_name: window.navigator.userAgent, device_os: window.navigator.platform, device_os_version: window.navigator.userAgent, device_type: "", event_alt: "", event_applicationid: "", event_applicationtype: "", event_campaign: "", event_cssSelector: "", event_deeplink_start: "", event_deeplink_success: "", event_destination: "", event_domPath: "", event_error_code: "", event_error_form_fields: "", event_label: "", event_section: "", event_timestamp_unix: Date.now() / 1000 | 0, event_timestamp_utc: new Date().toISOString(), event_type: "screenload", event_value: "", page_accessibility: "", page_channel_id: 'brochureware', page_impressions: "", page_url_content: "", page_version: "", user_accessibility: "", user_accounts_held: "", user_accounts_held_total: "", user_accounts_held_3p: "", user_accounts_held_3p_total: "", user_brassId: "", user_browsing_as: "", user_customer_segment: "", user_eligible_products: "", user_hashed_id: "", user_hashed_id_business: "", user_login_method: "", user_login_route: "", user_login_segment: "", user_login_success: "", user_registered: "", adobeAnalyticsEnabled:'true' }; </script> <script src="/etc/designs/componentlibrary/sriFallback/sriFallback.min.js" async></script> <script src="https://tags.tiqcdn.com/utag/barclaysuk/barclaycard-public/PROD-A/utag.js" data-sri-fallback-url="https://tags.tiqcdn.com/utag/barclaysuk/barclaycard-public/PROD-G/utag.js" data-sri-fallback-hash="sha256-+UZ9lwy6kN/LJ4PCzmvU3uv7j5HVxcz56Chm5dEtKz4=" integrity="sha256-MoPrfFhcUTkMsFo19eCRUOmFkKt0aY6MUfelawGH8f0=" crossorigin="anonymous" type="text/javascript" async></script> <meta charset="utf-8"/> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <title>Homepage | Barclaycard</title> <meta property="og:title" content="Homepage | Barclaycard"/> <meta name="twitter:title" content="Homepage | Barclaycard"/> <meta name="description" content="Apply for a credit card, access your online banking and learn more about incentives, balance transfers and other benefits of being a Barclaycard holder"/> <meta property="og:description" content="Apply for a credit card, access your online banking and learn more about incentives, balance transfers and other benefits of being a Barclaycard holder"/> <meta name="twitter:description" content="Apply for a credit card, access your online banking and learn more about incentives, balance transfers and other benefits of being a Barclaycard holder"/> <meta property="og:type" content="article"/> <meta name="twitter:card" content="summary"/> <meta property="og:locale" content="en_GB"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="robots" content="index,follow"/> <link rel="canonical" href="https://www.barclaycard.co.uk/personal"/> <meta property="og:url" content="https://www.barclaycard.co.uk/personal"/> <meta name="twitter:url" content="https://www.barclaycard.co.uk/personal"/> <link rel="shortcut icon" type="image/x-icon" href="/content/dam/icons/favicons/barclaycard/favicon.ico"/> <link rel="apple-touch-icon" sizes="180x180" href="/content/dam/icons/favicons/barclaycard/apple-touch-icon-180x180.png"/> <link rel="apple-touch-icon" sizes="167x167" href="/content/dam/icons/favicons/barclaycard/apple-touch-icon-167x167.png"/> <link rel="apple-touch-icon" sizes="152x152" href="/content/dam/icons/favicons/barclaycard/apple-touch-icon-152x152.png"/> <link rel="apple-touch-icon" sizes="120x120" href="/content/dam/icons/favicons/barclaycard/apple-touch-icon-120x120.png"/> <link rel="preconnect" href="//smetrics.barclays.co.uk" crossorigin/> <script defer src="/etc/designs/componentlibrary/commonlibs/js/libs/modernizr.min.js"></script> <!-- THEME : theme.barclaycard --> <link rel="preload" href="/etc/designs/assetsBundle/clientlib/resources/fonts/barclaycard-light.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="/etc/designs/assetsBundle/clientlib/resources/fonts/barclaycard-regular.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="/etc/designs/assetsBundle/clientlib/resources/fonts/open-sans-regular.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="/etc/designs/assetsBundle/clientlib/resources/fonts/barclaycard-icons-new.woff2" as="font" type="font/woff2" crossorigin/> <script type="text/javascript"> (function() { window.ContextHub = window.ContextHub || {}; /* setting paths */ ContextHub.Paths = ContextHub.Paths || {}; ContextHub.Paths.CONTEXTHUB_PATH = "/etc/cloudsettings/barclaycard-configuration/contexthub"; ContextHub.Paths.RESOURCE_PATH = "\/content\/barclaycard\u002Dco\u002Duk\/en\/personal\/_jcr_content\/contexthub"; ContextHub.Paths.SEGMENTATION_PATH = "\/etc\/segmentation\/barclaycard\u002Dco\u002Duk"; ContextHub.Paths.CQ_CONTEXT_PATH = ""; /* setting initial constants */ ContextHub.Constants = ContextHub.Constants || {}; ContextHub.Constants.ANONYMOUS_HOME = "/home/users/m/mT4Y971Fb3AWuvKRF-X6"; ContextHub.Constants.MODE = "no-ui"; }()); </script><script src="/etc/cloudsettings/barclaycard-configuration/contexthub.kernel.js" type="text/javascript"></script> <meta name="p:domain_verify" content="20172d8a2b94cd79963c5cc20068422b"/> <style> dialog { bottom: initial; } </style> <!-- Theme: theme.barclaycard --> <link rel="stylesheet" href="/etc/designs/componentlibrary/theme.barclaycard/clientlib.css" type="text/css"> <!-- this is the page sub header libs --> <script src="/etc/designs/componentlibrary/jquery/clientlib.js"></script> <script> window.$CQ = jQuery; </script> </head> <body data-runmode-publish="true" data-template="/apps/componentlibrary/templates/page_bdl_standard" class="segment-visible desktop skiplinks-hidden"> <div class="custom_tag parbase section"> </div> <div class="custom_tag parbase section"> </div> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="custom_tags_head_sitewide iparsys parsys"></div> </div> <div class="barclaycard-header section"> <header class="aem-header" role="banner" aria-label="Page Header" data-component-type="Header"> <div class="aem-header__head"> <div class="aem-header__skiplinks"> <div class="aem-skiplinks" data-component-type="Skiplinks"> <div class="aem-skiplinks__content"> <div class="aem-skiplinks__item"> <span class="aem-skiplinks__label" id="skiplink-label" aria-hidden="true">Skip to:</span> </div> <div class="aem-skiplinks__item"> <a class="aem-skiplinks__link" id="main-navigation" href="#mainnav" accesskey="1" aria-labelledby="skiplink-label main-navigation"> Main navigation </a> </div> <div class="aem-skiplinks__item"> <a class="aem-skiplinks__link" id="content-link" href="#main-content" accesskey="2" aria-labelledby="skiplink-label content-link"> Content </a> </div> <div class="aem-skiplinks__item"> <!-- Fix: ` class="quicklink-nav" ` is used by JS to remove it under certain conditions --> <a class="aem-skiplinks__link" id="quick-links" href="#quicklinks" accesskey="3" aria-labelledby="skiplink-label quick-links"> Quick Links </a> </div> <div class="aem-skiplinks__item"> <a class="aem-skiplinks__link" id="footer-link" href="#footerlink" accesskey="4" aria-labelledby="skiplink-label footer-link"> Footer navigation </a> </div> <div class="aem-skiplinks__item"> <a class="aem-skiplinks__link" id="search-assistant" href="#skip-search-assistant" accesskey="5" aria-labelledby="skiplink-label search-assistant"> Help Hub </a> </div> </div> </div> </div> <div class="aem-header__head-content"> <div class="aem-header__switch"> <div class="aem-switch-nav"> <div class="aem-switch-nav__body"> <p class="aem-switch-nav__body-sr-only">You are in the <span>Personal</span> site</p> <div class="aem-switch-nav__items"> <div class="aem-switch-nav__item"> <a class="aem-switch-item is-active" href="/personal" aria-label="Personal home page"> <span class="aem-switch-item__media"> <svg class="aem-switch-item__icon" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <path d="M24 8c0 4.418-3.582 8-8 8s-8-3.582-8-8c0-4.418 3.582-8 8-8s8 3.582 8 8z"></path> <path d="M31.68 32h0.32v-1.897c0-5.257-7.154-9.531-16-9.531s-16 4.274-16 9.531v1.897h31.68z"></path> </svg> </span> <span class="aem-switch-item__text" aria-hidden="true">Personal</span> </a> </div> <div class="aem-switch-nav__item"> <a class="aem-switch-item" href="/business" aria-label="Business home page"> <span class="aem-switch-item__media"> <svg class="aem-switch-item__icon" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32"> <path d="M0 0v32h9.143v-8h6.857v8h9.143v-32h-25.143zM8 20.8h-4.114v-4.114h4.114v4.114zM8 14.4h-4.114v-4.114h4.114v4.114zM8 8h-4.114v-4.114h4.114v4.114zM14.4 20.8h-4.114v-4.114h4.114v4.114zM14.4 14.4h-4.114v-4.114h4.114v4.114zM14.4 8h-4.114v-4.114h4.114v4.114zM20.8 20.8h-4.114v-4.114h4.114v4.114zM20.8 14.4h-4.114v-4.114h4.114v4.114zM20.8 8h-4.114v-4.114h4.114v4.114z"></path> </svg> </span> <span class="aem-switch-item__text" aria-hidden="true">Business</span> </a> </div> </div> </div> </div> </div> <div class="aem-header__utils"> <div class="aem-header__utils-item aem-header__utils-item--hide-md-down"> <a class="aem-header__utils-button" href="/personal/privacy-policy"> Privacy and Cookie Policy </a> </div> <div class="aem-header__utils-item aem-header__utils-item--hide-md-down"> <a class="aem-header__utils-button" href="/personal/accessibility"> Accessibility </a> </div> <div class="aem-header__utils-item aem-header__utils-item--hide-md-down"> <a class="aem-header__utils-button" href="/personal/contact-us"> Contact us </a> </div> <div class="aem-header__utils-item aem-header__utils-item--hide-md-down"> <a class="aem-header__utils-button" href="/personal/customer/staying-safe"> Security </a> </div> <div class="aem-header__utils-item aem-header__utils-item--hide-md-down"> <a class="aem-header__utils-button" href="/personal/help"> FAQs </a> </div> <div class="aem-header__utils-item aem-header__utils-item--hide-md-down"> <a class="aem-header__utils-button" href="/personal/sitemap"> Sitemap </a> </div> </div> </div> </div> <div class="aem-header__body"> <div class="aem-header__body-content"> <div class="aem-header__logo"> <a class="aem-header__logo-link" href="/personal" title="Barclaycard home"> <span class="aem-header__icon-openworld aem-header__logo-image"></span> <span class="aem-header__icon-wordmark aem-header__logo-image"></span> </a> </div> <nav class="aem-header__navigation" id="mainnav"> <ul class="aem-navigation aem-navigation--level-1"> <li class="aem-navigation__item aem-navigation__item--level-1"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-1 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--full-width aem-nav-button--text aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Find a Barclaycard</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-2" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/credit-cards"> <span class="aem-nav-button__text">View all credit cards</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/credit-cards/find-the-right-barclaycard"> <span class="aem-nav-button__text">Find the right card for you </span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/credit-cards/eligibility-checker"> <span class="aem-nav-button__text">Check your eligibility</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/credit-cards/credit-building-cards"> <span class="aem-nav-button__text">Cards for building your credit history</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/credit-cards/amazon-barclaycard"> <span class="aem-nav-button__text">Amazon rewards credit card</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/avios"> <span class="aem-nav-button__text">Avios credit cards</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/credit-cards/purchase-credit-cards"> <span class="aem-nav-button__text">Cards for purchases</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/credit-cards/rewards-credit-cards"> <span class="aem-nav-button__text">Cards for earning rewards </span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/credit-cards/balance-transfer-credit-cards"> <span class="aem-nav-button__text">Cards for making balance transfers</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-1"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-1 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--full-width aem-nav-button--text aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Manage your account</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-2" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/customer"> <span class="aem-nav-button__text">Existing customer homepage</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Getting started with your card</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/barclaycard-app"> <span class="aem-nav-button__text">Download the Barclaycard app</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/register-online-account"> <span class="aem-nav-button__text">Register for an online account </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/activate-new-barclaycard"> <span class="aem-nav-button__text">Activate your card</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Managing your account online</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/additional-cardholder"> <span class="aem-nav-button__text">Add a cardholder </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/alerts"> <span class="aem-nav-button__text">Set up email and text alerts </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/change-personal-information"> <span class="aem-nav-button__text">Change your personal information</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/change-credit-limit"> <span class="aem-nav-button__text">Change your credit limit </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/view-pin"> <span class="aem-nav-button__text">View your PIN</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/online-account-servicing-a2z"> <span class="aem-nav-button__text">Online account servicing A-Z</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/servicing-updates"> <span class="aem-nav-button__text">Latest updates to your online account</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Your billing and payments </span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/pay-your-bill"> <span class="aem-nav-button__text">Pay your bill</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/view-statements"> <span class="aem-nav-button__text">View your statements</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/billing-and-payments/change-due-date"> <span class="aem-nav-button__text">Change your payment due date</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/know-your-rights"> <span class="aem-nav-button__text">Protecting your purchases</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/billing-and-payments/missed-payment"> <span class="aem-nav-button__text">Missed payment</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Transfers and offers</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/lending-guide"> <span class="aem-nav-button__text">Transfer and offers guide</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/transfer-balance"> <span class="aem-nav-button__text">Transfer a credit card balance to your Barclaycard</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="https://www.barclaycard.co.uk/personal/customer/money-transfer"> <span class="aem-nav-button__text">Money transfers</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/instalment-plan"> <span class="aem-nav-button__text">Instalment plans</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Barclaycard benefits</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/barclaycard-cashback-rewards"> <span class="aem-nav-button__text">Barclaycard Cashback rewards</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/barclaycard-entertainment"> <span class="aem-nav-button__text">Barclaycard Entertainment</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/know-your-rights"> <span class="aem-nav-button__text">Purchase protection</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/spending-abroad"> <span class="aem-nav-button__text">Using your card abroad</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/contactless"> <span class="aem-nav-button__text">Pay your way</span> </a> </div> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-1"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-1 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--full-width aem-nav-button--text aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Help & support</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-2" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Help with your Barclaycard</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/lost-stolen-damaged-cards"> <span class="aem-nav-button__text">Lost, stolen and damaged cards </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/forgotten-log-in-details"> <span class="aem-nav-button__text">Forgotten your login details?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/emergency-card-replacement"> <span class="aem-nav-button__text">Emergency card replacement </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/credit-card-charges"> <span class="aem-nav-button__text">Credit card charges</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/spending-abroad"> <span class="aem-nav-button__text">Spending abroad</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/help-with-your-barclaycard/insurance"> <span class="aem-nav-button__text">Insurance</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/help-with-your-barclaycard/bereavement-guide"> <span class="aem-nav-button__text">Bereavement guide</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Money worries</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/billing-and-payments/missed-payment"> <span class="aem-nav-button__text">Missed payments</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/job-loss"> <span class="aem-nav-button__text">Job loss</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/bereavement"> <span class="aem-nav-button__text">Bereavement</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/accident"> <span class="aem-nav-button__text">Accident</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/mental-health"> <span class="aem-nav-button__text">Mental health</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/carer"> <span class="aem-nav-button__text">Support for carers</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/illness"> <span class="aem-nav-button__text">Illness</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/separated"> <span class="aem-nav-button__text">Separation and divorce</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/addiction"> <span class="aem-nav-button__text">Addiction</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/student-debt"> <span class="aem-nav-button__text">Student debt</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/no-budget"> <span class="aem-nav-button__text">Budget problems</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/reduced-income"> <span class="aem-nav-button__text">Reduced income</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/customer/report-fraud"> <span class="aem-nav-button__text">Report fraud</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/help-and-support/jargon-buster"> <span class="aem-nav-button__text">Jargon buster </span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/contact-us"> <span class="aem-nav-button__text">Contact us</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/help"> <span class="aem-nav-button__text">Help centre / FAQs</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" href="https://www.barclays.co.uk/loans/ways-to-borrow"> <span class="aem-nav-button__text">Ways to borrow</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-1"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-1 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--full-width aem-nav-button--text aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Get Credit Confident </span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-2" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Credit card basics</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/advantages-of-credit-card"> <span class="aem-nav-button__text">Why get a credit card?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/how-do-credit-cards-work"> <span class="aem-nav-button__text">How do credit cards work?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/how-do-credit-cards-work/what-should-i-use-my-credit-card-for"> <span class="aem-nav-button__text">What to use your credit card for </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/budgeting/how-can-I-manage-my-credit-repayments"> <span class="aem-nav-button__text">How to manage your credit repayments</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/how-do-credit-cards-work/what-is-a-credit-card-apr"> <span class="aem-nav-button__text">Understanding credit card APR</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Understanding credit scores</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/credit-score-basics"> <span class="aem-nav-button__text">Credit score basics</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/credit-score-basics/how-to-check-your-credit-score"> <span class="aem-nav-button__text">How to check your credit score</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/understanding-your-credit-rating"> <span class="aem-nav-button__text">Understanding your credit score</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/credit-score-basics/what-are-the-causes-of-a-bad-credit-rating"> <span class="aem-nav-button__text">What is bad credit?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/improving-credit-score"> <span class="aem-nav-button__text">Improving your credit score</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/credit-score-basics/the-truth-about-your-credit-rating-seven-common-myths-busted"> <span class="aem-nav-button__text">The truth about your credit score: 6 common myths busted </span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Understanding interest</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/your-cash-interest-rates-and-fees"> <span class="aem-nav-button__text">Interest rates, balances and fees </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/interest-calculator"> <span class="aem-nav-button__text">Interest calculator</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/base-rate-tracking"> <span class="aem-nav-button__text">How the Bank of England base rate affects interest</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/promotional-rates"> <span class="aem-nav-button__text">Promotional interest rates</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/compound-interest"> <span class="aem-nav-button__text">Compound interest </span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Understanding balance transfers </span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/what-is-a-balance-transfer"> <span class="aem-nav-button__text">What is a balance transfer?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/balance-transfers/how-could-a-balance-transfer-help-me-manage-my-money"> <span class="aem-nav-button__text">How can a balance transfer help manage your money?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/balance-transfers/how-to-improve-your-chances-of-getting-a-0-percent-balance-transfer-card"> <span class="aem-nav-button__text">How to improve your chance of getting a 0% balance transfer card </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/balance-transfers/how-much-does-a-balance-transfer-card-cost"> <span class="aem-nav-button__text">How much does a balance transfer card cost?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/balance-transfers/how-do-i-find-the-best-balance-transfer-credit-card"> <span class="aem-nav-button__text">How to find the best balance transfer credit card </span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Fraud and security</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/protecting-yourself-from-fraud"> <span class="aem-nav-button__text">Protecting yourself from fraud </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/how-we-protect-you"> <span class="aem-nav-button__text">How we help protect you from fraud </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/fraud-protection/what-is-identity-theft"> <span class="aem-nav-button__text">What is identity theft?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/confirm"> <span class="aem-nav-button__text">Changes to the way you pay online</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/fraud-protection/how-to-spot-and-report-scams"> <span class="aem-nav-button__text">Spot the scams</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Financial life guides</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--level-3 aem-navigation--column" aria-hidden="true" aria-label="Submenu"> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/family-finances"> <span class="aem-nav-button__text">Family finances</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/shopping-and-travel/should-I-get-a-special-travel-credit-card-for-when-I-travel-abroad"> <span class="aem-nav-button__text">Should you get a special travel credit card?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/home-and-garden/the-first-time-home-buyers-guide"> <span class="aem-nav-button__text">The first time home buyers' guide </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/budgeting/how-much-rent-can-i-afford"> <span class="aem-nav-button__text">How much rent can you afford?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/home-and-garden/should-you-put-your-home-improvements-on-a-credit-card"> <span class="aem-nav-button__text">Should you put your home improvements on a credit card?</span> </a> </div> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> </ul> </nav> <div class="aem-header__utils"> <div class="aem-header__utils-item"> <a class="m-button m-button--full-width m-button--small m-button--primary m-button--icon-left aem-header__utils-item-font aem-header__utils-item-focus" href="#as3-login" aria-label="Log into Barclaycard online servicing" data-aem-js="loginButton"> <span class="m-button__media"> <svg class="m-button__icon" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="30 30 140 140"> <path d="M70.089 70c0 2.762 2.238 5 5 5s5-2.238 5-5V60h-.001c.002-5.539 2.23-10.507 5.857-14.143 3.635-3.627 8.604-5.854 14.143-5.857 5.538.003 10.507 2.231 14.142 5.857 3.629 3.636 5.855 8.604 5.859 14.143h.001v10c0 2.762 2.151 5 4.913 5 2.762 0 5.087-2.238 5.087-5V60h-.001c.002-8.269-3.367-15.801-8.787-21.214-5.414-5.421-12.945-8.789-21.214-8.786-8.269-.002-15.8 3.365-21.213 8.786-5.422 5.413-8.789 12.945-8.787 21.214h.001v10zM149.965 160v-60c0-11.009-8.885-19.92-19.868-19.994v-.012h-60.32v.016c-10.967.103-19.812 9.012-19.812 19.994h.001V170h100.071v-10h-.072zm-10 0h-80v-59.996c0-5.516 4.484-10.004 10-10.004v-.006h59.996V90c5.516 0 10.004 4.484 10.004 10v60z"></path> <path d="M100.088 110.271c-5.373 0-9.729 4.355-9.729 9.729 0 3.49 1.844 6.543 4.605 8.26V140h9.644v-11.389c3.096-1.629 5.209-4.871 5.209-8.611 0-5.373-4.355-9.729-9.729-9.729z"></path> </svg> </span> <span class="m-button__text" aria-hidden="true">Log in</span> </a> </div> <div class="aem-header__utils-item"> <a class="m-button m-button--full-width m-button--text m-button--icon-left aem-header__utils-item--button aem-header__utils-item-focus" href="/personal/customer/register-online-account" aria-label="Register for online account servicing"> <span class="m-button__media aem-header__utils-item--icon"> <svg class="m-button__icon" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="30 30 140 140"> <path d="M140 60h-15.001S125 45.188 125 45c0-8.284-6.716-15-15-15H45v140h109.999V75.024c0-.008.001-.016.001-.024 0-8.284-6.717-15-15-15zm4.999 100H55V40h60v30h29.999v90z"></path> <path d="M73.553 111.353c-1.953-1.953-5.118-1.953-7.071 0-1.953 1.952-1.953 5.118 0 7.07l19.922 19.922c.977.977 2.256 1.465 3.536 1.465.033 0 .066-.009.099-.009.033.001.066.009.099.009 1.279 0 2.559-.488 3.536-1.465l39.844-39.844c1.953-1.953 1.953-5.119 0-7.071-1.951-1.952-5.119-1.952-7.07 0L90.04 127.838l-16.487-16.485z"></path> </svg> </span> <span class="m-button__text aem-button__text-register" aria-hidden="true">Register</span> </a> </div> <div class="aem-header__utils-item"> <button class="m-button m-button--full-width m-button--text m-button--icon-left aem-header__utils-item--button aem-header__utils-item-focus" aria-expanded="false" data-aem-js="searchButton"> <span class="m-button__media aem-header__utils-item--icon"> <svg class="m-button__icon" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.7 18.7"> <path d="M18.5 17.8l-2.4-2.4-2.9-2.9c.6-.7 1-1.4 1.4-2.2C16 6.3 14 2 10.2.5c-2.8-1-5.9-.4-8 1.7-2.9 2.9-2.9 7.7 0 10.6 2.1 2.1 5.3 2.8 8 1.7.8-.3 1.6-.8 2.2-1.4l2.9 2.9 2.4 2.4c.1.1.2.2.4.1.1 0 .3-.1.4-.1.1-.1.1-.2.1-.4.1 0 0-.2-.1-.2zM7.5 14C3.9 14 1 11.1 1 7.5S3.9 1 7.5 1 14 3.9 14 7.5c0 1.7-.7 3.4-1.9 4.6-1.2 1.2-2.9 1.9-4.6 1.9z"></path> </svg> </span> <span class="m-button__text">Search</span> </button> </div> </div> <div class="aem-header__mobile-navigation"> <button type="button" class="m-button m-button--text m-button--icon-right aem-button aem-button__mobile-navigation" data-aem-js="mobileMenuButton" aria-expanded="false" aria-controls="side-menu"> <span class="m-button__media aem-button__media--medium aem-button__media--size"> <svg class="m-button__icon" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <path d="M1.587 8h28.794c0.875 0 1.587-0.713 1.587-1.587s-0.713-1.587-1.587-1.587h-28.794c-0.875-0.032-1.587 0.68-1.587 1.555 0 0.907 0.713 1.619 1.587 1.619z"></path> <path d="M30.413 14.381h-28.826c-0.875 0-1.587 0.713-1.587 1.587s0.713 1.587 1.587 1.587h28.794c0.875 0 1.587-0.713 1.587-1.587 0.032-0.874-0.68-1.587-1.555-1.587z"></path> <path d="M30.413 24h-28.826c-0.875 0-1.587 0.713-1.587 1.587s0.713 1.587 1.587 1.587h28.794c0.875 0 1.587-0.713 1.587-1.587 0.032-0.875-0.68-1.587-1.555-1.587z"></path> </svg> </span> <span class="m-button__text aem-m-button__text--sr-only">Open</span> <span class="m-button__text aem-button__text aem-button__text--menu">Menu</span> </button> </div> </div> </div> <div class="aem-header__foot"> <div class="aem-header__foot-content"> <div class="aem-header__search-panel"> <div class="api-search api-search--header"> <div class="api-search--header" data-component-type="SearchHeader"> <div class="[ api-search__searchbar ]" data-placeholder="How can we help?" data-quick-search-path="/content/barclaycard-co-uk/en/personal/results.quick-search.json?q={query}&origin={origin}&_charset_=UTF-8" data-tag-mapping-path="/content/barclaycard-co-uk/en/personal/results.tag-mapping.json" data-total-results="10" data-search-page-path="/personal/results"> <div class="m-input-group"> <div class="m-input-group__item"> <input type="text" aria-label="Search bar" placeholder="How can we help?" class="a-input-text a-input-text--square-right [ api-search__search-input ]" data-aem-js="searchInput"/> </div> <div class="m-input-group__item m-input-group__item--suffix"> <button class="m-input-group__button [ api-search__search-button ]"> <svg class="m-input-group__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.7 18.7" width="100%" height="100%"> <path d="M18.5 17.8l-2.4-2.4-2.9-2.9c.6-.7 1-1.4 1.4-2.2C16 6.3 14 2 10.2.5c-2.8-1-5.9-.4-8 1.7-2.9 2.9-2.9 7.7 0 10.6 2.1 2.1 5.3 2.8 8 1.7.8-.3 1.6-.8 2.2-1.4l2.9 2.9 2.4 2.4c.1.1.2.2.4.1.1 0 .3-.1.4-.1.1-.1.1-.2.1-.4.1 0 0-.2-.1-.2zM7.5 14C3.9 14 1 11.1 1 7.5S3.9 1 7.5 1 14 3.9 14 7.5c0 1.7-.7 3.4-1.9 4.6-1.2 1.2-2.9 1.9-4.6 1.9z"></path> </svg> <span>Search</span> </button> </div> </div> </div> </div> </div> </div> </div> </div> <nav class="aem-header__side-menu" id="side-menu" aria-label="Mobile Navigation" style="display: none" aria-hidden="true"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-1"> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Find a Barclaycard</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-2" aria-hidden="true"> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards"> <span class="aem-nav-button__text">View all credit cards</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/find-the-right-barclaycard"> <span class="aem-nav-button__text">Find the right card for you </span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/eligibility-checker"> <span class="aem-nav-button__text">Check your eligibility</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/credit-building-cards"> <span class="aem-nav-button__text">Cards for building your credit history</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/amazon-barclaycard"> <span class="aem-nav-button__text">Amazon rewards credit card</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/avios"> <span class="aem-nav-button__text">Avios credit cards</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/purchase-credit-cards"> <span class="aem-nav-button__text">Cards for purchases</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/rewards-credit-cards"> <span class="aem-nav-button__text">Cards for earning rewards </span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/balance-transfer-credit-cards"> <span class="aem-nav-button__text">Cards for making balance transfers</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Manage your account</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-2" aria-hidden="true"> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer"> <span class="aem-nav-button__text">Existing customer homepage</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Getting started with your card</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/barclaycard-app"> <span class="aem-nav-button__text">Download the Barclaycard app</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/register-online-account"> <span class="aem-nav-button__text">Register for an online account </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/activate-new-barclaycard"> <span class="aem-nav-button__text">Activate your card</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Managing your account online</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/additional-cardholder"> <span class="aem-nav-button__text">Add a cardholder </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/alerts"> <span class="aem-nav-button__text">Set up email and text alerts </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/change-personal-information"> <span class="aem-nav-button__text">Change your personal information</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/change-credit-limit"> <span class="aem-nav-button__text">Change your credit limit </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/view-pin"> <span class="aem-nav-button__text">View your PIN</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/online-account-servicing-a2z"> <span class="aem-nav-button__text">Online account servicing A-Z</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/servicing-updates"> <span class="aem-nav-button__text">Latest updates to your online account</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Your billing and payments </span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/pay-your-bill"> <span class="aem-nav-button__text">Pay your bill</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/view-statements"> <span class="aem-nav-button__text">View your statements</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/billing-and-payments/change-due-date"> <span class="aem-nav-button__text">Change your payment due date</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/know-your-rights"> <span class="aem-nav-button__text">Protecting your purchases</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/billing-and-payments/missed-payment"> <span class="aem-nav-button__text">Missed payment</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Transfers and offers</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/lending-guide"> <span class="aem-nav-button__text">Transfer and offers guide</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/transfer-balance"> <span class="aem-nav-button__text">Transfer a credit card balance to your Barclaycard</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="https://www.barclaycard.co.uk/personal/customer/money-transfer"> <span class="aem-nav-button__text">Money transfers</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/instalment-plan"> <span class="aem-nav-button__text">Instalment plans</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Barclaycard benefits</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/barclaycard-cashback-rewards"> <span class="aem-nav-button__text">Barclaycard Cashback rewards</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/barclaycard-entertainment"> <span class="aem-nav-button__text">Barclaycard Entertainment</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/know-your-rights"> <span class="aem-nav-button__text">Purchase protection</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/spending-abroad"> <span class="aem-nav-button__text">Using your card abroad</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/contactless"> <span class="aem-nav-button__text">Pay your way</span> </a> </div> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Help & support</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-2" aria-hidden="true"> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Help with your Barclaycard</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/lost-stolen-damaged-cards"> <span class="aem-nav-button__text">Lost, stolen and damaged cards </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/forgotten-log-in-details"> <span class="aem-nav-button__text">Forgotten your login details?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/emergency-card-replacement"> <span class="aem-nav-button__text">Emergency card replacement </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/credit-card-charges"> <span class="aem-nav-button__text">Credit card charges</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/spending-abroad"> <span class="aem-nav-button__text">Spending abroad</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/help-with-your-barclaycard/insurance"> <span class="aem-nav-button__text">Insurance</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/help-with-your-barclaycard/bereavement-guide"> <span class="aem-nav-button__text">Bereavement guide</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" href="/personal/customer/money-worries"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Money worries</span> </a> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/billing-and-payments/missed-payment"> <span class="aem-nav-button__text">Missed payments</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/job-loss"> <span class="aem-nav-button__text">Job loss</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/bereavement"> <span class="aem-nav-button__text">Bereavement</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/accident"> <span class="aem-nav-button__text">Accident</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/mental-health"> <span class="aem-nav-button__text">Mental health</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/carer"> <span class="aem-nav-button__text">Support for carers</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/illness"> <span class="aem-nav-button__text">Illness</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/separated"> <span class="aem-nav-button__text">Separation and divorce</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/addiction"> <span class="aem-nav-button__text">Addiction</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/student-debt"> <span class="aem-nav-button__text">Student debt</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/no-budget"> <span class="aem-nav-button__text">Budget problems</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/reduced-income"> <span class="aem-nav-button__text">Reduced income</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/report-fraud"> <span class="aem-nav-button__text">Report fraud</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/help-and-support/jargon-buster"> <span class="aem-nav-button__text">Jargon buster </span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/contact-us"> <span class="aem-nav-button__text">Contact us</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="/personal/help"> <span class="aem-nav-button__text">Help centre / FAQs</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width" href="https://www.barclays.co.uk/loans/ways-to-borrow"> <span class="aem-nav-button__text">Ways to borrow</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1 aem-nav-item__head--has-children"> <button type="button" class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width aem-nav-button--icon-right" aria-expanded="false"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Get Credit Confident </span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-2" aria-hidden="true"> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Credit card basics</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/advantages-of-credit-card"> <span class="aem-nav-button__text">Why get a credit card?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/how-do-credit-cards-work"> <span class="aem-nav-button__text">How do credit cards work?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/how-do-credit-cards-work/what-should-i-use-my-credit-card-for"> <span class="aem-nav-button__text">What to use your credit card for </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/budgeting/how-can-I-manage-my-credit-repayments"> <span class="aem-nav-button__text">How to manage your credit repayments</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/how-do-credit-cards-work/what-is-a-credit-card-apr"> <span class="aem-nav-button__text">Understanding credit card APR</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Understanding credit scores</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/credit-score-basics"> <span class="aem-nav-button__text">Credit score basics</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/credit-score-basics/how-to-check-your-credit-score"> <span class="aem-nav-button__text">How to check your credit score</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/understanding-your-credit-rating"> <span class="aem-nav-button__text">Understanding your credit score</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/credit-score-basics/what-are-the-causes-of-a-bad-credit-rating"> <span class="aem-nav-button__text">What is bad credit?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/improving-credit-score"> <span class="aem-nav-button__text">Improving your credit score</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/credit-score-basics/the-truth-about-your-credit-rating-seven-common-myths-busted"> <span class="aem-nav-button__text">The truth about your credit score: 6 common myths busted </span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Understanding interest</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/your-cash-interest-rates-and-fees"> <span class="aem-nav-button__text">Interest rates, balances and fees </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/interest-calculator"> <span class="aem-nav-button__text">Interest calculator</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/base-rate-tracking"> <span class="aem-nav-button__text">How the Bank of England base rate affects interest</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/promotional-rates"> <span class="aem-nav-button__text">Promotional interest rates</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/compound-interest"> <span class="aem-nav-button__text">Compound interest </span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Understanding balance transfers </span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/credit-cards/what-is-a-balance-transfer"> <span class="aem-nav-button__text">What is a balance transfer?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/balance-transfers/how-could-a-balance-transfer-help-me-manage-my-money"> <span class="aem-nav-button__text">How can a balance transfer help manage your money?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/balance-transfers/how-to-improve-your-chances-of-getting-a-0-percent-balance-transfer-card"> <span class="aem-nav-button__text">How to improve your chance of getting a 0% balance transfer card </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/balance-transfers/how-much-does-a-balance-transfer-card-cost"> <span class="aem-nav-button__text">How much does a balance transfer card cost?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/balance-transfers/how-do-i-find-the-best-balance-transfer-credit-card"> <span class="aem-nav-button__text">How to find the best balance transfer credit card </span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Fraud and security</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/protecting-yourself-from-fraud"> <span class="aem-nav-button__text">Protecting yourself from fraud </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/how-we-protect-you"> <span class="aem-nav-button__text">How we help protect you from fraud </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/fraud-protection/what-is-identity-theft"> <span class="aem-nav-button__text">What is identity theft?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/customer/confirm"> <span class="aem-nav-button__text">Changes to the way you pay online</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/fraud-protection/how-to-spot-and-report-scams"> <span class="aem-nav-button__text">Spot the scams</span> </a> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation__item--level-2"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-2 aem-nav-item__head--has-children"> <button class="aem-nav-button aem-nav-button--primary aem-nav-button--small aem-nav-button--full-width aem-nav-button--icon-right" aria-haspopup="true" aria-expanded="false" type="button"> <span class="aem-nav-button__media"> <svg class="m-button__icon aem-nav-item__button__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.8 52.7" focusable="false"> <path d="M43.7 51.2L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.5.1z"></path> <path d="M51.1 51.2c-2.1 2.1-5.4 2.1-7.4 0s-2.1-5.4 0-7.4L85.8 1.5c2.1-2.1 5.4-2.1 7.4 0s2.1 5.4 0 7.4L51.1 51.2z"></path> </svg> </span> <span class="aem-nav-button__text">Financial life guides</span> </button> </div> <div class="aem-nav-item__body"> <ul class="aem-navigation aem-navigation--sidebar aem-navigation--level-3 aem-navigation--column" aria-hidden="true"> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/family-finances"> <span class="aem-nav-button__text">Family finances</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/shopping-and-travel/should-I-get-a-special-travel-credit-card-for-when-I-travel-abroad"> <span class="aem-nav-button__text">Should you get a special travel credit card?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/home-and-garden/the-first-time-home-buyers-guide"> <span class="aem-nav-button__text">The first time home buyers' guide </span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/budgeting/how-much-rent-can-i-afford"> <span class="aem-nav-button__text">How much rent can you afford?</span> </a> </div> </div> </li> <li class="aem-navigation__item"> <div class="aem-nav-item aem-nav-item--sidebar"> <div class="aem-nav-item__head aem-nav-item__head--level-3"> <a class="aem-nav-button aem-nav-button--secondary aem-nav-button--small aem-nav-button--full-width" href="/personal/money-matters/home-and-garden/should-you-put-your-home-improvements-on-a-credit-card"> <span class="aem-nav-button__text">Should you put your home improvements on a credit card?</span> </a> </div> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width" href="#as3-login" title="Log into Barclaycard online servicing"> <span class="aem-nav-button__text">Log in</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width" href="/personal/privacy-policy"> <span class="aem-nav-button__text">Privacy and Cookie Policy</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width" href="/personal/accessibility"> <span class="aem-nav-button__text">Accessibility</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width" href="/personal/contact-us"> <span class="aem-nav-button__text">Contact us</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width" href="/personal/customer/staying-safe"> <span class="aem-nav-button__text">Security</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width" href="/personal/help"> <span class="aem-nav-button__text">FAQs</span> </a> </div> </div> </li> <li class="aem-navigation__item aem-navigation--sidebar aem-navigation__item--level-1"> <div class="aem-nav-item aem-nav-item--sidebar" data-aem-js="navItem"> <div class="aem-nav-item__head aem-nav-item__head--level-1"> <a class="aem-nav-button aem-nav-button--primary aem-nav-button--full-width" href="/personal/sitemap"> <span class="aem-nav-button__text">Sitemap</span> </a> </div> </div> </li> </ul> </nav> </header> <span class="aem-header-ie-fix"></span> </div> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="navigation iparsys parsys"></div> </div> <!-- Cookie component --> <div class="iparys_inherited"><div class="cookies iparsys parsys"></div> </div> <!-- Upgrade browser --> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="upgrade-browser iparsys parsys"><div class="upgrade-browser parbase section"> <!-- [if lt IE 9]> <div class="aem-upgrade-browser" role="alert" data-component-type="UpgradeBrowser"> <div class="aem-upgrade-browser__content"> <div class="aem-upgrade-browser__body"> <div class="aem-upgrade-browser__message"> <p><span class="h3">It looks like your browser needs an upgrade</span></p> <p>Download a new version now to continue using our online services</p> </div> </div> </div> </div> <![endif] --> </div> </div> </div> <main class="main" id="main-content"> <section data-component-type="Hero"> <div class="aem-hero aem-hero--acquisition aem-hero--product" data-component-type="Hero"> <div class="aem-hero__content"> <div class="aem-hero__head"> <div class="aem-hero__head-content"> <div class="aem-hero__heading"> <div class="m-heading-group aem-heading-group aem-heading-group--light-tone"> <h1 class="m-heading-group__heading aem-heading-group__heading">View our range of cards</h1> </div> </div> </div> </div> <div class="aem-hero__body"> <div class="o-tiles aem-tiles o-tiles--set-of-5 o-tiles--carousel aem-tiles--carousel-md aem-tiles--carousel-lg aem-tiles--carousel-xl aem-tiles--span-10" data-component-type="TileList"> <div class="o-tiles__body aem-tiles__body aem-tiles__body-no-scroll "> <div class="o-tiles__item aem-tiles__item"> <div class="m-tile aem-tile " data-component-type="TileItem"> <div class=" m-tile__img aem-tile__image"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/amazon-half-and-half.xsmall.medium_quality.png" media="(min-width: 1440px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/amazon-half-and-half.xsmall.medium_quality.png" media="(min-width: 1024px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/amazon-half-and-half.xsmall.medium_quality.png" media="(min-width: 768px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/amazon-half-and-half.xsmall.medium_quality.png 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/amazon-half-and-half.xxsmall.medium_quality.png 1x " media="(min-width: 480px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/amazon-half-and-half.xxsmall.medium_quality.png"/> <img class="aem-adaptive-image__img" src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/amazon-half-and-half.large.medium_quality.png" alt="Amazon rewards credit card"/> </picture> </div> </div> <div class="m-tile__content m-tile__content--centered"> <div class="m-tile__head"> </div> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <h4>Amazon Rewards credit card</h4> </div> </div> </div> <div class="m-tile__foot aem-tile__foot"> <a class="m-button aem-button m-button--primary m-button--default " href="/personal/credit-cards/amazon-barclaycard.html" data-add-query-params='false' data-component-type="Button" title="View our Amazon rewards credit card"> <span class="m-button__text aem-button__text"> View card </span> </a> </div> </div> </div> </div> <div class="o-tiles__item aem-tiles__item"> <div class="m-tile aem-tile " data-component-type="TileItem"> <div class=" m-tile__img aem-tile__image"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/avios-half-and-half.xsmall.medium_quality.png" media="(min-width: 1440px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/avios-half-and-half.xsmall.medium_quality.png" media="(min-width: 1024px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/avios-half-and-half.xsmall.medium_quality.png" media="(min-width: 768px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/avios-half-and-half.xsmall.medium_quality.png 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/avios-half-and-half.xxsmall.medium_quality.png 1x " media="(min-width: 480px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/avios-half-and-half.xxsmall.medium_quality.png"/> <img class="aem-adaptive-image__img" src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/avios-half-and-half.large.medium_quality.png" alt="" role="presentation"/> </picture> </div> </div> <div class="m-tile__content m-tile__content--centered"> <div class="m-tile__head"> </div> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <h4>Avios and Rewards credit cards</h4> </div> </div> </div> <div class="m-tile__foot aem-tile__foot"> <a class="m-button aem-button m-button--primary m-button--default " href="/personal/credit-cards/rewards-credit-cards.html" data-add-query-params='false' data-component-type="Button" title="View our Avios and Rewards credit cards"> <span class="m-button__text aem-button__text"> View cards </span> </a> </div> </div> </div> </div> <div class="o-tiles__item aem-tiles__item"> <div class="m-tile aem-tile " data-component-type="TileItem"> <div class=" m-tile__img aem-tile__image"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xsmall.medium_quality.png" media="(min-width: 1440px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xsmall.medium_quality.png" media="(min-width: 1024px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xsmall.medium_quality.png" media="(min-width: 768px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xsmall.medium_quality.png 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xxsmall.medium_quality.png 1x " media="(min-width: 480px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xxsmall.medium_quality.png"/> <img class="aem-adaptive-image__img" src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.large.medium_quality.png" alt="" role="presentation"/> </picture> </div> </div> <div class="m-tile__content m-tile__content--centered"> <div class="m-tile__head"> </div> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <h4>Balance Transfer credit cards</h4> </div> </div> </div> <div class="m-tile__foot aem-tile__foot"> <a class="m-button aem-button m-button--primary m-button--default " href="/personal/credit-cards/balance-transfer-credit-cards.html" data-add-query-params='false' data-component-type="Button" title="View our Balance Transfer credit cards"> <span class="m-button__text aem-button__text"> View cards </span> </a> </div> </div> </div> </div> <div class="o-tiles__item aem-tiles__item"> <div class="m-tile aem-tile " data-component-type="TileItem"> <div class=" m-tile__img aem-tile__image"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/forward-card-vertical-half.xsmall.medium_quality.png" media="(min-width: 1440px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/forward-card-vertical-half.xsmall.medium_quality.png" media="(min-width: 1024px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/forward-card-vertical-half.xsmall.medium_quality.png" media="(min-width: 768px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/forward-card-vertical-half.xsmall.medium_quality.png 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/forward-card-vertical-half.xxsmall.medium_quality.png 1x " media="(min-width: 480px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/forward-card-vertical-half.xxsmall.medium_quality.png"/> <img class="aem-adaptive-image__img" src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/forward-card-vertical-half.large.medium_quality.png" alt="" role="presentation"/> </picture> </div> </div> <div class="m-tile__content m-tile__content--centered"> <div class="m-tile__head"> </div> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <h4>Credit building credit cards</h4> </div> </div> </div> <div class="m-tile__foot aem-tile__foot"> <a class="m-button aem-button m-button--primary m-button--default " href="/personal/credit-cards/forward.html" data-add-query-params='false' data-component-type="Button" title="View our Credit building credit cards"> <span class="m-button__text aem-button__text"> View cards </span> </a> </div> </div> </div> </div> <div class="o-tiles__item aem-tiles__item"> <div class="m-tile aem-tile " data-component-type="TileItem"> <div class=" m-tile__img aem-tile__image"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xsmall.medium_quality.png" media="(min-width: 1440px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xsmall.medium_quality.png" media="(min-width: 1024px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xsmall.medium_quality.png" media="(min-width: 768px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xsmall.medium_quality.png 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xxsmall.medium_quality.png 1x " media="(min-width: 480px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.xxsmall.medium_quality.png"/> <img class="aem-adaptive-image__img" src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/platinum-card-vertical-half.large.medium_quality.png" alt="" role="presentation"/> </picture> </div> </div> <div class="m-tile__content m-tile__content--centered"> <div class="m-tile__head"> </div> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <h4>Purchase credit cards</h4> </div> </div> </div> <div class="m-tile__foot aem-tile__foot"> <a class="m-button aem-button m-button--primary m-button--default " href="/personal/credit-cards/purchase-credit-cards.html" data-add-query-params='false' data-component-type="Button" title="View our Purchase credit cards"> <span class="m-button__text aem-button__text"> View cards </span> </a> </div> </div> </div> </div> </div> <div class="controls"> <button type="button" class="aem-tiles__carousel-previous" aria-label="Previous item"> <svg class="aem-tiles__carousel-previous-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.7 94.8"> <path d="M51.2 51.1L9 93.3c-2.1 2.1-5.4 2.1-7.4 0-2.1-2.1-2.1-5.4 0-7.4l42.2-42.2c2.1-2.1 5.4-2.1 7.4 0s2 5.3 0 7.4z"></path> <path d="M51.2 43.7c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.4 0L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2z"></path> </svg> </button> <button type="button" class="aem-tiles__carousel-next" aria-label="Next item"> <svg class="aem-tiles__carousel-next-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.7 94.8"> <path d="M51.2 51.1L9 93.3c-2.1 2.1-5.4 2.1-7.4 0-2.1-2.1-2.1-5.4 0-7.4l42.2-42.2c2.1-2.1 5.4-2.1 7.4 0s2 5.3 0 7.4z"></path> <path d="M51.2 43.7c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.4 0L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2z"></path> </svg> </button> </div> <div class="aem-tiles__footer aem-tiles__footer-hide"> <ol class="aem-tiles__indicators" aria-hidden="true"> <li data-slide-to="0" class="active aem-tiles__indicator"></li> <li data-slide-to="1" class=" aem-tiles__indicator"></li> <li data-slide-to="2" class=" aem-tiles__indicator"></li> <li data-slide-to="3" class=" aem-tiles__indicator"></li> <li data-slide-to="4" class=" aem-tiles__indicator"></li> </ol> </div> </div> </div> <div class="aem-hero__body"> <p class="aem-hero--acquisition__body-text">Don't know which one to pick?</p> <div class="button parbase"> <a class="m-button aem-button m-button--default m-button--full-width " href="/personal/credit-cards/find-the-right-barclaycard.html" data-add-query-params='false' data-component-type="Button" title="Find the right card for you"> <span class="m-button__text aem-button__text"> Find the right card for you </span> </a> </div> </div> </div> </div> </section> <section class="o-section aem-section " data-component-type="Section"> <div class="o-section__content aem-section__content "> <div class="aem-column-layout aem-column-layout--arrangement-10 "> <div class="aem-column-layout__item aem-column-layout__item--span-10 "> <div class="m-tile aem-tile m-tile--row aem-tile--row " data-component-type="TileItem"> <div class="m-tile__content "> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <h3>Check if you’re eligible first</h3> <p>Applying for more than one credit card in a short space of time could affect your credit score.</p> <p>Use our free eligibility checker before applying to find out whether you’re likely to be accepted for a card. It only takes a few minutes and it won’t affect your credit score.</p> <p>You might be eligible for some of our other credit card offers. Check your eligibility for our other cards to make sure you’re getting the best offer for you.<br /> </p> </div> </div> </div> <div class="m-tile__foot"> <a class="m-button aem-button m-button--primary m-button--default " href="/personal/credit-cards/eligibility-checker.html" data-add-query-params='false' data-component-type="Button" title="Check if you’re eligible"> <span class="m-button__text aem-button__text"> Check if you’re eligible </span> </a> </div> </div> </div> </div> </div> </div> </section> <section class="o-section aem-section " data-component-type="Section"> <div class="o-section__content aem-section__content "> <div class="aem-column-layout aem-column-layout--arrangement-5-5 "> <div class="aem-column-layout__item aem-column-layout__item--span-5 "> <div class="aem-adaptive-image aem-adaptive-image--full-width " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/Q1_Barclaycard.large.medium_quality.jpg" media="(min-width: 1440px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/Q1_Barclaycard.xsmall.medium_quality.jpg" media="(min-width: 1024px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/Q1_Barclaycard.xsmall.medium_quality.jpg" media="(min-width: 768px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/Q1_Barclaycard.xsmall.medium_quality.jpg 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/Q1_Barclaycard.xxsmall.medium_quality.jpg 1x" media="(min-width: 480px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/Q1_Barclaycard.xxsmall.medium_quality.jpg"/> <img class="aem-adaptive-image__img lazy" data-src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/Q1_Barclaycard.large.medium_quality.jpg" alt="Get 0% interest on balance transfers for up to 31 months"/> </picture> </div> </div> <div class="aem-column-layout__item aem-column-layout__item--span-5 "> <div class="aem-rte "> <h3>Get 0% interest on balance transfers for up to 31 months</h3> <p>What you buy is your business, helping you pay less interest is ours. A Barclaycard Platinum credit card could help you save money with 0% interest on balance transfers for up to 31 months.</p> </div> <a class="m-button aem-button m-button--primary m-button--default " href="/personal/credit-cards/lead-bt-platinum-h.html" data-add-query-params='false' data-component-type="Button" title="Check if you’re eligible"> <span class="m-button__text aem-button__text"> Check if you’re eligible </span> </a> <div class="aem-rep-example aem-rep-example--default"> <div class="aem-rep-example__content"> <div class="aem-rep-example__head"> <h2 class="aem-rep-example__heading">Representative example</h2> </div> <div class="aem-rep-example__body"> <ul class="aem-rep-example__details"> <li class="aem-rep-example__details-item"> <span class="aem-rep-example__data-value">24.9% APR</span> <span class="aem-rep-example__data-text">Representative APR (variable)</span> </li> <li class="aem-rep-example__details-item"> <span class="aem-rep-example__data-value">24.9% p.a.</span> <span class="aem-rep-example__data-text">Purchase rate p.a. (variable)</span> </li> <li class="aem-rep-example__details-item"> <span class="aem-rep-example__data-value">£1,200 </span> <span class="aem-rep-example__data-text">Assumed Credit Limit</span> </li> </ul> </div> <div class="aem-rep-example__foot"> <div class="aem-rte "> <p>Subject to application, financial status and borrowing history. A 3.45% balance transfer fee applies. The balance transfer period and interest rates may differ from those shown. New customers only. T&Cs apply.</p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="o-section aem-section o-section--primary aem-section--primary" data-component-type="Section"> <div class="o-section__content aem-section__content "> <section class="o-section aem-section o-section--primary aem-section--primary" data-component-type="Section"> <div class="o-section__content aem-section__content "> <div class="aem-column-layout aem-column-layout--arrangement-12 "> <div class="aem-column-layout__item aem-column-layout__item--span-12 "> <h2 class="a-heading--style2 aem-heading--style2 aem-heading--light-tone">Benefits with your Barclaycard</h2> </div> </div> <div class="o-tiles aem-tiles o-tiles--set-of-3 o-tiles--carousel aem-tiles--carousel-md aem-tiles--carousel-lg aem-tiles--span-12" data-component-type="TileList"> <div class="o-tiles__body aem-tiles__body aem-tiles__body-no-scroll "> <div class="o-tiles__item aem-tiles__item"> <div class="m-tile aem-tile " data-component-type="TileItem"> <div class="m-tile__media m-tile__img aem-tile__image"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/barclaycard-entertainment.xsmall.medium_quality.jpg" media="(min-width: 1440px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/barclaycard-entertainment.xsmall.medium_quality.jpg" media="(min-width: 1024px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/barclaycard-entertainment.xsmall.medium_quality.jpg" media="(min-width: 768px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/barclaycard-entertainment.xsmall.medium_quality.jpg 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/barclaycard-entertainment.xxsmall.medium_quality.jpg 1x" media="(min-width: 480px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/barclaycard-entertainment.xxsmall.medium_quality.jpg"/> <img class="aem-adaptive-image__img lazy" data-src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/barclaycard-entertainment.large.medium_quality.jpg" alt="" role="presentation"/> </picture> </div> </div> <div class="m-tile__content "> <div class="m-tile__head"> <h3 class="m-tile__heading"> Save with Barclaycard Entertainment </h3> </div> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <p>You’ll have access to selected live events, presales and customer-only perks.</p> <h3>28.9% APR Representative (variable)</h3> <p>Subject to application, financial circumstances and borrowing history. <u><a title="T&Cs, Opens in a new window" href="/personal/event-perks-terms" target="_blank">T&Cs apply</a></u>. </p> </div> </div> </div> </div> </div> </div> <div class="o-tiles__item aem-tiles__item"> <div class="m-tile aem-tile " data-component-type="TileItem"> <div class="m-tile__media m-tile__img aem-tile__image"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/manage-your-account-benefits.xsmall.medium_quality.jpg" media="(min-width: 1440px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/manage-your-account-benefits.xsmall.medium_quality.jpg" media="(min-width: 1024px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/manage-your-account-benefits.xsmall.medium_quality.jpg" media="(min-width: 768px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/manage-your-account-benefits.xsmall.medium_quality.jpg 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/manage-your-account-benefits.xxsmall.medium_quality.jpg 1x" media="(min-width: 480px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/manage-your-account-benefits.xxsmall.medium_quality.jpg"/> <img class="aem-adaptive-image__img lazy" data-src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/manage-your-account-benefits.large.medium_quality.jpg" alt="" role="presentation"/> </picture> </div> </div> <div class="m-tile__content "> <div class="m-tile__head"> <h3 class="m-tile__heading"> Protection on purchases </h3> </div> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <p>You could be covered if there’s a problem with some Barclaycard purchases – a feature of all UK credit cards. Purchase protection might not be available where third-party sellers sell goods on Amazon.co.uk. Find out more about <u><a title="purchase protection, Opens in a new window" href="/personal/help-and-support/know-your-rights" target="_blank">purchase protection</a></u>.</p> </div> </div> </div> </div> </div> </div> <div class="o-tiles__item aem-tiles__item"> <div class="m-tile aem-tile " data-component-type="TileItem"> <div class="m-tile__media m-tile__img aem-tile__image"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/fraud-protection-benefits.xsmall.medium_quality.jpg" media="(min-width: 1440px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/fraud-protection-benefits.xsmall.medium_quality.jpg" media="(min-width: 1024px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/fraud-protection-benefits.xsmall.medium_quality.jpg" media="(min-width: 768px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/fraud-protection-benefits.xsmall.medium_quality.jpg 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/fraud-protection-benefits.xxsmall.medium_quality.jpg 1x" media="(min-width: 480px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/fraud-protection-benefits.xxsmall.medium_quality.jpg"/> <img class="aem-adaptive-image__img lazy" data-src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/credit-cards/tiles/fraud-protection-benefits.large.medium_quality.jpg" alt="" role="presentation"/> </picture> </div> </div> <div class="m-tile__content "> <div class="m-tile__head"> <h3 class="m-tile__heading"> Fraud Protection 24/7 </h3> </div> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <p>Whether you’re buying on the high street, online or overseas, our state of the art detection system monitors around the clock to stop fraud in its tracks.</p> </div> </div> </div> </div> </div> </div> </div> <div class="controls"> <button type="button" class="aem-tiles__carousel-previous" aria-label="Previous item"> <svg class="aem-tiles__carousel-previous-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.7 94.8"> <path d="M51.2 51.1L9 93.3c-2.1 2.1-5.4 2.1-7.4 0-2.1-2.1-2.1-5.4 0-7.4l42.2-42.2c2.1-2.1 5.4-2.1 7.4 0s2 5.3 0 7.4z"></path> <path d="M51.2 43.7c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.4 0L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2z"></path> </svg> </button> <button type="button" class="aem-tiles__carousel-next" aria-label="Next item"> <svg class="aem-tiles__carousel-next-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.7 94.8"> <path d="M51.2 51.1L9 93.3c-2.1 2.1-5.4 2.1-7.4 0-2.1-2.1-2.1-5.4 0-7.4l42.2-42.2c2.1-2.1 5.4-2.1 7.4 0s2 5.3 0 7.4z"></path> <path d="M51.2 43.7c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.4 0L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2z"></path> </svg> </button> </div> <div class="aem-tiles__footer aem-tiles__footer-hide"> <ol class="aem-tiles__indicators" aria-hidden="true"> <li data-slide-to="0" class="active aem-tiles__indicator"></li> <li data-slide-to="1" class=" aem-tiles__indicator"></li> <li data-slide-to="2" class=" aem-tiles__indicator"></li> </ol> </div> </div> </div> </section> </div> </section> <section class="o-section aem-section " data-component-type="Section"> <div class="o-section__content aem-section__content "> <div class="aem-column-layout aem-column-layout--arrangement-5-5 aem-column-layout--equal"> <div class="aem-column-layout__item aem-column-layout__item--span-5 "> <div class="m-tile aem-tile aem-tile--no-border aem-tile--no-background " data-component-type="TileItem"> <div class="m-tile__content "> <div class="m-tile__head"> </div> <div class="m-tile__body"> <div class="aem-rte "> <div class="aem-tile__text"> <h3>Barclaycard Avios Plus<strong> </strong></h3> </div> </div> <ul class="aem-list" slot="A welcome bonus"> <li class="aem-list-item aem-list-item--media"> <div class="aem-list-item__media"> <div class="aem-list__icon"> <span class="aem-icon aem-icon--medium" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/images/personal/icons/tick.svg" width="100%" height="100%" alt=""></image> </svg> </span> </div> </div> <div class="aem-list-item__content"> <div class="aem-rte "> <div class="aem-tile__text"> <h4>A welcome bonus</h4> <p>If you’re new to Barclaycard, collect 25,000 Avios if you spend £3,000 in the first three months. <a title="T&Cs apply" href="/personal/avios-rewards-rules-terms">T&Cs apply</a>.</p> </div> </div> </div> </li> <li class="aem-list-item aem-list-item--media"> <div class="aem-list-item__media"> <div class="aem-list__icon"> <span class="aem-icon aem-icon--medium" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/images/personal/icons/tick.svg" width="100%" height="100%" alt=""></image> </svg> </span> </div> </div> <div class="aem-list-item__content"> <div class="aem-rte "> <div class="aem-tile__text"> <h4>Collect Avios </h4> <p>Collect 1.5 Avios for every £1 you spend on eligible purchases<sup>1</sup> for a £20 monthly fee. <a title="Read the Avios terms and conditions" href="/personal/avios-rewards-rules-terms">T&Cs apply</a>.</p> </div> </div> </div> </li> <li class="aem-list-item aem-list-item--media"> <div class="aem-list-item__media"> <div class="aem-list__icon"> <span class="aem-icon aem-icon--medium" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/images/personal/icons/tick.svg" width="100%" height="100%" alt=""></image> </svg> </span> </div> </div> <div class="aem-list-item__content"> <div class="aem-rte "> <div class="aem-tile__text"> <h4>A cabin upgrade voucher</h4> <p>Spend £10,000 on your card within 12 months and choose between a British Airways cabin upgrade voucher to use on an Avios Reward Flight booking, or 7,000 bonus Avios. <a title="Read the Avios terms and conditions" href="/personal/avios-rewards-rules-terms">T&Cs apply</a>.</p> </div> </div> </div> </li> <li class="aem-list-item aem-list-item--media"> <div class="aem-list-item__media"> <div class="aem-list__icon"> <span class="aem-icon aem-icon--medium" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/images/personal/icons/tick.svg" width="100%" height="100%" alt=""></image> </svg> </span> </div> </div> <div class="aem-list-item__content"> <div class="aem-rte "> <div class="aem-tile__text"> <h4>Accepted far and wide</h4> <p>Spend everywhere that accepts Mastercard and keep collecting Avios.</p> </div> </div> </div> </li> </ul> </div> <div class="m-tile__foot aem-tile__foot"> <div class="o-buttons aem-buttons--layout-left aem-buttons--vertical-align-center"> <div class="o-buttons__item aem-buttons__item"> <a class="m-button aem-button m-button--primary m-button--default m-button--full-width " href="/personal/credit-cards/avios-plus.html" data-add-query-params='false' data-component-type="Button" title="Explore Barclaycard Avios Plus"> <span class="m-button__text aem-button__text"> Explore Barclaycard Avios Plus </span> </a> </div> </div> </div> </div> </div> </div> <div class="aem-column-layout__item aem-column-layout__item--span-5 "> <div class="aem-rep-example aem-rep-example--border aem-rep-example--horizontal"> <div class="aem-rep-example__media"> <div class="aem-rep-example__image"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/aviosplus-front-267x423.xsmall.medium_quality.png" media="(min-width: 1440px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/aviosplus-front-267x423.xsmall.medium_quality.png" media="(min-width: 1024px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/aviosplus-front-267x423.xsmall.medium_quality.png" media="(min-width: 768px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/aviosplus-front-267x423.xsmall.medium_quality.png 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/aviosplus-front-267x423.xxsmall.medium_quality.png 1x" media="(min-width: 480px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/aviosplus-front-267x423.xxsmall.medium_quality.png"/> <img class="aem-adaptive-image__img lazy" data-src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/aviosplus-front-267x423.large.medium_quality.png" alt="" role="presentation"/> </picture> </div> </div> </div> <div class="aem-rep-example__content"> <div class="aem-rep-example__head"> <h2 class="aem-rep-example__heading">Representative example – most accepted customers get</h2> </div> <div class="aem-rep-example__body"> <ul class="aem-rep-example__details"> <li class="aem-rep-example__details-item"> <span class="aem-rep-example__data-text">Representative</span> <span class="aem-rep-example__data-value">80.1% APR</span> <span class="aem-rep-example__data-text">(variable)</span> </li> <li class="aem-rep-example__details-item"> <span class="aem-rep-example__data-text">Purchase rate</span> <span class="aem-rep-example__data-value">29.9% p.a.</span> <span class="aem-rep-example__data-text">p.a. (variable)</span> </li> <li class="aem-rep-example__details-item"> <span class="aem-rep-example__data-text">Based on a</span> <span class="aem-rep-example__data-value">£1,200 </span> <span class="aem-rep-example__data-text">credit limit</span> </li> <li class="aem-rep-example__details-item"> <span class="aem-rep-example__data-text">Monthly fee</span> <span class="aem-rep-example__data-value">£20 </span> </li> </ul> </div> <div class="aem-rep-example__foot"> <div class="aem-rte "> <p>The approval of your application depends on your financial circumstances and borrowing history. The interest rates may differ from those shown.</p> </div> </div> </div> <div class="aem-rep-example__foot"> <div class="aem-rte "> <p>The approval of your application depends on your financial circumstances and borrowing history. The interest rates may differ from those shown.</p> </div> </div> </div> </div> </div> <div class="aem-column-layout aem-column-layout--arrangement-12 "> <div class="aem-column-layout__item aem-column-layout__item--span-12 "> <div class="aem-rte "> <p><span class="aem-rte-small-body">1. You’ll collect Avios on new purchases, but not on balance transfers, money transfers and transactions that make up your cash balance. These include cash withdrawals, wire transfers and buying currency. You won’t collect Avios for any transactions that are later returned or refunded. You also need to keep to the terms and conditions of your account and stay within your credit limit. You can find out more about <a title="Read the Avios terms and conditions, opens in new window" href="/personal/avios-rewards-rules-terms">collecting and spending Avios</a>, including which purchases are eligible.</span></p> </div> </div> </div> </div> </section> <section class="o-section aem-section aem-section-acquisition" data-component-type="AcquisitionSection"> <div class="o-section__content aem-section__content"> <div class="aem-column-layout aem-column-layout--arrangement-4-6 aem-column-layout--equal"> <div class="aem-column-layout__item aem-column-layout__item--span-4 "> <h2 class="a-heading--style2 aem-heading--style2 aem-heading--light-tone">Keep tabs on your money with the Barclaycard app</h2> <div class="acq-column parsys aem-section--acquisition__body"> <script type="text/javascript"> if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_barclaycard\u002Dco\u002Duk_en_personal_jcr_content_page_bdl_acquisition_section_acq\u002Dcolumn_bdl_text") { $CQ("#_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_acq-column_bdl_text").css('visibility', 'visible'); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_barclaycard\u002Dco\u002Duk_en_personal_jcr_content_page_bdl_acquisition_section_acq\u002Dcolumn_bdl_text', variants: [{"path":"/content/campaigns/barclaycard-co-uk/master/os-campaign/android/personal-bdl_text","name":"personal-bdl_text","title":"Android","campaignName":"os-campaign","campaignPath":"/content/campaigns/barclaycard-co-uk/master/os-campaign","thumbnail":"/content/campaigns/barclaycard-co-uk/master/os-campaign/android/personal-bdl_text.thumb.png","id":"os-campaign_personal-bdl_text","url":"/content/campaigns/barclaycard-co-uk/master/os-campaign/android/personal-bdl_text/jcr:content/par.html","campaignPriority":1,"segments":["/etc/segmentation/barclaycard-co-uk/android"],"tags":[]},{"path":"/content/campaigns/barclaycard-co-uk/master/os-campaign/ios/personal-bdl_text","name":"personal-bdl_text","title":"iOS","campaignName":"os-campaign","campaignPath":"/content/campaigns/barclaycard-co-uk/master/os-campaign","thumbnail":"/content/campaigns/barclaycard-co-uk/master/os-campaign/ios/personal-bdl_text.thumb.png","id":"os-campaign_personal-bdl_text","url":"/content/campaigns/barclaycard-co-uk/master/os-campaign/ios/personal-bdl_text/jcr:content/par.html","campaignPriority":1,"segments":["/etc/segmentation/barclaycard-co-uk/ios"],"tags":[]},{"path":"/personal/default","name":"default","title":"Default","campaignName":"","thumbnail":"/personal.thumb.png","url":"/personal/_jcr_content/page_bdl/acquisition_section/acq-column/bdl_text.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ $CQ("#_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_acq-column_bdl_text").css('visibility', 'visible'); }, 5000); }); } else { $CQ("#_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_acq-column_bdl_text").css('visibility', 'visible'); } </script> <div id="_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_acq-column_bdl_text" class="campaign " style="visibility: hidden"> <div class="default bdl-text"> <div class="aem-rte aem-rte--light-tone"> <p>Millions of Barclaycard customers use our app to manage their account. You can check your balance and transactions, pay your monthly bill and confirm online payments securely. Scan the QR code to get the app.</p> </div> </div> </div> <div class="aem-rte aem-rte--light-tone"> <p>You need to be 18 or over to access this product or service using the app. T&Cs apply.</p> </div> <script type="text/javascript"> if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_barclaycard\u002Dco\u002Duk_en_personal_jcr_content_page_bdl_acquisition_section_acq\u002Dcolumn_button") { $CQ("#_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_acq-column_button").css('visibility', 'visible'); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_barclaycard\u002Dco\u002Duk_en_personal_jcr_content_page_bdl_acquisition_section_acq\u002Dcolumn_button', variants: [{"path":"/content/campaigns/barclaycard-co-uk/master/os-campaign/android/personal-button","name":"personal-button","title":"Android","campaignName":"os-campaign","campaignPath":"/content/campaigns/barclaycard-co-uk/master/os-campaign","thumbnail":"/content/campaigns/barclaycard-co-uk/master/os-campaign/android/personal-button.thumb.png","id":"os-campaign_personal-button","url":"/content/campaigns/barclaycard-co-uk/master/os-campaign/android/personal-button/jcr:content/par.html","campaignPriority":1,"segments":["/etc/segmentation/barclaycard-co-uk/android"],"tags":[]},{"path":"/content/campaigns/barclaycard-co-uk/master/os-campaign/ios/personal-button","name":"personal-button","title":"iOS","campaignName":"os-campaign","campaignPath":"/content/campaigns/barclaycard-co-uk/master/os-campaign","thumbnail":"/content/campaigns/barclaycard-co-uk/master/os-campaign/ios/personal-button.thumb.png","id":"os-campaign_personal-button","url":"/content/campaigns/barclaycard-co-uk/master/os-campaign/ios/personal-button/jcr:content/par.html","campaignPriority":1,"segments":["/etc/segmentation/barclaycard-co-uk/ios"],"tags":[]},{"path":"/personal/default","name":"default","title":"Default","campaignName":"","thumbnail":"/personal.thumb.png","url":"/personal/_jcr_content/page_bdl/acquisition_section/acq-column/button.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ $CQ("#_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_acq-column_button").css('visibility', 'visible'); }, 5000); }); } else { $CQ("#_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_acq-column_button").css('visibility', 'visible'); } </script> <div id="_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_acq-column_button" class="campaign " style="visibility: hidden"> <div class="default button parbase"> <a class="m-button aem-button m-button--default " href="/personal/customer/barclaycard-app.html" data-add-query-params='false' data-component-type="Button" title="See what our app can do"> <span class="m-button__text aem-button__text"> See what our app can do </span> </a> </div> </div> </div> </div> <div class="aem-column-layout__item aem-column-layout__item--span-6 "> <div class="o-tiles aem-tiles o-tiles--set-of-3 o-tiles--carousel aem-tiles--carousel-md aem-tiles--carousel-lg aem-tiles--span-12" data-component-type="TileList"> <div class="o-tiles__body aem-tiles__body aem-tiles__body-no-scroll "> <div class="o-tiles__item aem-tiles__item"> <div class="aem-section-acquisition-tile__head"> <h3 class="aem-section-acquisition-tile__heading">Get our app to check your balance and transactions</h3> </div> <div class="aem-section-acquisition-tile__media"> <script type="text/javascript"> if (window.ContextHub && ContextHub.SegmentEngine) { ContextHubJQ(function() { ContextHub.eventing.on(ContextHub.Constants.EVENT_TEASER_LOADED, function(event, data){ data.data.forEach(function(evData) { if (evData.key === "_content_barclaycard\u002Dco\u002Duk_en_personal_jcr_content_page_bdl_acquisition_section_image1") { $CQ("#_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_image1").css('visibility', 'visible'); } }); }); ContextHub.SegmentEngine.PageInteraction.Teaser({ locationId: '_content_barclaycard\u002Dco\u002Duk_en_personal_jcr_content_page_bdl_acquisition_section_image1', variants: [{"path":"/content/campaigns/barclaycard-co-uk/master/os-campaign/android/personal-image1","name":"personal-image1","title":"Android","campaignName":"os-campaign","campaignPath":"/content/campaigns/barclaycard-co-uk/master/os-campaign","thumbnail":"/content/campaigns/barclaycard-co-uk/master/os-campaign/android/personal-image1.thumb.png","id":"os-campaign_personal-image1","url":"/content/campaigns/barclaycard-co-uk/master/os-campaign/android/personal-image1/jcr:content/par.html","campaignPriority":1,"segments":["/etc/segmentation/barclaycard-co-uk/android"],"tags":[]},{"path":"/content/campaigns/barclaycard-co-uk/master/os-campaign/ios/personal-image1","name":"personal-image1","title":"iOS","campaignName":"os-campaign","campaignPath":"/content/campaigns/barclaycard-co-uk/master/os-campaign","thumbnail":"/content/campaigns/barclaycard-co-uk/master/os-campaign/ios/personal-image1.thumb.png","id":"os-campaign_personal-image1","url":"/content/campaigns/barclaycard-co-uk/master/os-campaign/ios/personal-image1/jcr:content/par.html","campaignPriority":1,"segments":["/etc/segmentation/barclaycard-co-uk/ios"],"tags":[]},{"path":"/personal/default","name":"default","title":"Default","campaignName":"","thumbnail":"/personal.thumb.png","url":"/personal/_jcr_content/page_bdl/acquisition_section/image1.default.html","campaignPriority":0,"tags":[]}], strategy: '', trackingURL: null }); // Make the targeted content visible if no teasers were loaded after 5s setTimeout(function(){ $CQ("#_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_image1").css('visibility', 'visible'); }, 5000); }); } else { $CQ("#_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_image1").css('visibility', 'visible'); } </script> <div id="_content_barclaycard-co-uk_en_personal_jcr_content_page_bdl_acquisition_section_image1" class="campaign " style="visibility: hidden"> <div class="default adaptive-image parbase"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-new-1.xsmall.medium_quality.png" media="(min-width: 1440px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-new-1.xsmall.medium_quality.png" media="(min-width: 1024px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-new-1.xsmall.medium_quality.png" media="(min-width: 768px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-new-1.xsmall.medium_quality.png 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-new-1.xxsmall.medium_quality.png 1x " media="(min-width: 480px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-new-1.xxsmall.medium_quality.png"/> <img class="aem-adaptive-image__img" src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-new-1.large.medium_quality.png" alt="" role="presentation"/> </picture> </div> </div> </div> </div> </div> <div class="o-tiles__item aem-tiles__item"> <div class="aem-section-acquisition-tile__head"> <h3 class="aem-section-acquisition-tile__heading">View your account securely whenever you want</h3> </div> <div class="aem-section-acquisition-tile__media"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-3.xsmall.medium_quality.png" media="(min-width: 1440px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-3.xsmall.medium_quality.png" media="(min-width: 1024px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-3.xsmall.medium_quality.png" media="(min-width: 768px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-3.xsmall.medium_quality.png 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-3.xxsmall.medium_quality.png 1x " media="(min-width: 480px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-3.xxsmall.medium_quality.png"/> <img class="aem-adaptive-image__img" src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-3.large.medium_quality.png" alt="" role="presentation"/> </picture> </div> </div> </div> <div class="o-tiles__item aem-tiles__item"> <div class="aem-section-acquisition-tile__head"> <h3 class="aem-section-acquisition-tile__heading">Make a payment to your card balance</h3> </div> <div class="aem-section-acquisition-tile__media"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <picture class="aem-adaptive-image__picture"> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-2.xsmall.medium_quality.png" media="(min-width: 1440px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-2.xsmall.medium_quality.png" media="(min-width: 1024px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-2.xsmall.medium_quality.png" media="(min-width: 768px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-2.xsmall.medium_quality.png 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-2.xxsmall.medium_quality.png 1x " media="(min-width: 480px)"/> <source srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-2.xxsmall.medium_quality.png"/> <img class="aem-adaptive-image__img" src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/pre-prod-homepage-images/mobile-image-2.large.medium_quality.png" alt="" role="presentation"/> </picture> </div> </div> </div> </div> <div class="controls"> <button type="button" class="aem-tiles__carousel-previous" aria-label="Previous item"> <svg class="aem-tiles__carousel-previous-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.7 94.8"> <path d="M51.2 51.1L9 93.3c-2.1 2.1-5.4 2.1-7.4 0-2.1-2.1-2.1-5.4 0-7.4l42.2-42.2c2.1-2.1 5.4-2.1 7.4 0s2 5.3 0 7.4z"></path> <path d="M51.2 43.7c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.4 0L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2z"></path> </svg> </button> <button type="button" class="aem-tiles__carousel-next" aria-label="Next item"> <svg class="aem-tiles__carousel-next-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.7 94.8"> <path d="M51.2 51.1L9 93.3c-2.1 2.1-5.4 2.1-7.4 0-2.1-2.1-2.1-5.4 0-7.4l42.2-42.2c2.1-2.1 5.4-2.1 7.4 0s2 5.3 0 7.4z"></path> <path d="M51.2 43.7c2.1 2.1 2.1 5.4 0 7.4s-5.4 2.1-7.4 0L1.5 9c-2.1-2.1-2.1-5.4 0-7.5S6.9-.6 9 1.5l42.2 42.2z"></path> </svg> </button> </div> <div class="aem-tiles__footer aem-tiles__footer-hide"> <ol class="aem-tiles__indicators" aria-hidden="true"> v <li data-slide-to="0" class="active aem-tiles__indicator"></li> <li data-slide-to="1" class=" aem-tiles__indicator"></li> <li data-slide-to="2" class=" aem-tiles__indicator"></li> </ol> </div> </div> </div> </div> </div> </section> </main> <div class="footer iparsys parsys"><div class="footer bdlfooter parbase section"> <footer class="o-section" aria-label="Company Information" id="footerlink"> <div class="o-section__content"> <div class="aem-footer" data-component-type="Footer"> <div class="aem-footer__content"> <div class="aem-footer__head"> <div> <div class="aem-rte "> </div> </div> <div class="aem-column-layout aem-column-layout--arrangement-3-3-3-3 "> <div class="aem-column-layout__item aem-column-layout__item--span-3 aem-column-layout__item--no-gutter"> <ul class="aem-list"> <li class="aem-list-item aem-list-item--media"> <div class="aem-list-item__media"> <div class="aem-list__icon"> <span class="aem-icon aem-icon--large" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/icons/personal/help/CreditCard.svg" width="100%" height="100%" alt=""></image> </svg> </span> </div> </div> <div class="aem-list-item__content"> <div class="aem-rte "> <h3><span class="h4">Find a Barclaycard</span></h3> </div> <div class="aem-rte "> <p><a href="/personal/credit-cards/eligibility-checker">Eligibility checker</a></p> <p><a href="/personal/credit-cards/find-the-right-barclaycard">Find the right Barclaycard for you</a></p> <p><a href="/personal/credit-cards/credit-building-cards">Cards for building your credit history</a></p> <p><a href="/personal/credit-cards/balance-transfer-credit-cards">Cards for balance transfers</a></p> <p><a href="/personal/credit-cards/rewards-credit-cards">Cards for earning rewards</a></p> <p><a href="/personal/credit-cards/purchase-credit-cards">Cards for purchases</a></p> </div> </div> </li> </ul> </div> <div class="aem-column-layout__item aem-column-layout__item--span-3 aem-column-layout__item--no-gutter"> <ul class="aem-list"> <li class="aem-list-item aem-list-item--media"> <div class="aem-list-item__media"> <div class="aem-list__icon"> <span class="aem-icon aem-icon--large" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/icons/personal/help/Calculator.svg" width="100%" height="100%" alt=""></image> </svg> </span> </div> </div> <div class="aem-list-item__content"> <div class="aem-rte "> <h3><span class="h4">Tools and calculators</span></h3> </div> <div class="aem-rte "> <p><a href="/personal/customer/repayment-calculator-tool">Repayment calculator</a></p> <p><a href="/personal/credit-cards/interest-calculator">Interest calculator</a></p> <p><a href="/personal/fraud-fighter">Fraud fighter</a></p> <p><a href="/personal/customer/credit-builder">Credit builder</a></p> </div> </div> </li> </ul> </div> <div class="aem-column-layout__item aem-column-layout__item--span-3 aem-column-layout__item--no-gutter"> <ul class="aem-list"> <li class="aem-list-item aem-list-item--media"> <div class="aem-list-item__media"> <div class="aem-list__icon"> <span class="aem-icon aem-icon--large" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/icons/personal/help/Help.svg" width="100%" height="100%" alt=""></image> </svg> </span> </div> </div> <div class="aem-list-item__content"> <div class="aem-rte "> <h3><span class="h4">Help and support</span></h3> </div> <div class="aem-rte "> <p><a href="/personal/money-matters/how-do-credit-cards-work/should-I-get-a-credit-card">Why get a credit card?</a></p> <p><a href="/personal/credit-cards/understanding-interest">Understanding interest</a></p> <p><a href="/personal/customer/money-worries">Money worries</a></p> <p><a href="/personal/customer/fraud">Fraud protection</a></p> <p><a href="/personal/help">FAQs</a></p> </div> </div> </li> </ul> </div> <div class="aem-column-layout__item aem-column-layout__item--span-3 aem-column-layout__item--no-gutter"> <ul class="aem-list"> <li class="aem-list-item aem-list-item--media"> <div class="aem-list-item__media"> <div class="aem-list__icon"> <span class="aem-icon aem-icon--large" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/icons/personal/help/CustomerService.svg" width="100%" height="100%" alt=""></image> </svg> </span> </div> </div> <div class="aem-list-item__content"> <div class="aem-rte "> <h3><span class="h4">Contact us</span></h3> </div> <div class="aem-rte "> <p>We've fewer colleagues to speak to you in our contact centres at the moment, which is having an impact on call wait times - we're truly sorry about this. If you need to get in touch, please visit our <a href="/personal/contact-us">contact us</a> page.</p> </div> </div> </li> </ul> </div> </div> </div> <div class="aem-footer__body"> <div class="aem-footer__body-social"> <div class="aem-footer__body-social-buttons"> <!--parsys to add rte, social buttons--> <div class="aem-footer__body-social-rte"> <div class="aem-rte "> <p>Download the Barclaycard app</p> </div> </div> <div class="aem-adaptive-image__item"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <a class="aem-adaptive-image__link" href="https://play.google.com/store/apps/details?id=com.barclays.bca&feature=nav_result#?t=W251bGwsMSwxLDMsImNvbS5iYXJjbGF5cy5iY2EiXQ" target='_blank' title="Download the Barclaycard app from Google Play, Opens in a new window, third party site"> <picture class="aem-adaptive-image__picture"> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/Google-Play-button.xsmall.medium_quality.jpg" media="(min-width: 1440px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/Google-Play-button.xsmall.medium_quality.jpg" media="(min-width: 1024px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/Google-Play-button.xsmall.medium_quality.jpg" media="(min-width: 768px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/Google-Play-button.xsmall.medium_quality.jpg 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/Google-Play-button.xxsmall.medium_quality.jpg 1x" media="(min-width: 480px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/Google-Play-button.xxsmall.medium_quality.jpg"/> <img class="aem-adaptive-image__img lazy" data-src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/Google-Play-button.large.medium_quality.jpg" alt="Download the Barclaycard app from Google Play, opens in a new window, third party site"/> </picture> </a> </div> </div> <div class="aem-adaptive-image__item"> <div class="aem-adaptive-image " data-component-type="AdaptiveImage"> <a class="aem-adaptive-image__link" href="https://itunes.apple.com/gb/app/mybarclaycard/id596487185" target='_blank' title="Download the Barclaycard app from the App Store, Opens in a new window, third party site"> <picture class="aem-adaptive-image__picture"> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/app-store-button.xsmall.medium_quality.jpg" media="(min-width: 1440px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/app-store-button.xsmall.medium_quality.jpg" media="(min-width: 1024px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/app-store-button.xsmall.medium_quality.jpg" media="(min-width: 768px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/app-store-button.xsmall.medium_quality.jpg 1.5x, https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/app-store-button.xxsmall.medium_quality.jpg 1x" media="(min-width: 480px)"/> <source data-srcset="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/app-store-button.xxsmall.medium_quality.jpg"/> <img class="aem-adaptive-image__img lazy" data-src="https://www.barclaycard.co.uk/content/dam/barclaycard/images/personal/existing-customers/snippet_images/app-store-button.large.medium_quality.jpg" alt="Download the Barclaycard app from the App Store, opens in a new window, third party site"/> </picture> </a> </div> </div> </div> <div class="aem-footer__body-social-icons"> <div class="aem-footer__body-social-icons-item"> <a class="m-button aem-button m-button--text m-button--default m-button--full-width " href="https://www.facebook.com/Barclaycard/" data-add-query-params='false' data-component-type="Button" title="Join the Barclaycard Facebook group, opens in a new window, third party site" target="_blank"> <span class="m-button__media aem-button__media m-button__media--large"> <span class="m-button__icon"> <span class="aem-icon aem-icon--large" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/icons/personal/social/Facebook.svg" width="100%" height="100%" alt="Share on Facebook"></image> </svg> </span> </span> </span> <span class="m-button__text aem-button__text"> </span> </a> </div> <div class="aem-footer__body-social-icons-item"> <a class="m-button aem-button m-button--text m-button--default m-button--full-width " href="https://www.linkedin.com/company/barclaycard" data-add-query-params='false' data-component-type="Button" title="Follow Barclaycard on LinkedIn, opens in a new window, third party site" target="_blank"> <span class="m-button__media aem-button__media m-button__media--large"> <span class="m-button__icon"> <span class="aem-icon aem-icon--large" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/icons/personal/social/LinkedIn.svg" width="100%" height="100%" alt=""></image> </svg> </span> </span> </span> <span class="m-button__text aem-button__text"> </span> </a> </div> <div class="aem-footer__body-social-icons-item"> <a class="m-button aem-button m-button--text m-button--default m-button--full-width " href="https://www.twitter.com/Barclaycard" data-add-query-params='false' data-component-type="Button" title="Follow Barclaycard on Twitter, opens in a new window, third party site" target="_blank"> <span class="m-button__media aem-button__media m-button__media--large"> <span class="m-button__icon"> <span class="aem-icon aem-icon--large" data-component-type="Icon"> <svg focusable="false" class="aem-icon__media" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="/content/dam/barclaycard/icons/personal/X.svg" width="100%" height="100%" alt=""></image> </svg> </span> </span> </span> <span class="m-button__text aem-button__text"> </span> </a> </div> </div> </div> </div> <div class="aem-footer__foot"> <div class="aem-rte "> <p>Barclaycard is a trading name of Barclays Bank UK PLC. Barclays Bank UK PLC is authorised by the Prudential Regulation Authority and regulated by the Financial Conduct Authority and the Prudential Regulation Authority (Financial Services Register number: 759676). Registered in England Number 9740322. Registered office: 1 Churchill Place, London E14 5HP.</p> <p>© Barclaycard 2025</p> </div> </div> </div> </div> </div> </footer> </div> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="footer iparsys parsys"></div> </div> </div> <div class="custom_tag parbase section"> </div> <div class="section"><div class="new"></div> </div><div class="iparys_inherited"><div class="custom_tags_footer_sitewide iparsys parsys"><div class="custom_tag parbase section"> </div> </div> </div> <div class="modal js-modal" id="as3-login" tabIndex="-1" role="dialog" data-component-type="Modal" data-modal-use-href data-modal-src="/content/barclaycard-co-uk/en/personal/summary/as3-login.html" data-modal-title="as3-login" aria-label="as3-login"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="modal-close-btn" data-modal-dismiss aria-label="Close"> <span>×</span> </button> </div> <div class="modal-iframe"> <iframe title="as3-login"></iframe> </div> </div> </div> </div> <script> if ((window.location !== window.parent.location) && (document.referrer.indexOf(window.location.host) < 0)) { document.write('<img src="/content/dam/barclaycard/images/loaded-in-iframe.png?referrer=' + encodeURI(document.referrer) + '&initiator=' + encodeURI(window.location.href) +'" alt="">'); } </script> <script type="text/javascript"> var bcpublic = bcpublic || {}; bcpublic.helpandsupport = bcpublic.helpandsupport || {}; bcpublic.helpandsupport.rootConfig = { "cookieWebchat": [], "cookieNav": [], "cookieSegment": [], "cookieSecure": [], "cookieColleague": [] }; </script> <script defer src="/etc/designs/componentlibrary/theme.barclaycard/clientlib.js"></script> <script defer src="/etc/designs/componentlibrary/iFrameDetection.js"></script> <!-- TEST : theme.barclaycard.personal --> <script defer src="/etc/designs/bccl/datalayer/personal.js"></script> <script defer src="/etc/designs/componentlibrary/lazyLoad/clientlib.js"></script> <!-- this is the page sub footer libs --> </body> </html>