CINXE.COM
Tablets : iPads, Galaxy Tabs | Mobility | Bell Canada
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html id="shop" lang="en" xmlns:fb="http://ogp.me/ns/fb#"> <head> <title>Tablets : iPads, Galaxy Tabs | Mobility | Bell Canada</title> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_medium-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_regular-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_semibold-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_heavy-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/core/fonts/bellslim_black-webfont.woff2" crossorigin> <link rel="preload" as="font" type="font/woff2" href="/Styles/media/Shared/fonts/shop-icons.woff2" crossorigin> <meta charset="utf-8"> <link rel="icon" href="/styles/images/icons/favicon.ico" type="image/x-icon" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Compare and choose from a variety of Apple iPad tablets and Android 5G and LTE tablets from Bell Mobility." /> <meta property="og:title" content="Tablets : iPads, Galaxy Tabs | Mobility | Bell Canada" /> <meta property="og:description" content="Compare and choose from a variety of Apple iPad tablets and Android 5G and LTE tablets from Bell Mobility." /> <meta property="og:url" content="https://www.bell.ca/Mobility/Tablets" /> <meta property="og:site_name" content="www.bell.ca" /> <meta name="province" content="ON" /> <meta name="language" content="en" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- New line added for Youtube Video link 24/03/2017 --> <meta name="google-site-verification" content="4lWo1xka4pc2FdoNCDSSEHaG3qLeZ3Ied-vuvhRXy0w" /> <!--Page ID: PrsShpWls_PrdClpListView_Tablets, DCOBZW-BC040 --> <meta name="page_id" content="PrsShpWls_PrdClpListView_Tablets" /> <link rel="canonical" href="https://www.bell.ca/Mobility/Tablets" /> <link rel="alternate" hreflang="en-CA" href="https://www.bell.ca/Mobility/Tablets" /> <link rel="alternate" hreflang="fr-CA" href="https://www.bell.ca/Mobilite/Tablettes" /> <script src="/styles/web/js/bell_externals.js"></script> <!-- CHECK IF THE PAGE IS IN SHOP --> <link href="/Styles/media/core/css/brfcore.css?v=2mujWYl2-_HH6jj060mvu6nc5oSYOtwDhG3Rr5eKeSY1" rel="stylesheet"/> <link href="/styles/media/mobility.css?v=DFhTzOVaIm7bRUgR-1X-bzL9H_6tI9fgLJJnDvW7u7s1" rel="stylesheet"/> <script src="/Styles/media/core/js/brfcore-top.js?v=9ktsOtIo0upvJP7-7FiXuOoOJe58RLFJ__wIRPL2vGo1"></script> <!--Omniture integration: consumer JS--> <script type="text/javascript"> var maskValidationDone = false; (function (g, b, d, f) { (function (a, c, d) { if (a) { var e = b.createElement("style"); e.id = c; e.innerHTML = d; a.appendChild(e) } })(b.getElementsByTagName("head")[0], "at-body-style", d); setTimeout(function () { var a = b.getElementsByTagName("head")[0]; if (a) { var c = b.getElementById("at-body-style"); c && a.removeChild(c) maskValidationDone = true; } }, f) })(window, document, "body {opacity: 0 !important}", 5E2) </script> <script id="dtm_script-2" type="text/javascript" src="//assets.adobedtm.com/launch-ENebd7a9b148404f67903d514c40949f24.min.js" async></script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "WebSite", "name" : "Bell Canada", "alternateName" : "Bell", "url" : "https://www.bell.ca/" } </script> <!-- this key is also being used at other places in consumer shop, EPP etc. --> <script type="text/javascript" src="/ruxitagentjs_ICA7NQVfghqrtux_10301241007103824.js" data-dtconfig="rid=RID_-291702231|rpid=-66838043|domain=bell.ca|reportUrl=/rb_bced360d-a02a-4b73-b0e7-46fe5ae1dc34|app=429b1eac4514c5ce|ssc=1|uanpi=2|featureHash=ICA7NQVfghqrtux|doNotDetect=scr|msl=153600|vcfi=0|srsr=65000|xb=(https:^bs/^bs/tr^bs.snapchat^bs.com^bs/p)^p(https:^bs/^bs/edge^bs.bell^bs.ca)^p(https:^bs/^bs/api2^bs.branch^bs.io^bs/v1^bs/pageview)^p(https:^bs/^bs/analytics^bs.google^bs.com^bs/g^bs/collect)^p(https:^bs/^bs/stats^bs.g^bs.doubleclick^bs.net^bs/j^bs/)^p(https:^bs/^bs/collection^bs.decibelinsight^bs.net)^p(https:^bs/^bs/c^bs.go^bs-mpulse^bs.net^bs/api^bs/config^bs.json)^p(https:^bs/^bs/dpm^bs.demdex^bs.net^bs/id)^p(https:^bs/^bs/[a-z]^bs.clarity^bs.ms^bs/collect)^p(https:^bs/^bs/www^bs.bell^bs.ca^bs/ajax^bs/FacebookConversion^bs/TrackEvent)^p(https:^bs/^bs/px^bs.ads^bs.linkedin^bs.com)^pusageanalytics^bs.coveo^bs.com^pinqchat^bs.html^pwww^bs.google^bs-analytics^bs.com^pdata1^bs.bell^bs.ca^p^bs/TealeafTarget^bs.TeaLeaf^pmbox^pct^bs.pinterest^bs.com^pglassboxdigital|rdnt=1|uxrgce=1|bp=3|cuc=gticcd0a|chw=https?:^bs/^bs/.*dofbffselfserveapi*|srms=2,0,0,0%2F%23divStandardLightboxLarge%20%3E%20div%20%3E%20div%20%3E%20div.modal-body.bgWhite.body-pad.hiddenOverFlow%26;0%2F%23profileinformation-prf-rcry%20%3E%20div%20%3E%20div%20%3E%20div.table.table-bordered.table-hover%20%3E%20div%20%3E%20div;0%2F%23CreditCard_CardNumber%26;0%2F%23expiryYear%26;0%2F%23expiryDay%26;0%2F%23expiryMonth%26;0%2F%23dlprovince%26;0%2F%23txtDriverLicenseNumber%26;0%2F%23SinNumber%26;0%2F%23CreditCardNumber%26;0%2F%23mobSelect%20%3E%20button%26;0%2F%23LoginInfoModel_SecretQuestionId3%26;0%2F%23LoginInfoModel_SecretQuestionId2%26;0%2F%23txtSecretAnswer1%26;0%2F%23LoginInfoModel_SecretQuestionId1%26;0%2F%23PASSWORD%26;0%2F%23txtPhotoCardIdNumber%26;0%2F%23EXPY%2C%20%23EXPY%20%7E%20.rsx-custom-select-trigger%26;0%2F%23EXPD%2C%20%23EXPD%20%7E%20.rsx-custom-select-trigger%26;0%2F%23EXPM%2C%20%23EXPM%20%7E%20.rsx-custom-select-trigger%26;0%2F%23txtPassportId%26;0%2F%23CVV_PI%26;0%2F%23CC_expYear_PI%2C%20%23CC_expYear_PI%20%7E%20.rsx-custom-select-trigger%26;0%2F%23CC_expMonth_PI%2C%20%23CC_expMonth_PI%20%7E%20.rsx-custom-select-trigger%26;0%2F%23PassportExpiryDate%2C%20%23PassportExpiryDate%20%7E%20.rsx-custom-select-trigger%26;0%2F%23PassportNumber%26;0%2F%23PassportCountry%26;0%2F%23billingAddressDiv%20%3E%20div.rsx-input-row%20%3E%20div%20%3E%20span%26;0%2F%23CvvNumber_Payment%2C%20%23CvvNumber_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23CcYearData_Payment%2C%20%23CcYearData_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23CcMonthData_Payment%2C%20%23CcMonthData_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23txtCCNumber_Payment%2C%20%23txtCCNumber_Payment%20%7E%20.rsx-custom-select-trigger%26;0%2F%23Cardholdername%2C%20%23Cardholdername%20%7E%20.rsx-custom-select-trigger%26;0%2F%23PersonalInformation_CreditInformationViewModel_DateOfBirth%26;0%2F%23csc-number%26;0%2F%23expiration-year%26;0%2F%23expiration-month%26;0%2F%23cardholder-name;0%2F%23card-number;0%2F%23Answer1%26;0%2F%23SecretQuestion1%26;0%2F%23txtSecretAnswer3%26;0%2F%23txtCustomQuestion3%26;0%2F%23txtSecretQuestion3%26;0%2F%23txtCustomQuestion2%26;0%2F%23txtSecretAnswer2%26;0%2F%23txtSecretQuestion2%26;0%2F%23txtCustomQuestion1%26;0%2F%23txtSecretQuestion1%26;0%2F%23HomePhone%26;0%2F%23CreditCard_ExpirationDateYY%2C%20%23CreditCard_ExpirationDateYY%20%7E%20.rsx-custom-select-trigger%26;0%2F%23ReviewPage_CardExpiryDate%26;0%2F%23CreditCard_ExpirationDataMM%2C%20%23CreditCard_ExpirationDataMM%20%7E%20.rsx-custom-select-trigger%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%20%3E%20div.sectionContent%26;0%2F%23transitCode%26;0%2F%23frmConfirm%20%3E%20div.standard-outline-custom-src.cWrap%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%26;0%2F%23cardHolderName%20%3E%20div.form-group-input%20%3E%20div%20%3E%20span%3Anth-child%282%29%26;0%2F%23PersonalInformation_CreditInformationViewModel_DateOfBirthTemp%26;0%2F%23prepaid-review-card-holder%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%285%29%26;0%2F%23BankAccountInfo_CardHolder%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%2810%29%26;0%2F%23txtBankCode%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%20%3E%20div.sectionValue%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%20%3E%20div.sectionContent%26;0%2F%23prepaid-review-expiration-date%26;0%2F%23txtCardHoldersName%26;0%2F%23TransitNumber%26;0%2F%23bankCode%26;0%2F%23txtTransitCode%26;0%2F%23MOB%2C%20%23MOB%20%7E%20.rsx-custom-select-trigger%26;0%2F%23frmSubmitReview%20%3E%20div%3Anth-child%283%29%20%3E%20div.colGroup%20%3E%20div.col6.colLast%20%3E%20div%20%3E%20ul%3Anth-child%286%29%26;0%2F%23txtCCNumber%26;0%2F%23SelectedCreditCard_SecurityCodeMasked%26;0%2F%23content%20%3E%20div.cWrap.standard-outline-custom-src%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%285%29%20%3E%20div.sectionContent%26;0%2F%23SelectedCreditCard_ExpireMonth%26;0%2F%23prepaid-review-payment-info-section%26;0%2F%23AccountNumber%26;0%2F%23accountHolderLastName%26;0%2F%23ddlCCYear%26;0%2F%23SelectedCreditCard_CreditCardNumberMasked%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%283%29%20%3E%20div.sectionValue%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%286%29%26;0%2F%23accountHolderFirstName%26;0%2F%23YOB%2C%20%23YOB%20%7E%20.rsx-custom-select-trigger%26;0%2F%23SelectedCreditCard_ExpireYear%26;0%2F%23CreditCard_SecurityCode%26;0%2F%23paymentDetails%20%3E%20div%3Anth-child%281%29%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%286%29%20%3E%20div.sectionContent%26;0%2F%23bankName%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%286%29%20%3E%20div.sectionContent%26;0%2F%23ReviewPage_CardHolderName%26;0%2F%23ReviewPage_PaymentExpiryDate%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%285%29%20%3E%20div.sectionContent%26;0%2F%23BankName%26;0%2F%23txtBankAcctNumber%26;0%2F%23cardHolderName%20%3E%20div.form-group-input%20%3E%20div%20%3E%20span%3Anth-child%281%29%26;0%2F%23txtCreditCardHolderName%26;0%2F%23prepaid-review-card-number%26;0%2F%23DOB%2C%20%23DOB%20%7E%20.rsx-custom-select-trigger%26;0%2F%23Payment_PaymentInformation_PaymentInfoDetail_CreditCard_CardHolderName%26;0%2F%23ddlCCMonth%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%20%3E%20div.sectionContent%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%284%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%20%3E%20div.sectionValue%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%287%29%26;0%2F%23ddlBankName%26;0%2F%23ReviewPage_DataOfBirth%26;0%2F%23ReviewPage_PaymentCardHolderName%26;0%2F%23your-order-accordion-body%20%3E%20div%20%3E%20section%3Anth-child%284%29%20%3E%20div%20%3E%20div%20%3E%20div%3Anth-child%282%29%20%3E%20table%20%26;0%2F%23CreditCardExpirationDate%26;0%2F%23txtSecurityCode%26;0%2F%23frmConfirm%20%3E%20div.standard-outline-custom-src.cWrap%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%26;0%2F%23txtCardNumber%26;0%2F%23frmConfirm%20%3E%20div%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%20%3E%20div.sectionContent%26;0%2F%23frmBack%20%3E%20div%3Anth-child%286%29%20%3E%20div%20%3E%20div%3Anth-child%288%29%20%3E%20div%3Anth-child%287%29%20%3E%20div%3Anth-child%282%29%26;0%2F%23SelectedCreditCard_CardholderName%26;0%2F%23txtBankPayerName%26;0%2F%23BankAccountInfo_AccountNumberMasked%26;0%2F%23bankAccountNumber%26;0%2F%23CardholderName%26;0%2F%23BankAccountInfo_TransitCode%26;0%2F%23AccountHolderName%26;0%2F%23txtSSN%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%288%29%26;0%2F%23content%20%3E%20div%3Anth-child%283%29%20%3E%20div%3Anth-child%282%29%20%3E%20div%3Anth-child%282%29%20%3E%20ul%20%3E%20li%3Anth-child%284%29%26|mdl=mdcc16=20|mel=100000|dpvc=1|md=mdcc1=clast_login_attempt_bup,mdcc4=bbdaDL[0].page.info.url,mdcc5=b_dim_ga.dimension14,mdcc6=b_dim_ga.dimension37,mdcc7=ahtml@id,mdcc8=b_dim_ga.dimension23,mdcc11=a#USER,mdcc12=bs.pageURL,mdcc15=cgemini,mdcc16=czone,mdcc17=bserverName,mdcc18=b_dim_ga.dimension38,mdcc19=borderId,mdcc20=bnavigator.connection.downlink,mdcc21=bnavigator.connection.effectiveType,mdcc22=c_cls_s|ssv=4|lastModification=1732825447833|tp=500,50,0|agentUri=/ruxitagentjs_ICA7NQVfghqrtux_10301241007103824.js"></script> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="ELNCJ-SNJ8G-MAJUF-JX27D-KEUXV",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"ELNCJ-SNJ8G-MAJUF-JX27D-KEUXV",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="bdpnbeqxhb3poz2jgkcq-f-ed10d82fa-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"39","ak.cp":"930435","ak.ai":parseInt("595822",10),"ak.ol":"0","ak.cr":176,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"3017862a","ak.r":45795,"ak.a2":e,"ak.m":"","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":46046,"ak.gh":"23.213.244.133","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732850309","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==rk3N/p0XVFsBQ1IEmHgoInZrWnvWwSG7eiqnebhrJL6k7H0VOh8MOJEiCtMk+EWGKsmyS4wCB5nIUCqtzWKIMYqG3/7M9UaBN13hQnZNNKhu3Dp3aH01qL/iO/yhQ9Z4FSUpGe/k5P7eQ7iDnfFsvB1C8ry0j5rOibXniaEW9Kj1jZ1lDH/zl+DhDcyYZxGGUfq4TnxSzuPXxYPrZJvmbISw5oOAdURoscoYEICy8oge5Cmbgdpjt/5C4qcR4OBkex4pzKeFqV1lWNWNIo/5or++jUxfQ+/qOGALnlodjAikCOv+3A6MWcWE12EHpp64tszOEfbAPLZFt66jTfnsqQ0rDgNqlrlHZ3OX38KtIL0iHUPBr31uSeMBdR4Dwh6qSrdNfux3G916VE00FEnUtOjy4FnTo2QBvGuS9LF0/xQ=","ak.pv":"194","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class="page-code_prsshpwls-prdclplistview-tablets brfpad sb-override"> <script type="text/javascript"> var isSlowConnection = false; try { let connection = navigator.connection || navigator.webkitConnection || navigator.mozConnection; if (connection && (connection.effectiveType === "4g" || connection.effectiveType === "3g")) { isSlowConnection = true; } } catch (ex) { console.warn(ex) } (function () { const checkAdobeVariable = ({ addGlobalLoader, removeGlobalLoader }) => { var globalEvent; addGlobalLoader(); function removeProgressLoader(e) { globalEvent = e; if (globalEvent) { clearInterval(interval); removeGlobalLoader(); } else { setTimeout(() => { clearInterval(interval); removeGlobalLoader(); }, 200); } } const interval = setInterval(() => { if (typeof adobe !== 'undefined' && typeof adobe.target.event !== 'undefined' && adobe.target.event.hasOwnProperty('CONTENT_RENDERING_SUCCEEDED') && !globalEvent) { document.addEventListener(adobe.target.event.CONTENT_RENDERING_SUCCEEDED, removeProgressLoader); globalEvent = null; if (isSlowConnection) { setTimeout(() => { removeProgressLoader(); }, 1000); } } }, 200); if (!isSlowConnection) { setTimeout(() => { removeProgressLoader(); }, 200); } }; function addGlobalLoader() { document.getElementsByTagName("html")[0].classList.add("progressiveLoader"); } function removeGlobalLoader() { document.getElementsByTagName("html")[0].classList.remove("progressiveLoader"); } if (document.querySelector("body")) { checkAdobeVariable({ addGlobalLoader, removeGlobalLoader }); } })() </script> <style> .progressiveLoader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: white; z-index: 1000000; overflow: hidden; } .progressiveLoader body { background-color: white!important; opacity: 1!important; } .progressiveLoader body > *:not(.progressiveLoader-logo) { opacity: 0 !important; } .progressiveLoader-logo { fill: #00549a; width: 62px; height: 34px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1100000; display: none; } .progressiveLoader body .progressiveLoader-logo { display: block; } </style> <svg class="progressiveLoader-logo" tabindex="-1" focusable="false" aria-hidden="true" viewBox="0 0 65 37.2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M48.3 21.4c-.3-1.6-1-3-1.9-4.2-1.9-2.6-5.1-4.1-9.3-4.1-6.6 0-10.6 4.5-11.8 9.2-1-3.3-4-5.6-7-6.5 2.3-1.7 3.5-4.1 3.5-6.8 0-2.5-1-4.8-2.8-6.3C16.4.4 12.8 0 8.5 0H0v36.7h7.3c2.2 0 4.2 0 6.2-.1 6.2-.2 10.4-3.4 11.8-8 .5 2.1 1.3 3.8 2.5 5.1 2.4 2.6 5.8 3.7 9.3 3.7 4.3 0 7.4-1.2 9.5-3.1l-3-3.5c-1.5 1.2-3.5 1.8-5.7 1.8-4.3 0-6.2-2.7-6.4-5.4h16.9v9.6h6.3V.1h-6.3l-.1 21.3zM6.5 4.9h1.7c1.7 0 3 .2 4 .6 1.9.7 2.8 2.3 2.8 4.1 0 1.6-.6 4.1-4 4.8-.6.1-1.4.2-2.5.2h-2V4.9zm7.1 26.4c-.8.1-1.7.2-2.6.2H6.5v-12h4.1c1.3 0 2.7.1 3.6.3 2.9.8 4.5 2.8 4.5 5.5 0 2.9-1.5 5.3-5.1 6zm18-8.9c.6-2.7 2.5-4.6 5.4-4.6 2.9 0 4.8 1.7 5.4 4.6H31.6zM58.8.1H65v36.5h-6.2V.1z"></path> </svg> <!-- --> <link rel="stylesheet" href="/Styles/BRF3/core/css/connector.css" /> <script src="/Styles/BRF3/core/js/connector.js"></script> <script> document.addEventListener("DOMContentLoaded", function () { BELL.gConnector.init(); }); </script> <!--CONNECTOR : start --> <header class="g-header" id="ngcHeader"> <a href="#maincontent" class="g-skip-to-main-link">Skip to main content</a> <div class="g-federal-bar" id="federalBarG"> <div class="g-connector-container"> <ul class="g-federal-bar-links g-federal-bar-links--left"> <li> <a href=/Residential_services class="g-active">Personal</a> </li> <li> <button type="button" aria-expanded="false" aria-controls="businessSectionDesktop" id="businessSectionDesktopBtnG" class="g-connector-business-btn-desktop"> <span>Business</span> </button> <div class="g-connector-business-section-desktop g-visually-hidden" id="businessSectionDesktopG" aria-hidden="true"> <ul> <li> <a href=https://business.bell.ca/shop/small-business#EXT=BellRef_Consumer_FedNav_SMB_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Small Business</span><span class="d-block bhp-business-connector-span">1 to 100 employees</span> </a> </li> <li> <a href=https://business.bell.ca/shop/medium-large#EXT=BellRef_Consumer_FedNav_ENT_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Enterprise</span><span class="d-block bhp-business-connector-span">Over 100 employees</span> </a> </li> </ul> </div> </li> <li> <a href=https://www.bell.ca/Bell-for-Better class="">Bell for Better</a> </li> </ul> <ul class="g-federal-bar-links g-federal-bar-links--right"> <li> <button type="button" aria-expanded="false" class="g-connector-stores-btn-desktop" id="storeLocatorBtnG" aria-controls="storeLocatorG">Find a store</button> <input type="hidden" id="gmapsURLG" value="https://maps.google.com/maps/api/js?v=3&libraries=places&region=ca&language=en&client=gme-bellcanada4" /> <div class="g-store-locator g-visually-hidden" id="storeLocatorG" data-url="http://www.bell.ca/Store_Locator?INT=All_hmpg_TXT_header_Mass_100920_es_findstore" data-target="_blank"> <ul class="g-store-locator-links"> <li> <button type="button" class="g-store-locator-link" id="storeLocatorFindStoreBtnG" aria-label="Find a store near you" aria-expanded="false" tabindex="-1" aria-controls="storeLocatorToolsG"> Find a store </button> </li> <li> <a href="https://appointments.bell.ca " class="g-store-locator-link" tabindex="-1"> Book an appointment </a> </li> </ul> <div class="g-store-locator-tools" id="storeLocatorToolsG" aria-hidden="true"> <h2 class="g-store-locator-title" id="storeLocatorTitleG"> Find a store </h2> <label id ="addressLabel" class="g-store-locator-address-label" for="searchField">Enter your address or postal code</label> <input id="storeSearchFieldG" class="g-store-locator-address" type="text" name="search" autocomplete="off" aria-labelledby="addressLabel" placeholder=""> <fieldset class="g-store-locator-filters" id="storeLocatorFiltersG"> <legend>Filter store by</legend> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="a" data-omniture-tag="In-store appointment" id="storeFilters_apointments"> <span class="g-input-visual"></span> <label for="storeFilters_apointments">In-store appointments</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="A" data-omniture-tag="Mobile dev" id="storeFilters_mobile-dev"> <span class="g-input-visual"></span> <label for="storeFilters_mobile-dev">Mobile devices for business + consumer</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="Z" data-omniture-tag="Mobile dev" id="storeFilters_tv"> <span class="g-input-visual"></span> <label for="storeFilters_tv">Residential: Internet + TV + Phone</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="K" data-omniture-tag="Business T" id="storeFilters_business"> <span class="g-input-visual"></span> <label for="storeFilters_business">Business: Internet + TV + Phone</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="f" data-omniture-tag="Mobile Repair" id="storeFilters_repair"> <span class="g-input-visual"></span> <label for="storeFilters_repair">Mobile repairs</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="H" data-omniture-tag="Fibe TV li" id="storeFilters_fibedemo"> <span class="g-input-visual"></span> <label for="storeFilters_fibedemo">Fibe TV live demo</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="I" data-omniture-tag="Bell Trade" id="storeFilters_tradein"> <span class="g-input-visual"></span> <label for="storeFilters_tradein">Bell Trade-in program</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="P" data-omniture-tag="Bell Trade" id="storeFilters_chinese"> <span class="g-input-visual"></span> <label for="storeFilters_chinese">Chinese Support華語服務</label> </span> <span class="g-input g-input-checkbox"> <input type="checkbox" data-filter-name="Q" data-omniture-tag="Bell Trade" id="storeFilters_hindi"> <span class="g-input-visual"></span> <label for="storeFilters_hindi">Hindi | Punjabi Support</label> </span> </fieldset> <button type="button" class="g-button js-open-store-locator" id="storeLocatorLaunchBtnG">Find stores</button> </div> </div> </li> <li> <a href="https://www.bell.ca/Accessibility_services#INT=OTH_Accessserv_TXT_FedNav">Accessibility</a> </li> <li> <span class="sr-only" aria-hidden="true" id="selectProvinceLabel" lang="fr-CA">Select province</span> <button type="button" class="g-prov-selector-desktop-btn" aria-controls="provSelectorDesktop" id="provSelectorDesktopBtnG" aria-expanded="false" aria-labelledby="selectProvinceLabel abbrProvince currProvince"> <span class="sr-only" id="currProvince">Ontario</span> <abbr title="Ontario" id="abbrProvince">ON</abbr> </button> <div class="g-prov-selector-desktop g-visually-hidden" id="provSelectorDesktopG"> <ul> <li> <a href="javascript:void(0)" data-test="ab" tabindex="-1" id="provSelectorDesktopG-1" data-name="province-1" data-value="AB" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Alberta</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="bc" tabindex="-1" id="provSelectorDesktopG-2" data-name="province-2" data-value="BC" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> British Columbia</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="mb" tabindex="-1" id="provSelectorDesktopG-3" data-name="province-3" data-value="MB" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Manitoba</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nb" tabindex="-1" id="provSelectorDesktopG-4" data-name="province-4" data-value="NB" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> New Brunswick</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nl" tabindex="-1" id="provSelectorDesktopG-5" data-name="province-5" data-value="NL" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Newfoundland And Labrador</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nt" tabindex="-1" id="provSelectorDesktopG-6" data-name="province-6" data-value="NT" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Northwest Territories</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="ns" tabindex="-1" id="provSelectorDesktopG-7" data-name="province-7" data-value="NS" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Nova Scotia</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="nu" tabindex="-1" id="provSelectorDesktopG-8" data-name="province-8" data-value="NU" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Nunavut</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="on" tabindex="-1" id="provSelectorDesktopG-9" data-name="province-9" aria-current="location" data-value="ON" class=" g-prov-selector-province g-ative "> <span class="g-prov-selector-province-label"> Ontario</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="pe" tabindex="-1" id="provSelectorDesktopG-10" data-name="province-10" data-value="PE" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Prince Edward Island</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="qc" tabindex="-1" id="provSelectorDesktopG-11" data-name="province-11" data-value="QC" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Quebec</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="sk" tabindex="-1" id="provSelectorDesktopG-12" data-name="province-12" data-value="SK" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Saskatchewan</span> <span class="g-prov-selector-province-bg"></span> </a> </li> <li> <a href="javascript:void(0)" data-test="yt" tabindex="-1" id="provSelectorDesktopG-13" data-name="province-13" data-value="YT" class=" g-prov-selector-province "> <span class="g-prov-selector-province-label"> Yukon</span> <span class="g-prov-selector-province-bg"></span> </a> </li> </ul> </div> </li> <li> <a href="javascript:void(0)" class="g-lang-selector-desktop" translate="no" aria-label="Consulter le site en français" lang="fr-CA" id="langSelectorDesktopBtnG" data-language="en" data-alternative="fr" data-vanityurl="https://www.bell.ca/Mobilite/Tablettes">FR</a> </li> </ul> </div> </div> <div class="g-connector " id="connector"> <div class="g-connector-container"> <!-- MOBILE BAR : start --> <div class="g-mobile-bar" id="mobileBarG"> <a href="/" class="g-mobile-bar-logo"> <div class="sr-only">Home</div> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-bell-logo"></use></svg> </a> <div class="g-mobile-bar-lob">Mobility</div> <div class="g-mobile-bar-btns-wrap"> <a href="https://mybell.bell.ca/Login" class="g-login-btn-mobile g-visually-hidden" tabindex="-1" id="mobileLoginLinkG" aria-hidden="true">Log in / Register</a> <button type="button" class="g-back-btn-mobile g-visually-hidden" href="#" id="mobileBackBtnG" disabled="disabled" aria-hidden="true"> Back </button> <button type="button" class="g-icon-btn g-mobile-bar-search-btn" id="mobileBarSearchBtnG" aria-label="Expand search field" data-label-expand="Expand search field" data-label-collapse="Collapse search field"> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg> </button> <!--Shopping Cart--> <button type="button" class="g-icon-btn g-mobile-bar-cart-btn" id="mobileBarCartBtnEmpy"> <span class="sr-only">Cart</span> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </button> <div class="g-mobile-bar-cart-popup g-mobile-bar-cart-popup--cart-empty" id="mobileCartEmptyPopup" role="dialog" aria-labelledby="mobileCartEmptyLabel"> <span tabindex="0" aria-hidden="true" style="opacity: 0" onfocus="document.getElementById('mobileCartEmptyPopupClose').focus()"></span> <button type="button" class="g-mobile-bar-popup-close-btn" id="mobileCartEmptyPopupClose" aria-label="Close empty cart popup"><span aria-hidden="true"></span><span aria-hidden="true"></span></button> <div class="g-cart-popup-image-wrap"> <svg tabindex="-1" focusable="false" class="g-cart-popup-image"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </div> <div class="g-cart-popup-text" id="mobileCartEmptyLabel"> Your shopping cart is empty </div> <span tabindex="0" aria-hidden="true" style="opacity: 0" onfocus="document.getElementById('mobileCartEmptyPopupClose').focus()"></span> </div> <div class="g-connector-popup-backdrop" id="connectorPopupBackdrop"></div> <button type="button" class="g-icon-btn g-mobile-bar-nav-btn" id="mobileBarNavBtnG" aria-pressed="false" title="Expand Mobile Navigation" data-label-expand="Expand Mobile Navigation" data-label-collapse="Collapse Mobile Navigation"> <span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span> </button> </div> <button type="button" class="g-icon-btn g-mobile-bar-search-close-btn" id="mobileBarSearchCloseBtn" aria-label="Close search"> <span aria-hidden="true"></span><span aria-hidden="true"></span> </button> </div> <!-- BAR : end --> <div class="g-connector-nav-wrap g-hide-mobile-tablet " id="connectorNavWrapG"> <nav id="connectorNavG" class="g-connector-nav-main" aria-label="Main"> <a href="/" aria-label="Bell Home Page" class="g-connector-nav-logo"> <svg tabindex="-1" focusable="false" class="g-connector-nav-logo-bell"><use tabindex="-1" focusable="false" xlink:href="#icon-bell-logo"></use></svg> </a> <ul class="g-connector-nav-lobs" id="connectorNavLobsG"> <!-- Add mybell link view--> <!-- LOB : start --> <li class="g-connector-nav-lob g-connector-active"> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SHOP_MOBILITY"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Mobility</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SHOP_MOBILITY"> <!-- LOB CONTENT: start --> <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container"> <!-- SHOP LINKS: start --> <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SHOP_MOBILITY"> SHOP MOBILITY </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP MOBILITY"> <li class=""> <a href="/Mobility" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Bell Mobility</span> </a> </li> <li class=""> <a href="/Mobility/Our_network" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Our network</span> </a> </li> <li class=""> <a href="/Mobility/Cell_phone_plans" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Plans</span> </a> </li> <li class="g-connector-active"> <a href="/Mobility/Smartphones_and_mobile_internet_devices" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Phones and devices</span> </a> </li> <li class=""> <a href="/Mobility/ConnectedThings#main" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Connected things</span> </a> </li> </ul> </div> <!-- SHOP LINKS: end --> <!-- DISCOVER LINKS: start --> <!-- DISCOVER LINKS: end --> </div> </div> <!-- LOB CONTENT: end --> </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SHOP_INTERNET"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Internet</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SHOP_INTERNET"> <!-- LOB CONTENT: start --> <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container"> <!-- SHOP LINKS: start --> <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SHOP_INTERNET"> SHOP INTERNET </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP INTERNET"> <li class=""> <a href="/Bell_Internet" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Fibe Internet</span> </a> </li> <li class=""> <a href="/Bell_Internet/Internet_access" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe Internet plans</span> </a> </li> <li class=""> <a href="/Bell_Internet/Products/WiFi" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Wi-Fi</span> </a> </li> <li class=""> <a href="/Bell_Internet/promotions/wireless-home-internet" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Rural Internet</span> </a> </li> </ul> </div> <!-- SHOP LINKS: end --> <!-- DISCOVER LINKS: start --> <!-- DISCOVER LINKS: end --> </div> </div> <!-- LOB CONTENT: end --> </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-FIBE_TV"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">TV</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-FIBE_TV"> <!-- LOB CONTENT: start --> <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container"> <!-- SHOP LINKS: start --> <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-FIBE_TV"> </h3> <ul class="g-connector-nav-shop-list" aria-label=""> <li class=""> <a href="/Fibe-TV" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Fibe TV</span> </a> </li> <li class=""> <a href="/Fibe-TV/Fibe-Programming-Packages" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe TV packages</span> </a> </li> <li class=""> <a href="/Fibe-TV/Fibe-TV-App" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe TV app</span> </a> </li> <li class=""> <a href="/Fibe-TV-App/fibe-tv-app-programming-packages" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Fibe TV app packages</span> </a> </li> <li class=""> <a href="/Bell_TV" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Satellite TV</span> </a> </li> <li class=""> <a href="/Whats-on/Live" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">What's on</span> </a> </li> </ul> </div> <!-- SHOP LINKS: end --> <!-- DISCOVER LINKS: start --> <!-- DISCOVER LINKS: end --> </div> </div> <!-- LOB CONTENT: end --> </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-BUNDLES"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Bundles</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-BUNDLES"> <!-- LOB CONTENT: start --> <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container"> <!-- SHOP LINKS: start --> <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-BUNDLES"> SHOP BUNDLES </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP BUNDLES"> <li class=""> <a href="/Bell-bundles" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Internet + TV</span> </a> </li> <li class=""> <a href="/Bell-bundles/Internet-Mobility" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Internet + Mobility</span> </a> </li> <li class=""> <a href="/Bell-bundles/Build-Your-Bundle/Bundle" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Build your own</span> </a> </li> </ul> </div> <!-- SHOP LINKS: end --> <!-- DISCOVER LINKS: start --> <!-- DISCOVER LINKS: end --> </div> </div> <!-- LOB CONTENT: end --> </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SMART_HOME_ALL"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Smart Home</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SMART_HOME_ALL"> <!-- LOB CONTENT: start --> <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container"> <!-- SHOP LINKS: start --> <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SMART_HOME_ALL"> </h3> <ul class="g-connector-nav-shop-list" aria-label=""> <li class=""> <a href="/Smart-Home" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Why Bell Smart Home</span> </a> </li> <li class=""> <a href="/Smart-Home/Packages" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Packages</span> </a> </li> <li class=""> <a href="/Smart-Home/Devices" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Devices</span> </a> </li> </ul> </div> <!-- SHOP LINKS: end --> <!-- DISCOVER LINKS: start --> <!-- DISCOVER LINKS: end --> </div> </div> <!-- LOB CONTENT: end --> </div> </li> <li class="g-connector-nav-lob "> <button type="button" class="g-connector-nav-item" aria-expanded="false" aria-controls="lobContent-SHOP_HOMEPHONE"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label">Home phone</span> </button> <div class="g-connector-nav-lob-content" id="lobContent-SHOP_HOMEPHONE"> <!-- LOB CONTENT: start --> <div class="g-connector-nav-lob-content-wrap"> <div class="g-connector-container"> <!-- SHOP LINKS: start --> <div class="g-connector-nav-lob-content-shop"> <h3 class="g-connector-nav-lob-subtitle" id="lobContenSubtitleShop-SHOP_HOMEPHONE"> SHOP HOME PHONE </h3> <ul class="g-connector-nav-shop-list" aria-label="SHOP HOME PHONE"> <li class=""> <a href="/Home_phone" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Packages</span> </a> </li> <li class=""> <a href="/Home_phone/Long_distance_plans" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Long distance</span> </a> </li> <li class=""> <a href="/Home_phone/Calling_features" class="g-connector-nav-shop-link"> <span class="g-connector-nav-shop-link-focus"></span> <span class="g-connector-nav-shop-link-label">Calling features</span> </a> </li> </ul> </div> <!-- SHOP LINKS: end --> <!-- DISCOVER LINKS: start --> <!-- DISCOVER LINKS: end --> </div> </div> <!-- LOB CONTENT: end --> </div> </li> <li class="g-connector-nav-lob "> <a class="g-connector-nav-item" href="/Bell-Promotions/Black-Friday#INT=MULTI_hmpg_NAV_BlackFriday_110824_LM"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label shimmer">Black Friday</span> </a> </li> <li class="g-connector-nav-lob "> <a class="g-connector-nav-item" href="https://support.bell.ca/"> <span class="g-connector-nav-item-focus"></span> <span class="g-connector-nav-item-label ">Support</span> </a> </li> </ul> </nav> <div class="g-federal-bar-mobile" id="federalBarMobileG"> <ul> <li> <a href=/Residential_services>Personal</a> </li> <li> <button type="button" aria-expanded="false" aria-controls="businessSectionMobileG" id="businessSectionMobileBtnG" class="g-connector-business-btn-mobile"> <span>Business</span> </button> <div class="g-connector-business-section-mobile" id="businessSectionMobileG" aria-hidden="true"> <ul> <li class="g-connector-business-item-mobile"> <a href=https://business.bell.ca/shop/small-business#EXT=BellRef_Consumer_FedNav_SMB_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Small Business</span><span class="d-block bhp-business-connector-span">1 to 100 employees</span> </a> </li> <li class="g-connector-business-item-mobile"> <a href=https://business.bell.ca/shop/medium-large#EXT=BellRef_Consumer_FedNav_ENT_01192018_TF tabindex="-1"> <span class="d-block d-md-inline-block bhp-business-connector-span" style="font-weight: 700; ">Enterprise</span><span class="d-block bhp-business-connector-span">Over 100 employees</span> </a> </li> </ul> </div> </li> <li> <a href=https://www.bell.ca/Bell-for-Better>Bell for Better</a> </li> <li> <a href="http://www.bell.ca/Store_Locator">Find a store</a> </li> <li> <a href="https://appointments.bell.ca ">Book an appointment</a> </li> <li> <a href="https://www.bell.ca/Accessibility_services#INT=OTH_Accessserv_TXT_FedNav">Accessibility</a> </li> </ul> <div class="g-mobile-lang-prov"> <div class="g-mobile-prov-selector-wrap" translate="no"> <select name="Ontario" aria-label="Select province" id="provSelectorMobileG" class="g-prov-selector-mobile"> <option value="AB" > AB </option> <option value="BC" > BC </option> <option value="MB" > MB </option> <option value="NB" > NB </option> <option value="NL" > NL </option> <option value="NT" > NT </option> <option value="NS" > NS </option> <option value="NU" > NU </option> <option value="ON" selected="selected"> ON </option> <option value="PE" > PE </option> <option value="QC" > QC </option> <option value="SK" > SK </option> <option value="YT" > YT </option> </select> </div> <a href="javascript:void(0)" class="g-lang-selector-mobile" translate="no" id="langSelectorMobileBtnG" data-language="en" data-alternative="fr" data-vanityurl="https://www.bell.ca/Mobilite/Tablettes">FR</a> </div> </div> </div> <div class="g-connector-additional-options"> <button type="button" class="g-icon-btn g-desktop-bar-search-btn" id="desktopSearchBtnG" aria-pressed="false" aria-label="Expand search field" data-label-expand="Expand search field" data-label-collapse="Collapse search field"> <svg tabindex="-1" focusable="false"> <use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use> </svg> </button> <!--Shopping Cart--> <div class="g-desktop-cart-wrap"> <a href="javascript:void(0)" class="g-icon-btn g-desktop-bar-cart-btn" aria-disabled="true" aria-label="Your shopping cart is empty" id="cartBtnG"> <svg tabindex="-1" focusable="false"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </a> <div class="g-cart-tooltip g-visually-hidden" id="emptyCartTooltipG" role="tooltip" aria-hidden="true"> <div class="g-cart-tooltip-image-wrap"> <svg tabindex="-1" focusable="false" class="g-cart-tooltip-image"><use tabindex="-1" focusable="false" xlink:href="#icon-cart-alt"></use></svg> </div> <div class="g-cart-tooltip-text"> Your shopping cart is empty </div> </div> </div> <!-- ADD Mybelllink view--> <div class="g-connector-logged-in-wrap"> <a href="https://mybell.bell.ca/Login" class="g-outline-button" id="desktopLoginLink">Log in / Register</a> </div> </div> <!-- Search Bar--> <div class="g-connector-search-controls-wrap"> <div role="search" class="g-connector-search-wrap g-visually-hidden" id="connectorSearchWrapG" data-is-coveo-search-enabled="True"> <form id="rsx-connector-search" class="g-connector-search js-connector-search-form" method="POST" data-mktseg="shp" data-suggestions="#autocomplete-search-results" data-url="/Search?q=#qbox#" data-autocompletehost="https://www.bell.ca/Search/Search/GetAutocomplete" action="?"> <!-- <span role="status" aria-live="polite" class="ui-helper-hidden-accessible">No search results.</span> --> <svg class="g-connector-search-icon"> <use xlink:href="#icon-magnifying-glass"></use> </svg> <input class="g-connector-search-field" name="query" placeholder="Search" title="Search bell.ca" autocomplete="off" spellcheck="false" aria-autocomplete="list" id="searchFieldG" tabindex="-1"> <div class="g-connector-search-buttons"> <button type="reset" class="g-connector-reset-search-btn" id="resetConnectorSearchBtnG" aria-label="Reset search terms" tabindex="-1"> <svg class=""> <use xlink:href="#icon-solid-circle-x"></use> </svg> </button> </div> <div class="sr-only" id="searchAutocompleteLiveregionG" role="status" aria-live="assertive" aria-relevant="additions" data-message-single="1 result is available. Use the up and down arrow keys to navigate." data-message-multiple="{0} results are available. Use the up and down arrow keys to navigate."></div> </form> <span class="sr-only" id="voice_warning_alt_g" aria-hidden="true">Select this button and then dictate your search. Successful results will be displayed on a new page.</span> <div class="g-connector-search-popular g-active" id="searchPopularConnector"> <div role="heading" aria-level="3" class="g-connector-search-popular-title" id="searchPopularTitle">Popular searches</div> <ul aria-labelledby="searchPopularTitle"> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">Crave</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">Apple Watch</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">eSIM</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">iPhone 16</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">iPad</button></li> <li><svg tabindex="-1" focusable="false" aria-hidden="true"><use tabindex="-1" focusable="false" xlink:href="#icon-magnifying-glass"></use></svg><button class="g-connector-search-popular-btn" type="button">Internet</button></li> </ul> </div> <div class="g-connector-search-autocomplete" id="searchAutocompleteG"> <div class="g-connector-search-autocomplete-suggestions" id="searchAutocompleteSuggestionsG"> <div class="g-connector-search-autocomplete-suggestions-title" id="searchAutocompleteSuggestionsTitleG" role="heading" aria-level="3">Search suggestions</div> <ul aria-labelledby="searchAutocompleteSuggestionsTitleG"></ul> </div> <div class="g-connector-search-autocomplete-shop" id="searchAutocompleteShopG"> <div class="g-connector-search-autocomplete-suggestions-title" id="searchAutocompleteSuggestionsShopTitleG" role="heading" aria-level="3">Shop</div> <ul aria-labelledby="searchAutocompleteSuggestionsShopTitleG"></ul> </div> <div class="g-connector-search-autocomplete-support" id="searchAutocompleteSupportG"> <div class="g-connector-search-autocomplete-suggestions-title" id="searchAutocompleteSuggestionsSupportTitleG" role="heading" aria-level="3">Support</div> <ul aria-labelledby="searchAutocompleteSuggestionsSupportTitleG"></ul> </div> <div class="g-connector-search-autocomplete-all"> <button type="button" id="searchAutocompleteSuggestionsAllBtn" class="g-connector-search-autocomplete-all-btn">See all results for "<span id="searchAutocompleteSuggestionsAllBtnQuery"></span>"</button> </div> </div> <div class="g-connector-search-no-result-msg" id="searchAutocompleteNoResultsMsg"> <div class="g-connector-search-no-result-msg-noresult">No results found for <span id="searchAutocompleteNoResultsKeyword"></span>.</div> <div class="g-connector-search-no-result-msg-suggestions">Search tips</div> <ul class="g-connector-search-no-result-msg-list"> <li>Make sure you spelled all keywords correctly.</li> <li>Try different keywords.</li> <li>Try more general keywords.</li> <li>Try fewer keywords.</li> </ul> </div> </div> </div> </div> </div> <!-- ADD secondary navigation--> <section class="bgWhite subNavigationSection noFloatingHeader" id="fixedHeader"> <div class="container"> <div class="dock-hidden-container"> <div class="relative content-wrapper"> <div> <div class="simple-slider-wrapper d-md-flex align-items-start justify-content-between" role="navigation" aria-labelledby="page-heading-1"> <div class="new-title margin-r-20 sticky-margin-r-0" id="page-heading-1"> <span>Mobility</span> </div> <div class="flex-grow-1 overflow-hidden-md flex-1 hidden-space-5-md"> <div class="d-flex flex-column"> <div class="d-block"> <div class="simple-slider" data-extra-space="5"> <button class="slider-controller button-prev" aria-label="Previous"> <span class="icon icon-chevron-left txtSize14" role="img" aria-hidden="true" aria-label=""></span> </button> <div class="element-wrapper z-index-2"> <div class="element-container connector-active-page" role="list"> <div class="element " role="listitem"> <a href="/Mobility" class="btn focusable-element" >Why Bell</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Our_network" class="btn focusable-element" >Our network</a> </div> <div class="element active" role="listitem"> <a href="/Mobility/Smartphones_and_mobile_internet_devices" class="btn focusable-element" aria-current=page>Devices</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Bring-Your-Own-Phone" class="btn focusable-element" >Bring your own phone</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Cell_phone_plans" class="btn focusable-element" >Plans</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Cell_phone_plans/Prepaid_plans" class="btn focusable-element" >Prepaid</a> </div> <div class="element " role="listitem"> <a href="/Bell-Promotions/Offers#INT=ALL_all_TXT_promotions_Mass_010524_NW" class="btn focusable-element" >Promotions</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Accessories" class="btn focusable-element" >Accessories</a> </div> <div class="element " role="listitem"> <a href="/Mobility/ConnectedThings#main" class="btn focusable-element" >Connected things</a> </div> <div class="element " role="listitem"> <a href="/Mobility/Coverage_map" class="btn focusable-element" >Travel</a> </div> </div> </div> <button class="slider-controller button-next" aria-label="Next"> <span class="icon icon-chevron-right txtSize14" role="img" aria-hidden="true" aria-label=""></span> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--CONNECTOR : end --> <svg tabindex="-1" focusable="false" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-bell-logo" viewBox="0 0 65 37.2"> <path d="M48.3 21.4c-.3-1.6-1-3-1.9-4.2-1.9-2.6-5.1-4.1-9.3-4.1-6.6 0-10.6 4.5-11.8 9.2-1-3.3-4-5.6-7-6.5 2.3-1.7 3.5-4.1 3.5-6.8 0-2.5-1-4.8-2.8-6.3C16.4.4 12.8 0 8.5 0H0v36.7h7.3c2.2 0 4.2 0 6.2-.1 6.2-.2 10.4-3.4 11.8-8 .5 2.1 1.3 3.8 2.5 5.1 2.4 2.6 5.8 3.7 9.3 3.7 4.3 0 7.4-1.2 9.5-3.1l-3-3.5c-1.5 1.2-3.5 1.8-5.7 1.8-4.3 0-6.2-2.7-6.4-5.4h16.9v9.6h6.3V.1h-6.3l-.1 21.3zM6.5 4.9h1.7c1.7 0 3 .2 4 .6 1.9.7 2.8 2.3 2.8 4.1 0 1.6-.6 4.1-4 4.8-.6.1-1.4.2-2.5.2h-2V4.9zm7.1 26.4c-.8.1-1.7.2-2.6.2H6.5v-12h4.1c1.3 0 2.7.1 3.6.3 2.9.8 4.5 2.8 4.5 5.5 0 2.9-1.5 5.3-5.1 6zm18-8.9c.6-2.7 2.5-4.6 5.4-4.6 2.9 0 4.8 1.7 5.4 4.6H31.6zM58.8.1H65v36.5h-6.2V.1z" class="svg-bell-logo-path"></path> </symbol> <symbol id="icon-aliant-logo" viewBox="0 0 65 65"> <path d="M48.4.2v21.2c-.3-1.6-1-3-1.9-4.2-1.9-2.5-5-4.1-9.2-4.1-6.5 0-10.6 4.4-11.8 9.1-1.1-3.3-3.9-5.5-7-6.5C20.8 14 22 11.7 22 9c0-2.5-1-4.8-2.8-6.3C16.6.4 13.1 0 8.7 0H.3v36.5h7.2c2.1 0 4.2 0 6.2-.1 6.2-.2 10.4-3.3 11.7-8 .5 2.1 1.4 3.8 2.5 5 2.4 2.6 5.8 3.6 9.3 3.6 4.3 0 7.3-1.2 9.4-3.1l-3-3.5c-1.5 1.1-3.5 1.8-5.6 1.8-4.3 0-6.2-2.7-6.3-5.3h16.7v9.6h6.3V.2h-6.3zM6.7 4.9h1.7c1.7 0 3 .2 4 .6 1.9.7 2.8 2.2 2.8 4.1 0 1.6-.6 4.1-3.9 4.8-.6.1-1.4.2-2.5.2H6.7V4.9zm5 26.4h-5V19.4h4.1c1.3 0 2.7.1 3.6.4 2.9.8 4.5 2.8 4.5 5.5 0 3.3-2.1 6-7.2 6zm20-9c.6-2.7 2.5-4.6 5.4-4.6 2.9 0 4.8 1.7 5.3 4.6H31.7zM58.8.2H65v36.3h-6.2V.2zM18.6 55.9V41.7h1.9v20.1h-1.9v-5.9zm-6.7-2.2H4.7L2 61.8H0l6.1-18.3c.3-1 .9-1.9 2.2-1.9 1.3 0 1.8.9 2.2 1.9l6.1 18.3h-2l-2.7-8.1zM8.3 43.4c-.3 0-.3.3-.4.7l-2.7 7.8h6.1l-2.6-7.8c-.1-.3-.1-.7-.4-.7zm16.8 2.8c-.8 0-1.2-.4-1.2-1.2s.4-1.2 1.2-1.2c.8 0 1.1.4 1.1 1.2 0 .8-.4 1.2-1.1 1.2zm-.9 2.6H26v13h-1.9v-13zm17 .3v12.7h-1.7v-.1c-.1-.6-.5-.6-.9-.5-.6.2-1.1.3-1.6.5-.6.1-1.1.2-1.8.2-3.9 0-6.4-2.5-6.4-6.4 0-3.7 2.4-6.8 6.5-6.8 1.8 0 3.2.6 4.1 1.7v-1.3h1.8zm-5.8 1.3c-3.2 0-4.7 2.3-4.7 5.2 0 2.9 1.5 4.9 4.7 4.9 1.5 0 3-.5 4-1.1v-5.1c-.1-2.5-1.9-3.9-4-3.9zm18.2 3.5c0-2.4-1.3-3.5-3.9-3.5-1.3 0-2.8.4-3.6 1v10.4h-1.9V50.5c1.5-1.1 3.7-1.8 5.6-1.8 3.5 0 5.7 1.5 5.7 4.8v8.2h-1.9v-7.8zm4.3-8.6h1.9v3.5H64v1.8h-4.3v7.1c0 1.7.8 2.6 2.5 2.6.9 0 1.9-.2 2.8-.5v1.5c-.9.4-2.1.6-3 .6-2.5 0-4.1-1.5-4.1-4.1V45.3z" class="svg-bell-logo-path"></path> </symbol> <symbol id="icon-magnifying-glass" viewBox="0 0 22 21"> <path d="M21.16,19.49l-4.06-4.06c1.36-1.62,2.18-3.71,2.18-5.99c0-5.16-4.18-9.34-9.34-9.34S0.6,4.28,0.6,9.44 c0,5.16,4.18,9.34,9.34,9.34c2.28,0,4.37-0.82,5.99-2.18l4.06,4.06c0.32,0.32,0.84,0.32,1.17,0C21.48,20.34,21.48,19.82,21.16,19.49 z M15.46,14.78c-0.03,0.02-0.07,0.05-0.1,0.08c-0.03,0.03-0.06,0.06-0.08,0.1c-1.38,1.34-3.27,2.16-5.35,2.16 c-4.25,0-7.69-3.44-7.69-7.69s3.44-7.69,7.69-7.69c4.25,0,7.69,3.44,7.69,7.69C17.62,11.51,16.8,13.4,15.46,14.78z" /> </symbol> <symbol id="icon-hamburger" viewBox="0 0 22 21"> <path d="M20.7 11.8H1.2c-.7 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2h19.5c.7 0 1.2.5 1.2 1.2.1.6-.5 1.2-1.2 1.2zm0 6.2H1.2C.5 18 0 17.5 0 16.8s.5-1.2 1.2-1.2h19.5c.7 0 1.2.5 1.2 1.2s-.5 1.2-1.2 1.2zm0-12.5H1.2C.5 5.5 0 4.9 0 4.2S.5 3 1.2 3h19.5c.8 0 1.3.5 1.3 1.2s-.6 1.3-1.3 1.3z"></path> </symbol> <symbol id="icon-close" viewBox="0 0 22 21"> <path d="m12.2 10.5 9-9c.3-.3.3-.8 0-1.2s-.8-.3-1.2 0l-9 9-9-9C1.6 0 1.1 0 .8.3s-.3.8 0 1.2l9 9-9 9c-.2.2-.2.4-.2.6 0 .2.1.4.2.6.3.3.8.3 1.2 0l9-9 9 9c.2.2.4.2.6.2.2 0 .4-.1.6-.2.3-.3.3-.8 0-1.2l-9-9z"></path> </symbol> <symbol id="icon-shopping-bag" viewBox="0 0 22 21"> <path class="st0" d="M19.1,5.3c0-0.5-0.4-0.8-0.9-0.8l-2.3,0c-0.4-2.4-2.5-4.1-4.9-4.1c-2.4,0-4.5,1.7-4.9,4.1H3.8 c-0.5,0-0.9,0.4-0.9,0.8l-1,14.3c0,0.5,0.4,1,0.9,1h16.4c0.5,0,0.9-0.4,0.9-1L19.1,5.3z M8,4.5c0.4-1.3,1.6-2.3,3-2.3 c1.4,0,2.6,0.9,3,2.3L8,4.5z M6.9,9.4c0.5,0,0.9-0.4,0.9-0.9V6.3h6.4v2.2c0,0.5,0.4,0.9,0.9,0.9C15.6,9.4,16,9,16,8.5V6.3h1.3 l0.9,12.5H4c0.1-1.8,0.2-4.1,0.3-6.2c0.1-2.2,0.2-4.4,0.3-6.3H6v2.2C6,9,6.4,9.4,6.9,9.4z" /> </symbol> <symbol id="icon-cart-alt" viewBox="0 0 22 21"> <path d="M7.6,16c-0.6,0-1.2-0.2-1.8-0.6c-0.5-0.4-0.9-1-1-1.6L3.2,6.7c0,0,0-0.1,0-0.1L2.3,2.5H0.9c-0.5,0-0.9-0.4-0.9-0.9 s0.4-0.9,0.9-0.9h2c0.4,0,0.8,0.3,0.8,0.7l0.9,4.1h16.4c0.3,0,0.5,0.1,0.7,0.3C22,6.1,22,6.4,22,6.6l-1.7,7.2 c-0.1,0.6-0.5,1.2-1,1.6c-0.5,0.4-1.1,0.6-1.8,0.6L7.6,16C7.6,16,7.6,16,7.6,16z M5.1,7.3l1.4,6.1c0.1,0.2,0.2,0.5,0.4,0.6 c0.2,0.2,0.5,0.2,0.8,0.2h9.9c0.3,0,0.5-0.1,0.7-0.2c0.2-0.2,0.3-0.4,0.4-0.6L20,7.3H5.1z" /> <circle cx="6.3" cy="18.9" r="1.7" /> <circle cx="18.6" cy="18.9" r="1.7" /> </symbol> <symbol id="icon-cart" viewBox="0 0 22 21"> <path d="M18 5H4.3L3.3.6H0v1.1h2.4l3 12.2c-.6.3-1.1.9-1.1 1.7 0 1 .8 1.8 1.8 1.8s1.8-.8 1.8-1.8c0-.3-.1-.5-.2-.7h3.8c-.1.2-.2.5-.2.7 0 1 .8 1.8 1.8 1.8s1.8-.8 1.8-1.8-.8-1.8-1.8-1.8H6.3V13h8.9L18 5zM6.8 15.6c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7 0-.4.2-.6.6-.7h.3c.3 0 .5.3.5.7zm7.1 0c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.4-.1.7.3.7.7zM6 11.9 4.6 6.1h11.9l-2.1 5.8H6z"></path> </symbol> <symbol id="icon-mic" viewBox="0 0 22 21"> <path d="M18,8.9v1.6c0,1.8-0.6,3.4-1.8,4.8s-2.7,2.2-4.4,2.3v1.6H15c0.2,0,0.3,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.6 c0,0.2-0.1,0.3-0.2,0.6c-0.1,0.1-0.3,0.2-0.6,0.2H7c-0.2,0-0.3-0.1-0.6-0.2c-0.1-0.1-0.2-0.3-0.2-0.6c0-0.2,0.1-0.3,0.2-0.6 c0.1-0.1,0.3-0.2,0.6-0.2h3.2v-1.6c-1.8-0.2-3.3-0.9-4.4-2.3S4,12.3,4,10.5V8.9c0-0.2,0.1-0.3,0.2-0.6c0.1-0.1,0.3-0.2,0.6-0.2 c0.2,0,0.3,0.1,0.6,0.2c0.1,0.1,0.2,0.3,0.2,0.6v1.6c0,1.5,0.6,2.8,1.6,3.9S9.5,16,11,16s2.8-0.6,3.9-1.6s1.6-2.4,1.6-3.9V8.9 c0-0.2,0.1-0.3,0.2-0.6c0.1-0.1,0.3-0.2,0.6-0.2s0.3,0.1,0.6,0.2C18,8.6,18,8.7,18,8.9z M15,4.2v6.3c0,1.1-0.3,2-1.1,2.7 s-1.7,1.1-2.7,1.1c-1.1,0-2-0.3-2.7-1.1c-0.8-0.8-1.1-1.7-1.1-2.7V4.2c0-1.1,0.3-2,1.1-2.7S9.9,0.3,11,0.3s2,0.3,2.7,1.1 C14.4,2.2,15,3.1,15,4.2z" /> </symbol> <symbol id="icon-solid-circle-x" viewBox="0 0 22 21"> <path d="M18.4,3.2c-4-4-10.6-4-14.7,0s-4,10.6,0,14.6s10.6,4,14.6,0C22.4,13.8,22.4,7.3,18.4,3.2z M15.3,13.2c0.5,0.5,0.5,1.1,0,1.6 c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3l-2.5-2.5L8.4,15c-0.2,0.2-0.5,0.3-0.8,0.3c-0.3,0-0.6-0.1-0.8-0.3 c-0.5-0.5-0.5-1.1,0-1.6l2.8-2.8L6.8,7.9c-0.5-0.5-0.5-1.1,0-1.6c0.5-0.5,1.1-0.5,1.6,0l2.8,2.8l2.5-2.5c0.5-0.5,1.1-0.5,1.6,0 s0.5,1.1,0,1.6l-2.5,2.5C12.8,10.7,15.3,13.2,15.3,13.2z" /> </symbol> <symbol id="icon-user" viewBox="0 0 22 21"> <path d="M17.3 18H.7c-.4 0-.7-.3-.7-.7v-.4c0-1.1 0-1.9.3-2.7.4-.8 1.2-1.4 2.4-1.6h.1c.8-.2 1.5-.4 2.1-.6.7-.3.9-.5.9-.6.1-.2 0-.5-.2-.8-.7-1.8-1.3-3.4-1.4-4.8-.1-.7 0-1.3.1-1.9.1-.6.3-1.1.6-1.6C5.7.8 7.2 0 9 0c1.8 0 3.3.8 4.1 2.2.6 1 .8 2.1.7 3.5-.1 1.4-.7 3.1-1.6 4.8-.2.3-.2.6-.2.8.1.1.3.4.9.6.6.2 1.4.4 2.2.6h.1c1.3.3 2 .8 2.4 1.6.3.7.3 1.6.3 2.7v.4c.1.5-.2.8-.6.8zM1.4 16.6h15.2c0-.8 0-1.4-.2-1.8-.1-.3-.4-.6-1.4-.9h-.1c-.9-.2-1.7-.4-2.4-.7-.6-.2-1.4-.6-1.7-1.4-.3-.6-.2-1.3.2-2 .8-1.6 1.3-3 1.4-4.3.1-1.1-.1-2-.5-2.7-.6-.8-1.6-1.4-2.9-1.4-1.3 0-2.4.6-2.9 1.5-.4.7-.6 1.6-.5 2.7.1 1.3.6 2.7 1.4 4.2.4.8.5 1.4.2 2-.5 1.2-2.2 1.6-4 2h-.1c-1 .2-1.3.6-1.4.9-.3.5-.3 1.1-.3 1.9z"></path> </symbol> <symbol id="icon-handset" viewBox="0 0 18 18"> <path d="M17.7 12.9c-1.3-.8-2.2-1.4-2.7-1.8-.3-.2-.5-.3-.7-.4-.2-.1-.4-.2-.5-.2-.4 0-.6.3-.6.3S12 12 11.7 12.4c-.2.2-.5.2-.9.1-2-1-3.8-2.6-5.3-4.8-.1-.2-.1-.2-.2-.3-.1-.1-.1-.4-.1-.4.1-.2.7-1.1 1.6-1.8.2-.1.2-.4.2-.5.1-.2 0-.4-.1-.6C5.4 2 4.2.7 4.1.7c0 0-.3-.2-.6-.2-.2 0-.4.1-.6.2C.4 2.9.1 4.6.1 4.6c0 .1-.2.9 0 1.3 3.1 9.2 12.3 11.4 12.3 11.4s.5.2 1.1.2c.3 0 .6-.1.8-.2 2.2-1.1 3.5-3.3 3.6-3.4v-.1c.1-.1.2-.6-.2-.9z"></path> </symbol> <symbol id="icon-location" viewBox="0 0 18 18"> <path d="M9 0C5.7 0 2.1 2.4 2.1 6.7c0 5 4.6 8.5 6.9 11.3 2.3-2.8 6.9-6.3 6.9-11.3C15.9 2.5 12.2 0 9 0zm0 10.5c-1.7 0-3.1-1.5-3.1-3.3S7.3 3.9 9 3.9c1.7 0 3.1 1.5 3.1 3.3s-1.4 3.3-3.1 3.3z"></path> </symbol> <symbol id="icon-to-top" viewBox="0 0 18 18"> <path d="M14.9 9 9 3 3.1 9l1 1 4.2-4.3V18h1.4V5.7l4.2 4.3 1-1zM3.6 0h10.8v1.4H3.6V0z"></path> </symbol> <symbol id="icon-cta-pill" viewBox="0 0 18 18"> <path d="M9 0C4 0 0 4 0 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16.6c-4.2 0-7.7-3.4-7.7-7.7S4.8 1.3 9 1.3s7.7 3.4 7.7 7.7-3.5 7.6-7.7 7.6zm-1.6-3.9L12.7 9 7.4 5.3v7.4z"></path> </symbol> <symbol id="icon-i-circled-sm" viewBox="0 0 18 18"> <path d="M9 0C4 0 0 4 0 9s4 9 9 9 9-4 9-9-4-9-9-9zm1.3 13c0 .7-.6 1.3-1.3 1.3s-1.3-.6-1.3-1.3V8.7c0-.7.6-1.2 1.3-1.2s1.3.6 1.3 1.3V13zm0-7.9c0 .7-.6 1.3-1.3 1.3s-1.3-.6-1.3-1.3V5c0-.7.6-1.3 1.3-1.3s1.3.6 1.3 1.3v.1z"></path> </symbol> <symbol id="icon-exclamation" viewBox="0 0 72 72"> <path d="M36.1 46.8c-2 0-3.5-1.5-3.5-3.5V4.5c0-2 1.5-3.5 3.5-3.5s3.5 1.5 3.5 3.5v38.9c0 1.9-1.6 3.4-3.5 3.4zm0 24.2c-1.3 0-2.7-.5-3.7-1.5s-1.5-2.3-1.5-3.7.5-2.7 1.5-3.7c2-2 5.5-2 7.3 0 1 1 1.5 2.3 1.5 3.7 0 1.3-.5 2.7-1.5 3.7-.9 1-2.3 1.5-3.6 1.5z"></path> </symbol> <symbol id="icon-logout" viewBox="0 0 20 21"> <path d="M20 1.3v18.5c0 .7-.5 1.2-1.2 1.2H6.7c-.6 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2h11V2.5h-11c-.7 0-1.2-.6-1.2-1.2S6 .1 6.7.1h12.1c.7 0 1.2.5 1.2 1.2z" /> <path d="M6.9 6.2c.2.2.4.5.4.8s-.2.7-.4.9L5.4 9.3h8.1c.7 0 1.2.5 1.2 1.2 0 .6-.5 1.2-1.2 1.2H5.4l1.4 1.5c.2.2.4.5.4.8 0 .3-.1.6-.4.8-.2.2-.5.4-.8.4-.3 0-.6-.1-.8-.4l-3.5-3.5c-.5-.5-.5-1.2 0-1.7l3.5-3.5c.5-.3 1.2-.3 1.7.1z" /> </symbol> <symbol id="icon-devices" viewBox="0 0 20 21"> <path class="st0" d="M11,13.2c0.4,0,0.7-0.3,0.7-0.7c0-0.4-0.3-0.7-0.7-0.7H3.1c-0.3,0-0.6-0.1-0.9-0.4s-0.4-0.5-0.4-0.9V3.6 C1.9,3.3,2,3,2.2,2.7s0.5-0.4,0.9-0.4h11.8c0.3,0,0.6,0.1,0.9,0.4C16,3,16.2,3.3,16.2,3.6v2c0,0.4,0.3,0.7,0.7,0.7s0.7-0.3,0.7-0.7 v-2c0-0.7-0.3-1.4-0.8-1.9s-1.2-0.8-1.9-0.8H3.1c-0.7,0-1.4,0.3-1.9,0.8S0.4,2.9,0.4,3.6v6.9c0,0.7,0.3,1.4,0.8,1.9 c0.5,0.5,1.2,0.8,1.9,0.8h5.2v2.5H6.1c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7H11c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7H9.8v-2.5 H11z" /> <path class="st0" d="M18.9,8.8h-2c-1.5,0-2.7,1.2-2.7,2.7v5.9c0,1.5,1.2,2.7,2.7,2.7h2c1.5,0,2.7-1.2,2.7-2.7v-5.9 C21.6,10,20.4,8.8,18.9,8.8z M20.1,17.4c0,0.7-0.6,1.2-1.2,1.2h-2c-0.7,0-1.2-0.6-1.2-1.2v-5.9c0-0.7,0.6-1.2,1.2-1.2h2 c0.7,0,1.2,0.6,1.2,1.2V17.4z" /> </symbol> <symbol id="icon-docs" viewBox="0 0 20 21"> <path d="M19.7 4.7 15.4.4c-.1-.1-.3-.2-.5-.2H8.2c-.6 0-1.1.3-1.6.7-.4.4-.7 1-.7 1.6v12.3c0 .6.3 1.1.7 1.6.4.4 1 .7 1.6.7h9.4c.6 0 1.1-.3 1.6-.7.4-.4.7-1 .7-1.6V5.2c0-.2-.1-.4-.2-.5zm-1.9.3h-2.7V2.2L17.8 5zm.3 10.2c-.2.2-.4.3-.5.3H8.2c-.2 0-.4-.1-.5-.3-.2-.2-.3-.4-.3-.5V2.5c0-.2.1-.4.3-.5s.4-.3.5-.3h5.4v4c0 .4.3.8.8.8h4v8.3c0 .1-.1.3-.3.4z" class="st0" /> <path d="M13.8 19.3H4.4c-.2 0-.4-.1-.5-.3-.2-.2-.3-.4-.3-.5V6.3c0-.4-.3-.8-.8-.8s-.7.4-.7.8v12.3c0 .6.3 1.1.7 1.6.4.4 1 .7 1.6.7h9.4c.4 0 .8-.3.8-.8s-.4-.8-.8-.8z" /> </symbol> <symbol id="icon-gear" viewBox="0 0 20 21"> <path d="M11.2 20.9h-.4a2.732 2.732 0 0 1-2.7-2.7V18c0-.2-.1-.4-.2-.6-.1-.2-.3-.3-.4-.4l-.4-.2c-.4-.2-.8-.2-1.2 0l-.2.1c-.6.3-1.3.4-2 .3-.7-.2-1.3-.6-1.6-1.2l-.2-.4c-.4-.6-.4-1.3-.3-2 .2-.7.6-1.3 1.2-1.6l.2-.2c.2-.1.3-.3.4-.4.1-.2.2-.4.2-.6v-.5c0-.2-.1-.4-.2-.6 0-.2-.2-.4-.4-.5l-.1-.1c-.6-.3-1-.9-1.2-1.6-.2-.7-.1-1.4.3-2l.2-.4c.4-.6.9-1.1 1.6-1.2.7-.2 1.4-.1 2 .3l.1.1c.4.2.8.2 1.2 0l.4-.3c.2-.1.4-.3.5-.4.1-.2.1-.4.1-.6v-.2A2.732 2.732 0 0 1 10.8.1h.4a2.732 2.732 0 0 1 2.7 2.7V3c0 .2.1.4.2.6.1.2.3.3.4.4l.4.2c.4.2.8.2 1.2 0l.2-.1c.6-.3 1.3-.4 2-.3.7.2 1.3.6 1.6 1.2l.2.4c.4.6.5 1.3.3 2s-.6 1.3-1.2 1.6l-.2.2c-.2.1-.3.3-.4.4-.1.2-.2.4-.2.6v.5c0 .2.1.4.2.6.1.2.3.3.4.4l.1.1c.6.4 1.1.9 1.3 1.6s.1 1.4-.3 2l-.2.4c-.4.6-.9 1.1-1.6 1.3-.7.2-1.4.1-2-.3l-.1-.1c-.4-.2-.8-.2-1.2 0l-.5.3c-.2.1-.3.3-.4.4-.1.2-.2.4-.2.6v.2a2.732 2.732 0 0 1-2.7 2.7zm-4.7-5.8c.5 0 .9.1 1.3.4l.4.2c.4.2.7.6 1 1 .2.4.4.9.4 1.3v.2c0 .3.1.6.3.8.2.2.5.3.8.3h.4c.3 0 .6-.1.8-.3.2-.2.3-.5.3-.8V18c0-.5.1-.9.4-1.3.2-.4.6-.7 1-1l.4-.2c.8-.5 1.9-.5 2.7 0l.1.1c.3.2.6.2.9.1.3-.1.6-.3.7-.5l.2-.4c.2-.3.2-.6.1-.9-.1-.3-.3-.6-.5-.7l-.1-.1c-.4-.2-.8-.6-1-1-.2-.4-.4-.9-.4-1.3v-.5c0-.5.1-.9.4-1.3.2-.4.6-.7 1-1l.1-.1c.3-.2.5-.4.6-.7s0-.6-.1-.9l-.2-.4c-.2-.3-.4-.5-.7-.5-.3-.1-.6 0-.9.1l-.2.1c-.7.4-1.7.4-2.6-.1l-.4-.2c-.4-.2-.7-.6-1-1-.2-.4-.4-.9-.4-1.3v-.2c0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.8-.3h-.4c-.3 0-.6.1-.8.3s-.4.5-.4.8V3c0 .5-.1.9-.4 1.3-.2.4-.5.7-.9 1l-.4.2C7 6 6 6 5.2 5.5h-.1c-.3-.2-.7-.3-1-.2-.3.1-.5.3-.7.6l-.2.3c-.1.3-.2.6-.1.9.1.3.3.6.5.7l.2.2c.4.2.7.5.9.9.3.4.4.9.4 1.3v.5c0 .5-.1.9-.4 1.3-.2.4-.6.7-1 1l-.1.1c-.3.2-.5.4-.6.7-.1.3 0 .6.1.9l.2.4c.2.3.4.5.7.5.3.1.6 0 .9-.1l.2-.1c.5-.2.9-.3 1.4-.3z" class="st0" /> <path d="M11 14.1c-2 0-3.6-1.6-3.6-3.6S9 6.9 11 6.9s3.6 1.6 3.6 3.6-1.6 3.6-3.6 3.6zm0-5.7c-1.2 0-2.1 1-2.1 2.1 0 1.2 1 2.1 2.1 2.1 1.2 0 2.1-1 2.1-2.1 0-1.2-.9-2.1-2.1-2.1z" /> </symbol> <symbol id="icon-logout-right" viewBox="0 0 20 21"> <path d="M7.8 19.4H3.5c-.4 0-.7-.1-1-.4-.3-.3-.4-.6-.4-1V3c0-.4.1-.7.4-1 .3-.3.6-.4 1-.4h4.3c.4 0 .8-.3.8-.8S8.2.1 7.8.1H3.5c-.8 0-1.5.3-2 .9-.6.5-.9 1.2-.9 2v15c0 .8.3 1.5.8 2s1.3.8 2 .8h4.3c.4 0 .8-.3.8-.8s-.3-.6-.7-.6z" class="st0" /> <path d="M21.3 10.2c0-.1-.1-.2-.2-.2l-5.3-5.3c-.3-.3-.8-.3-1.1 0s-.3.8 0 1.1l4.1 4.1h-11c-.4-.1-.8.2-.8.6s.3.8.8.8h11l-4.1 4.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2l5.3-5.3c.1-.1.1-.2.2-.2.2-.4.2-.6.1-.8z" class="st0" /> </symbol> <symbol id="icon-chat_texting" viewBox="0 0 1125 1024"> <path d="M202.95 1024c-2.876 0-5.753 0-5.753 0-8.629-2.876-14.382-11.506-14.382-20.135l-14.382-250.247h-146.697c-11.506 0-23.011-8.629-23.011-23.011v-707.596c0-14.382 8.629-23.011 23.011-23.011h1081.528c11.506 0 23.011 8.629 23.011 23.011v710.472c0 11.506-8.629 23.011-23.011 23.011h-670.202l-212.854 261.753c-2.876 2.876-8.629 5.753-17.258 5.753zM41.871 707.596h146.697c11.506 0 20.135 8.629 20.135 20.135l14.382 215.73 184.090-227.236c2.876-5.753 11.506-8.629 17.258-8.629h658.697v-664.449h-1041.258v664.449zM637.287 535.011h-431.461c-11.506 0-23.011-8.629-23.011-23.011s8.629-23.011 23.011-23.011h431.461c11.506 0 23.011 8.629 23.011 23.011s-11.506 23.011-23.011 23.011zM936.433 391.191h-730.607c-11.506 0-23.011-8.629-23.011-23.011s8.629-23.011 23.011-23.011h730.607c11.506 0 23.011 8.629 23.011 23.011s-11.506 23.011-23.011 23.011zM936.433 247.371h-730.607c-11.506 0-23.011-8.629-23.011-23.011s8.629-23.011 23.011-23.011h730.607c11.506 0 23.011 8.629 23.011 23.011s-11.506 23.011-23.011 23.011z"></path> </symbol> </defs> </svg> <div class="g-connector-desktop-nav-backdrop" id="connectorNavBackdropDesktop" style="height: 0"></div> <div class="g-connector-search-backdrop" id="connectorSearchBackdrop"></div> </header> <style> .g-connector-nav-item .shimmer { text-align: center; color: rgba(255, 255, 255, 0.1); background: -webkit-gradient(linear, left bottom, right top, from(#A8CDFF), to(#A8CDFF), color-stop(0.5, #00549A)); background-size: 40px 100%; -webkit-background-clip: text; animation-name: shimmer; animation-duration: 3s; animation-delay: 3s; animation-iteration-count: 3; background-repeat: no-repeat; background-position: -300% 0; background-color: #A8CDFF; animation-fill-mode: forwards; } @keyframes shimmer { 0% { background-position: -300% 0; } 100% { background-position: calc(100% + 50px) 0; } } .g-connector-nav-item:hover .shimmer { background-color: white; } </style> <!-- Icon SVGs --> <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-change" viewBox="0 0 32 32"> <title>change</title> <path d="M8.4 32c-0.35 0-0.65-0.15-0.9-0.4-0.5-0.5-0.5-1.35 0-1.85l13.75-13.75-13.8-13.75c-0.5-0.5-0.5-1.35 0-1.85s1.35-0.5 1.85 0l15.6 15.6-15.6 15.6c-0.25 0.25-0.6 0.4-0.9 0.4z"></path> </symbol> <symbol id="icon-selected" viewBox="0 0 32 32"> <title>selected</title> <path d="M11.6 27.45l-11.1-11.050c-0.7-0.7-0.7-1.8 0-2.5s1.8-0.7 2.5 0l8.55 8.55 17.4-17.4c0.7-0.7 1.8-0.7 2.5 0s0.7 1.8 0 2.5l-19.85 19.9z"></path> </symbol> <symbol id="icon-close" viewBox="0 0 32 32"> <title>close</title> <path d="M17.775 16l13.859-13.859c0.491-0.491 0.491-1.284 0-1.775s-1.284-0.491-1.775 0l-13.859 13.859-13.859-13.856c-0.491-0.491-1.284-0.491-1.775 0s-0.491 1.284 0 1.775l13.859 13.856-13.856 13.859c-0.244 0.244-0.369 0.566-0.369 0.887s0.122 0.641 0.369 0.887c0.491 0.491 1.284 0.491 1.775 0l13.856-13.859 13.859 13.859c0.244 0.244 0.566 0.369 0.887 0.369s0.641-0.122 0.887-0.369c0.491-0.491 0.491-1.284 0-1.775l-13.859-13.859z"></path> </symbol> </defs> </svg> <!-- Province selector --> <div class="change-region-popup change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="region-confirmation"> <span> Your current region: </span> <span class="change-region"> <strong>Ontario</strong> </span> </div> <div class="change-region-provinces-button"> <a href="#changeRegionBox" class="change-region-link collapse-trigger" role="button" aria-expanded="false" aria-controls="changeRegionBox" data-target="#changeRegionBox" data-toggle="collapse"> <span class="sr-only"> Change current region </span> <span class="change-region-text" aria-hidden="true"> Change </span> <svg class="icon icon-change " aria-hidden="true"><use xlink:href="#icon-change"></use></svg> </a> <div class="change-region-provinces change-region-hidden" tabindex="-1" id="changeRegionBox"> <form class="province-form"> <fieldset form="province-form" class="province-form-fieldset change-region-fieldset"> <legend> Select your province or territory below</legend> <ul class="change-region-list" role="listbox"> <li> <input id="61b86b99-6bf5-49df-9c78-8c8a9932683c" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="AB" /> <label class="" for="61b86b99-6bf5-49df-9c78-8c8a9932683c"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="491d2cb0-3774-46a4-8ced-90a7026e5d21" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="BC" /> <label class="" for="491d2cb0-3774-46a4-8ced-90a7026e5d21"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="cb4ba1a1-757d-488f-8a71-d1dac72cef86" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="MB" /> <label class="" for="cb4ba1a1-757d-488f-8a71-d1dac72cef86"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="38bdb510-6cc0-44a6-8c8e-b67ef5dc23a9" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="NB" /> <label class="" for="38bdb510-6cc0-44a6-8c8e-b67ef5dc23a9"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="36eaf3e3-2de1-437f-97c4-79d971d2c070" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="NL" /> <label class="" for="36eaf3e3-2de1-437f-97c4-79d971d2c070"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="7937e5e9-3d77-4438-bd19-153dcde81ddf" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="NT" /> <label class="" for="7937e5e9-3d77-4438-bd19-153dcde81ddf"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="537b7431-3bd8-4b1a-b568-2f0ff45a4f69" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="NS" /> <label class="" for="537b7431-3bd8-4b1a-b568-2f0ff45a4f69"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="df66d090-eed4-485f-a226-6fe1efc4180b" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="NU" /> <label class="" for="df66d090-eed4-485f-a226-6fe1efc4180b"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="148cc1b5-7fbb-487b-b3a0-c5a595bd0097" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="148cc1b5-7fbb-487b-b3a0-c5a595bd0097"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="f70df12a-58ab-4c01-bf02-42f07e9a7d76" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="PE" /> <label class="" for="f70df12a-58ab-4c01-bf02-42f07e9a7d76"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="1bf20ca3-5cc2-4394-a297-0b088133974b" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="QC" /> <label class="" for="1bf20ca3-5cc2-4394-a297-0b088133974b"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="e62f3278-3fd8-4c71-a5b4-3db69129ea19" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="SK" /> <label class="" for="e62f3278-3fd8-4c71-a5b4-3db69129ea19"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="f25c602e-b887-4ab6-aabc-7b36c9360c3f" type="radio" role="option" tabindex="0" name="province-f8bc83e6-08cc-422e-a268-cff906fd2895" value="YT" /> <label class="" for="f25c602e-b887-4ab6-aabc-7b36c9360c3f"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close margin-t-20"><a href="javascript:void(0)" role="button" aria-label="Close change region popup"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a></span> </div> </div> <input id="showProvinceSelector" value="true" hidden /> <input id="IPRegionProvinceCode" hidden /> <input id="showProvinceSelectorWhenNonIpZoneSelected" value="true" hidden /> <script> document.addEventListener('DOMContentLoaded', function () { var ul = document.querySelectorAll('.change-region-list'); var changeButton = document.querySelectorAll(".change-region-link") var liSelected; var index = 0; ul.forEach((elem, i) => { elem.querySelectorAll('input').forEach((e, i) => { e.addEventListener('keydown', function (et) { var KeyID = et.key; switch (KeyID) { case "Enter": case " ": e.click(); break; default: break; } }); }); elem.addEventListener('focus', (event) => { elem.setAttribute('aria-hidden', 'false'); }); elem.addEventListener('keydown', function (event) { var len = elem.getElementsByTagName('li').length - 1; if ((index == len && event.which === 9 && !event.shiftKey) || (index == 0 && (event.which === 9 && event.shiftKey))) { return; } if (event.which === 40 || (event.which === 9 && !event.shiftKey)) { index++; //down if (liSelected) { next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index <= len) { liSelected = next; if (liSelected.querySelector("input").hasAttribute("disabled")) { index++; next = elem.getElementsByTagName('li')[index]; liSelected = next; } } else { index = 0; liSelected = elem.getElementsByTagName('li')[index]; } liSelected.querySelector("input").focus(); } else { index = 1; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); } event.preventDefault(); } else if (event.which === 38 || (event.which === 9 && event.shiftKey)) { //up if (liSelected) { index--; liSelected.querySelector("input").focus(); next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index >= 0) { liSelected = next; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); if (liSelected.querySelector("input").hasAttribute("disabled")) { index--; next = elem.getElementsByTagName('li')[index]; liSelected = next; liSelected.querySelector("input").focus(); } } else { index = len; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } } else { index = 1; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } event.preventDefault(); } }, false); }); changeButton.forEach((elem, i) => { elem.addEventListener('focus', (event) => { index = 0; }); elem.addEventListener('keydown', function (event) { if (event.which === 9 && !event.shiftKey && ((elem.getAttribute("aria-expanded") === "true") || !document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden"))) { ul[i].getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } if ((event.which === 13) && document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); elem.addEventListener('click', function (event) { if (document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); }); document.querySelector(".mobileCloseButton").addEventListener('keydown', (event) => { if (event.which === 9) { index = 0; document.querySelector("#changeRegionBoxMobile").querySelector("ul").getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } }); }); </script> <!-- Mobile province selector --> <div class="change-region-mobile change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="change-region-provinces-button"> <span class="region-confirmation"> Your current region: </span> <span class="change-region"> <span class="current-province-title"> <strong>Ontario</strong> </span> <a class="change-region-link" href="javascript:void(0)" role="link"> <span class="change-region-text">change</span> </a> </span> <div class="change-region-provinces change-region-hidden" role="dialog" id="changeRegionBoxMobile"> <div class="province-form-title province-form-title-hidden"> Select a region: <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close" class="mobileCloseButton"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <form class="province-form"> <fieldset form="province-form" class="change-region-fieldset"> <legend> Select your province or territory below </legend> <ul class="change-region-list" role="listbox"> <li> <input id="73ce727b-dc51-4087-a344-7e7717a876b7" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="AB" /> <label class="" for="73ce727b-dc51-4087-a344-7e7717a876b7"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="e61acb55-8dc9-493d-8a32-4ef8dda54305" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="BC" /> <label class="" for="e61acb55-8dc9-493d-8a32-4ef8dda54305"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="3be49e5b-325e-44ac-8bd5-6f9610bf6576" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="MB" /> <label class="" for="3be49e5b-325e-44ac-8bd5-6f9610bf6576"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="0cf3d8fb-61ce-4153-a307-ec1ed8680ac9" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="NB" /> <label class="" for="0cf3d8fb-61ce-4153-a307-ec1ed8680ac9"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="b5643ed3-97ab-42f1-9fa7-83642efc04a2" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="NL" /> <label class="" for="b5643ed3-97ab-42f1-9fa7-83642efc04a2"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="c2f1403c-eac4-4fdf-9397-6d682eb65316" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="NT" /> <label class="" for="c2f1403c-eac4-4fdf-9397-6d682eb65316"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="4c741d2f-bfe7-4d90-9deb-aa84288a3415" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="NS" /> <label class="" for="4c741d2f-bfe7-4d90-9deb-aa84288a3415"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="a7ce753c-fdc8-432a-858c-3f9799af1b44" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="NU" /> <label class="" for="a7ce753c-fdc8-432a-858c-3f9799af1b44"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="cedf6bab-408a-4f27-ac5b-5b8af0140272" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="cedf6bab-408a-4f27-ac5b-5b8af0140272"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="f58d45cd-6bef-4768-b6d1-a88011ccc8cd" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="PE" /> <label class="" for="f58d45cd-6bef-4768-b6d1-a88011ccc8cd"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="7de54092-47aa-4a81-ada2-d2a594a6aed7" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="QC" /> <label class="" for="7de54092-47aa-4a81-ada2-d2a594a6aed7"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="79ea2f8c-9034-4fee-885f-e9f564d187ce" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="SK" /> <label class="" for="79ea2f8c-9034-4fee-885f-e9f564d187ce"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="87d63109-2801-4285-893d-c87363ae4b85" type="radio" role="option" tabindex="0" name="province-668ea07b-1454-46ef-adb6-ca85fd45e0c8" value="YT" /> <label class="" for="87d63109-2801-4285-893d-c87363ae4b85"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <div class="change-region-screen change-region-hidden"></div> </div> <main tabindex="-1" id="maincontent" class=""> <h1 class="sr-only">Tablets : iPads, Galaxy Tabs </h1> <style> main#maincontent:focus { outline: none !important; } </style> <script type="text/javascript"> $(document).ready(function () { var promoTagHeader = document.getElementById("promoTagHeader"); if (promoTagHeader) { var fixedNav = document.getElementById("fixedHeader"); var promoFixed = promoTagHeader.offsetTop; stickyHeaderScroll(); //remove sticky once close button is clicked $('.js-promoTagClose').on('click', function (e) { promoTagHeader.classList.add('stickyPromoTag'); e.preventDefault(); }); window.addEventListener('scroll', function () { stickyHeaderScroll(); if (window.pageYOffset > promoFixed) { promoTagHeader.classList.add("fixed-promo-tag"); if(fixedNav){ var fixedNavHeight = fixedNav.offsetHeight; promoTagHeader.style.top = fixedNavHeight +"px"; } } else { promoTagHeader.classList.remove("fixed-promo-tag"); promoTagHeader.style.top = 0 + "px"; } }); } }); function stickyHeaderScroll() { let promoStickyCloseBtn = document.querySelectorAll('.js-promoTagClose'); if (promoStickyCloseBtn.length > 0) { promoStickyCloseBtn.forEach(function (index) { //prevent display on load index.classList.remove('d-none'); let promoTag = index.closest('#promoTagHeader'); let promoPosition = window.getComputedStyle(promoTag).getPropertyValue('position'); //check if position is still sticky to display close button if ((document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) && promoPosition == 'sticky') { index.style.display = "inline"; } else { index.style.display = "none"; } }); } } function getSocInformation() { try { $('body').loadingIndicator(); $.ajax({ type: "POST", headers: { 'brand': 'B', 'Province': 'ON', "accept-language": 'en' }, url: "https://apigate.bell.ca/uxpcommon/UXP.Services/Common/PDM/GetProductsByIdentifier", data: { "TranslateIds": [] , "TranslateIdentifierType": "SOC" }, success: function (data) { $.ajax({ type: "POST", data: { "promoSocInfo": data }, url: "/EShop/Qualification/GetSocDetails", success: function (response) { $('body').loadingIndicator('hide'); $('#promo-code-modal-body').html(response); $('#promo-code').modal('show'); }, error: function (err) { $('body').loadingIndicator('hide'); $('#modal-error-occured').modal('show'); } }); } }); } catch (e) { $('body').loadingIndicator('hide'); $('#modal-error-occured').modal('show'); } } $(document).ready(function () { /* OPEN */ $('#promo-code').on('shown.bs.modal', function () { $('#promo-code-banner-close-btn').focus(); }); /* CLOSE */ $('#promo-code').on('hide.bs.modal', function () { $('#promoTagHeader-view-offers').focus(); }); }); </script> <div class="multi-column"> <input disabled="disabled" id="hdIsServiceOutage" name="hdIsServiceOutage" type="hidden" value="False" /> <section class="bg-very-light-grey focus_outline_gray" role="navigation" aria-labelledby="dl-page-title"> <div class="container dl-page-title"> <h2 class="title pad-t-45 pad-t-xs-30" id="dl-page-title">Devices</h2> </div> <div class="tab-control tab-control-overflow"> <div class="container header-tab-control" role="group" aria-label="filter by device types" style="overFlow: unset !important"> <button style="display:none;" class="nav-button nav-tab-btn-prev margin-t-15" aria-labelledby="dl-page-title navPrev-sr"></button> <div class="nav-tab-container" tabindex="-1"> <ul class="margin-b-30 noBullets nav-tab-content"> <!-- Add aria-current="page" to keep the current tab show and selected--> <li id="link-phones"> <a href="/Mobility/Smartphones_and_mobile_internet_devices" id="page_navigation_phones" class="">Phones</a> </li> <li id="link-tablets"> <a href="/Mobility/Tablets" id="page_navigation_tablets" class="active" aria-current="page">Tablets</a> </li> <li id="link-smartwatches"> <a href="/Mobility/Smartwatches" id="page_navigation_smartwatches" class="">Smartwatches</a> </li> <li id="link-mobile_internet"> <a href="/Mobility/Mobile-Internet-Devices-listing" id="page_navigation_mobile_internet" class="">Mobile Internet</a> </li> <li id="link-sim_cards"> <a href="/Mobility/SIM-cards" id="page_navigation_sim_cards" class="">SIM cards</a> </li> </ul> </div> <button style="display:none;" class="nav-button nav-tab-btn-next margin-t-15" aria-labelledby="dl-page-title navNext-sr"></button> </div> </div> </section> </div> <section class="container margin-b-30 text-center js-carousel-view-container" id="carousel-view-new"> <h2 class="title margin-b-30 margin-t-30 pad-h-sm-50 pad-h-xs-5"> Online shopping made easy </h2> <div class="flex same-height-wrap infoblock-slider infoblock-slider-width slider-with-data-options slider-remove-prev slick-overflow-visible responsive-slick-slider focus_outline_gray focusableElementUnslick-js" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": "unslick"}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="col-md pad-t-15 pad-b-30 box-round-grey bgGray19 same-height margin-r-15" data-same-height-index="1"> <div class="d-flex align-items-center justify-content-center margin-b-15 margin-b-xs-10 margin-auto dimension-60"> <span class="icon icon-moving txtSize26 txtBlue margin-h-auto" aria-hidden="true"></span> </div> <h3 class="subtitle-2 margin-b-10 same-height" data-same-height-index="2"> Fast & free shipping </h3> <p class="mb-0 pad-h-15 pad-h-xs-0 same-height" data-same-height-index="3"> <span id="fast_adtg">Orders ship within 48 hours.</span> <sup class='legaltext' data-legal='WUXPCT'>1</sup> </p> </div> <div class="col-md pad-t-15 pad-b-30 box-round-grey bgGray19 same-height " data-same-height-index="1"> <div class="d-flex align-items-center justify-content-center margin-b-15 margin-b-xs-10 margin-auto dimension-60"> <span class="icon icon-free_returns_bl_wot txtSize42 txtBlue margin-h-auto" aria-hidden="true"></span> </div> <h3 class="subtitle-2 margin-b-10 same-height" data-same-height-index="2"> Hassle-free returns </h3> <p class="mb-0 pad-h-15 pad-h-xs-0 same-height" data-same-height-index="3"> If you aren’t satisfied, simply send it back. <a href="https://support.bell.ca/Billing-and-Accounts/Sales_and_refund_policy/How_do_warranties_and_returns_on_bell_ca_online_orders_work"> Details</a>. </p> </div> </div> </section> <section class="container" role="group"> <fieldset id="filter-controls" class="filters-pill"> <legend id="device-filter-legend" class="sr-only">Device Filters</legend> <button style="display: none;" class="nav-button nav-tab-btn-prev margin-t-15 cust-top-0" aria-labelledby="device-filter-legend navPrev-sr"></button> <div class="nav-tab-container overflow-auto margin-b-25"> <ul class="position-relative pad-l-5 cust-margin-bottom-0 nav-tab-content" aria-label="filter by brand"> <li> <input class="radio-filter sr-only" type="radio" id="All-brands" name="categories" data-filters="all-items" value="All brands"> <label for="All-brands" class="btn btn-filter radio-filter checked">All brands</label> </li> <li> <input class="radio-filter sr-only" type="radio" id="Apple" name="categories" data-filters="clone-Apple" value="Apple"> <label for="Apple" class="btn btn-filter radio-filter">Apple</label> </li> <li> <input class="radio-filter sr-only" type="radio" id="Samsung" name="categories" data-filters="clone-Samsung" value="Samsung"> <label for="Samsung" class="btn btn-filter radio-filter">Samsung</label> </li> </ul> </div> <button style="display: none;" class="nav-button nav-tab-btn-next margin-t-15 cust-top-0" aria-labelledby="device-filter-legend navNext-sr"></button> </fieldset> </section> <section class="container"> <div class="card-filter margin-b-25 margin-b-xs-30" id="all-items" role="list"> <!-- Start Apple --> <div class="margin-b-30 card-section-js" data-category="Apple" role="listitem" id="clone-Apple" data-brand="Apple"> <div class="col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title border-right-gray2 pad-r-15 margin-r-15 no-border-xs">Apple</h2> <a id="learnmore_brand_apple" href="/Mobility/Apple" class="overflowHidden txtUnderline"><div class="overflow-ellipsis">More Bell - Apple offers & devices</div></a> </div> <div class="view-all-wrapper dl-list-header--has-link"> <p class="relative title-viewAllLink"><a href="javascript:void(0)" id="viewall_Apple" data-id="#Apple" class="title-rightLink view-all-js" aria-label="View all (9) Apple devices" role="button">View all (9)</a></p> </div> </div> <!-- DO NOT REMOVE div.slick-clone if using radio-slick --> <div class="slick-clone container-flex-box-wrap column-spacer-30-sm same-height-wrap"></div> <!-- Samsung SLICK Container--> <div class="flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="Apple Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Apple-iPad-10th-gen?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_483a4e89-a34c-420d-a6d9-14a034e29d9f" aria-describedby="bluebox_483a4e89-a34c-420d-a6d9-14a034e29d9f price_483a4e89-a34c-420d-a6d9-14a034e29d9f" id="details_item_483a4e89-a34c-420d-a6d9-14a034e29d9f" data-product-title="iPad (10th generation)" data-product-productId="483a4e89-a34c-420d-a6d9-14a034e29d9f" data-product-productType="WirelessHandset" data-product-offerId="48cd83e5-e29a-45fc-b441-7634bc6eb386" data-product-bmc="XIP104LX" data-product-sku="110181" data-product-category="Tablets" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPad10thGenEN/iPad_Pro_2022_10gen_blue_5G-plus_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_483a4e89-a34c-420d-a6d9-14a034e29d9f"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_483a4e89-a34c-420d-a6d9-14a034e29d9f"> iPad (10th generation) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_483a4e89-a34c-420d-a6d9-14a034e29d9f"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$29.13/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$0.00</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_483a4e89-a34c-420d-a6d9-14a034e29d9f" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-483a4e89-a34c-420d-a6d9-14a034e29d9f" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$699.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Apple-iPad-9th-gen?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_007b1da3-cf00-42d8-bef7-d0f905bd0c41" aria-describedby="bluebox_007b1da3-cf00-42d8-bef7-d0f905bd0c41 price_007b1da3-cf00-42d8-bef7-d0f905bd0c41" id="details_item_007b1da3-cf00-42d8-bef7-d0f905bd0c41" data-product-title="iPad (9th generation)" data-product-productId="007b1da3-cf00-42d8-bef7-d0f905bd0c41" data-product-productType="WirelessHandset" data-product-offerId="c244ae70-a712-4e81-acf0-5e9cd79bf903" data-product-bmc="XIPD94IX" data-product-sku="107979" data-product-category="Tablets" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPad9thGen/Apple_iPad_9Gen_Space_Grey_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_007b1da3-cf00-42d8-bef7-d0f905bd0c41"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_007b1da3-cf00-42d8-bef7-d0f905bd0c41"> iPad (9th generation) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_007b1da3-cf00-42d8-bef7-d0f905bd0c41"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$26.19/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$0.00</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_007b1da3-cf00-42d8-bef7-d0f905bd0c41" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-007b1da3-cf00-42d8-bef7-d0f905bd0c41" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$628.56</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPad-Air-2024-11-inch?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_91a6ac09-328a-4798-87de-988d1e37296e" aria-describedby="bluebox_91a6ac09-328a-4798-87de-988d1e37296e price_91a6ac09-328a-4798-87de-988d1e37296e" id="details_item_91a6ac09-328a-4798-87de-988d1e37296e" data-product-title="iPad Air 2024 (11”)" data-product-productId="91a6ac09-328a-4798-87de-988d1e37296e" data-product-productType="WirelessHandset" data-product-offerId="2dd22b37-bed4-4e59-809d-5fd4ee668f55" data-product-bmc="XIPA65IX" data-product-sku="112785" data-product-category="Tablets" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/ipad_air_2024_11/Apple_Ipad_Air_11_Space_Gray_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_91a6ac09-328a-4798-87de-988d1e37296e"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_91a6ac09-328a-4798-87de-988d1e37296e"> iPad Air 2024 (11”) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_91a6ac09-328a-4798-87de-988d1e37296e"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$33.34/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$199.00</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_91a6ac09-328a-4798-87de-988d1e37296e" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-91a6ac09-328a-4798-87de-988d1e37296e" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$999.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPad-Air-2024-13-inch?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_98a56eee-8646-4ab6-a071-781d1472dc1b" aria-describedby="bluebox_98a56eee-8646-4ab6-a071-781d1472dc1b price_98a56eee-8646-4ab6-a071-781d1472dc1b" id="details_item_98a56eee-8646-4ab6-a071-781d1472dc1b" data-product-title="iPad Air 2024 (13”)" data-product-productId="98a56eee-8646-4ab6-a071-781d1472dc1b" data-product-productType="WirelessHandset" data-product-offerId="d43f91b5-3549-40dc-ba83-ac17e4e7f3ce" data-product-bmc="XIPA75IX" data-product-sku="112787" data-product-category="Tablets" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Apple_Ipad_Air_13_2024_128GB_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_98a56eee-8646-4ab6-a071-781d1472dc1b"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_98a56eee-8646-4ab6-a071-781d1472dc1b"> iPad Air 2024 (13”) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_98a56eee-8646-4ab6-a071-781d1472dc1b"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$33.35/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$499.00</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_98a56eee-8646-4ab6-a071-781d1472dc1b" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-98a56eee-8646-4ab6-a071-781d1472dc1b" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,299.24</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPad-Pro-2024-11-inch?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_c8169fc2-b7ec-487d-8497-77e29c4dcbc3" aria-describedby="bluebox_c8169fc2-b7ec-487d-8497-77e29c4dcbc3 price_c8169fc2-b7ec-487d-8497-77e29c4dcbc3" id="details_item_c8169fc2-b7ec-487d-8497-77e29c4dcbc3" data-product-title="iPad Pro 2024 (11”)" data-product-productId="c8169fc2-b7ec-487d-8497-77e29c4dcbc3" data-product-productType="WirelessHandset" data-product-offerId="bdd84671-cbed-4e1e-bd3c-9423af041821" data-product-bmc="XRO116BX" data-product-sku="112789" data-product-category="Tablets" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Apple_iPad_Pro_2024_11-inch_Space_black_ALT_Lrg1_EN.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_c8169fc2-b7ec-487d-8497-77e29c4dcbc3"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_c8169fc2-b7ec-487d-8497-77e29c4dcbc3"> iPad Pro 2024 (11”) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_c8169fc2-b7ec-487d-8497-77e29c4dcbc3"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$33.34/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$879.40</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_c8169fc2-b7ec-487d-8497-77e29c4dcbc3" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-c8169fc2-b7ec-487d-8497-77e29c4dcbc3" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,679.40</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPad-Pro-2024-13-inch?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd" aria-describedby="bluebox_542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd price_542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd" id="details_item_542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd" data-product-title="iPad Pro 2024 (13”)" data-product-productId="542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd" data-product-productType="WirelessHandset" data-product-offerId="54b19b44-4934-4fb0-b1fa-619aeb153fad" data-product-bmc="XRO136BX" data-product-sku="112793" data-product-category="Tablets" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Apple_iPad_Pro_2024_13-inch_Space_black_ALT_Lrg1_EN.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd"> iPad Pro 2024 (13”) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$33.34/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$1,279.00</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-542bd4ec-b06e-4cc3-b6fc-1a80e5713ffd" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$2,079.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPad-Pro-2021-11-inch?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_2c00d707-c424-4334-b1fe-a79b4bda8873" aria-describedby="bluebox_2c00d707-c424-4334-b1fe-a79b4bda8873 price_2c00d707-c424-4334-b1fe-a79b4bda8873" id="details_item_2c00d707-c424-4334-b1fe-a79b4bda8873" data-product-title="iPad Pro 2021 (11”)" data-product-productId="2c00d707-c424-4334-b1fe-a79b4bda8873" data-product-productType="WirelessHandset" data-product-offerId="d13dbe2e-909c-42ba-8625-68daceae536b" data-product-bmc="XPR216IX" data-product-sku="107140" data-product-category="Tablets" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/iPad_Pro_2021_11_inch_Space_Grey_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_2c00d707-c424-4334-b1fe-a79b4bda8873"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_2c00d707-c424-4334-b1fe-a79b4bda8873"> iPad Pro 2021 (11”) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_2c00d707-c424-4334-b1fe-a79b4bda8873"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$38.80/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$398.00</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_2c00d707-c424-4334-b1fe-a79b4bda8873" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-2c00d707-c424-4334-b1fe-a79b4bda8873" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,329.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPad-Mini-7th-Generation?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_2796f1ac-85a7-4628-8f21-f05c01eb2103" aria-describedby="bluebox_2796f1ac-85a7-4628-8f21-f05c01eb2103 price_2796f1ac-85a7-4628-8f21-f05c01eb2103" id="details_item_2796f1ac-85a7-4628-8f21-f05c01eb2103" data-product-title="iPad mini (7th generation)" data-product-productId="2796f1ac-85a7-4628-8f21-f05c01eb2103" data-product-productType="WirelessHandset" data-product-offerId="1da9e4ad-e038-46ef-8787-ed1d041c5785" data-product-bmc="" data-product-sku="112791" data-product-category="Tablets" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/ipad_mini7/iPad_mini_7th_gen_Space_Gray_lrg1_EN.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_2796f1ac-85a7-4628-8f21-f05c01eb2103"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_2796f1ac-85a7-4628-8f21-f05c01eb2103"> iPad mini (7th generation) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_2796f1ac-85a7-4628-8f21-f05c01eb2103"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$33.34/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$79.12</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_2796f1ac-85a7-4628-8f21-f05c01eb2103" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-2796f1ac-85a7-4628-8f21-f05c01eb2103" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$879.12</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/iPad-Mini-6th-Generation?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_76c7de0e-aa9d-48f4-8692-f777a35e9e35" aria-describedby="bluebox_76c7de0e-aa9d-48f4-8692-f777a35e9e35 price_76c7de0e-aa9d-48f4-8692-f777a35e9e35" id="details_item_76c7de0e-aa9d-48f4-8692-f777a35e9e35" data-product-title="iPad mini (6th generation)" data-product-productId="76c7de0e-aa9d-48f4-8692-f777a35e9e35" data-product-productType="WirelessHandset" data-product-offerId="7f1c4ee6-504e-4b72-824f-4fabd2c725bb" data-product-bmc="XIPM64IX" data-product-sku="107929" data-product-category="Tablets" data-product-brand="Apple" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/iPad9thGen/iPad_mini_6th_Gen_Space_Gray_5G-plus_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_76c7de0e-aa9d-48f4-8692-f777a35e9e35"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_76c7de0e-aa9d-48f4-8692-f777a35e9e35"> iPad mini (6th generation) </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_76c7de0e-aa9d-48f4-8692-f777a35e9e35"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$33.34/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$79.12</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_76c7de0e-aa9d-48f4-8692-f777a35e9e35" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-76c7de0e-aa9d-48f4-8692-f777a35e9e35" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$879.12</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <a href="javascript:void(0);" id="viewall_Apple" data-id="#Apple" class="txtUnderline clickable-card view-all-js" aria-label="View all Apple Devices"> <div class="w-100 overflowHidden fullHeight d-block pad-30 d-flex justify-content-center align-items-center column same-height" data-same-height-index="10"> <div class="d-flex column align-items-center"> <div class="border-allRound btn-default-blue pointer pad-40 margin-b-25"> <span class="icon icon-mobile_phone_case txtWhite txtSize42-xs txtSize72"></span> </div> <span class="txtSize18"> View all </span> </div> </div> </a> </div> <!--Please do not change the <ul> tablist's aria-label, aria-describedby and the content it references to without first consulting with either Ani or Farid --> </div> <!-- Start Samsung --> <div class="margin-b-30 card-section-js" data-category="Samsung" role="listitem" id="clone-Samsung" data-brand="Samsung"> <div class="col-12 margin-b-30"> <div class="d-flex align-items-center flex-row"> <h2 class="title border-right-gray2 pad-r-15 margin-r-15 no-border-xs">Samsung</h2> <a id="learnmore_brand_samsung" href="/Mobility/Samsung-phones" class="overflowHidden txtUnderline"><div class="overflow-ellipsis">More Bell - Samsung offers & devices</div></a> </div> </div> <!-- DO NOT REMOVE div.slick-clone if using radio-slick --> <div class="slick-clone container-flex-box-wrap column-spacer-30-sm same-height-wrap"></div> <!-- Samsung SLICK Container--> <div class="flex mobileUnslickCountOne radio-slick same-height-wrap infoblock-slider infoblock-slider-width slider-remove-prev slick-overflow-visible hiddenInactive link-slide" data-slick-title="Samsung Devices" data-slick='{"infinite":false, "slidesToShow":1, "slidesToScroll":1, "dots":true, "arrows":false, "mobileFirst":true, "useTransform": false, "responsive": [ {"breakpoint": 991, "settings": {"slidesToShow": 3, "slidesToScroll": 3, "arrows":true}}, {"breakpoint": 767, "settings": {"slidesToShow": 2, "slidesToScroll": 2, "arrows":true}} ]}'> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Tab-Active5?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_025fb26a-fb80-4ad8-84a0-743ba6870bb8" aria-describedby="bluebox_025fb26a-fb80-4ad8-84a0-743ba6870bb8 price_025fb26a-fb80-4ad8-84a0-743ba6870bb8" id="details_item_025fb26a-fb80-4ad8-84a0-743ba6870bb8" data-product-title="Samsung Galaxy Tab Active5" data-product-productId="025fb26a-fb80-4ad8-84a0-743ba6870bb8" data-product-productType="WirelessHandset" data-product-offerId="32ca3d80-0428-4cdd-9237-53b7fc1e723c" data-product-bmc="XSTA55EX" data-product-sku="111813" data-product-category="Tablets" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_025fb26a-fb80-4ad8-84a0-743ba6870bb8"> SAVE $107.00 <sup>*</sup> <!-- o--></span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/images/Samsung_Tab_Active5_Black_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_025fb26a-fb80-4ad8-84a0-743ba6870bb8"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_025fb26a-fb80-4ad8-84a0-743ba6870bb8"> Samsung Galaxy Tab Active5 </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_025fb26a-fb80-4ad8-84a0-743ba6870bb8"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$34.50/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$0.00</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$38.96 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_025fb26a-fb80-4ad8-84a0-743ba6870bb8" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-025fb26a-fb80-4ad8-84a0-743ba6870bb8" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$38.96 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$935.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Galaxy-Tab-A9plus-5G?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_72116572-1139-4fd8-83ac-62fa1b16ce1e" aria-describedby="bluebox_72116572-1139-4fd8-83ac-62fa1b16ce1e price_72116572-1139-4fd8-83ac-62fa1b16ce1e" id="details_item_72116572-1139-4fd8-83ac-62fa1b16ce1e" data-product-title="Samsung Galaxy Tab A9+ 5G" data-product-productId="72116572-1139-4fd8-83ac-62fa1b16ce1e" data-product-productType="WirelessHandset" data-product-offerId="bd72e686-8672-4052-9412-9b6acc35befa" data-product-bmc="XSTA94TX" data-product-sku="111605" data-product-category="Tablets" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_72116572-1139-4fd8-83ac-62fa1b16ce1e"> SAVE $56.00 <sup>*</sup> <!-- o--></span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Samsung_Galaxy_Tab_A9_plus_5Gplus_Graphite_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_72116572-1139-4fd8-83ac-62fa1b16ce1e"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_72116572-1139-4fd8-83ac-62fa1b16ce1e"> Samsung Galaxy Tab A9+ 5G </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_72116572-1139-4fd8-83ac-62fa1b16ce1e"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$17.25/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$0.00</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$19.59 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_72116572-1139-4fd8-83ac-62fa1b16ce1e" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-72116572-1139-4fd8-83ac-62fa1b16ce1e" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$19.59 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$470.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> <div class="card-container w-100"> <div class="relative col-md box-shadow-round pointer border-gray2 fullHeight box-shadow-hover d-block pad-t-15 pad-t-xs-15 pad-b-30 pad-h-30 pad-h-xs-15 same-height catId_ " data-same-height-index="10"> <a href="/Mobility/Products/Samsung-Tab-Active4-Pro?INT=MOB_mobdevpg_BTN_poplink_Mass_051016_mb_details" aria-labelledby="title_62076631-a0c5-4bf2-b7b5-85f1b83216c5" aria-describedby="bluebox_62076631-a0c5-4bf2-b7b5-85f1b83216c5 price_62076631-a0c5-4bf2-b7b5-85f1b83216c5" id="details_item_62076631-a0c5-4bf2-b7b5-85f1b83216c5" data-product-title="Samsung Tab Active4 Pro" data-product-productId="62076631-a0c5-4bf2-b7b5-85f1b83216c5" data-product-productType="WirelessHandset" data-product-offerId="b43024d8-889b-433b-8298-d7db355f6b0c" data-product-bmc="XTBA44BX" data-product-sku="110116" data-product-category="Tablets" data-product-brand="Samsung" class="borderRadiusAll10 position-absolute top-0 bottom-0 left-0 right-0 z-index-1 card-link-js"></a> <div class="d-flex fullHeight column justify-content-start relative txtDarkGrey"> <div class="text-tag-positioned-center z-index-2 margin-neg-25"> <span class="text-tag txtNoWrap" id="bluebox_62076631-a0c5-4bf2-b7b5-85f1b83216c5"> SAVE $127.68 <sup>*</sup> <!-- o--></span> </div> <div class="margin-b-20 height-185 "> <img class="img-responsive img-responsive-height margin-h-auto lazy" data-src="/Styles/wireless/Samsung_Tab_Active4_Pro_black_lrg1.png" alt=""> </div> <div> <div class="flex-wrap align-self-end" id="tile_62076631-a0c5-4bf2-b7b5-85f1b83216c5"> <div class="align-self-end margin-t-10 margin-b-15 same-height" data-same-height-index="2"> <h3 class="small-title" id="title_62076631-a0c5-4bf2-b7b5-85f1b83216c5"> Samsung Tab Active4 Pro </h3> </div> <div class="absolute top-0 right-0 pad-t-15"> </div> <div class="from-to-apr" id="price_62076631-a0c5-4bf2-b7b5-85f1b83216c5"> <div class="d-inline-block w-100 txtBlack2 txtBold ">From</div> <div class="same-height margin-b-8" data-same-height-index="4" aria-hidden="true"></div> <div class="flex flex-row relative margin-b-15 pad-b-15 border-lightGray-bottom" data-same-height-index="3"> <p class="tile-price-down mb-0 width-auto"> <span class="d-inline-block w-100 surtitle margin-b-5">$33.34/mo.</span> <span class="d-inline-block w-100">for 24 months</span> </p> <p class="tile-price-month mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">$242.32</strong> <span class="d-inline-block w-100">down</span> </p> <p class="tile-price-apr mb-0"> <strong class="d-inline-block w-100 surtitle margin-b-5">0%</strong> <span class="d-inline-block w-100"> <span>APR</span> </span> </p> </div> </div> <div class=" margin-b-12 same-height" data-same-height-index="1"> <p class="small-text mb-0"> Taxes extra. Requires an eligible 2-year rate plan <span data-target="#card_tooltip-modal" tabindex="0" data-toggle="modal" role="button" class="tooltip-interactive d-block d-md-none margin-t-10 position-relative z-index-1 color-bell-blue txtUnderline" data-content="<p>*$48.75 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> <span id="Full_detail_62076631-a0c5-4bf2-b7b5-85f1b83216c5" class="d-inline-block txtUnderline">Full details</span> </span> <span id="product-toltip-62076631-a0c5-4bf2-b7b5-85f1b83216c5" class="small-text pointer custom-tooltip icon icon-info d-none d-md-inline margin-l-5 txtGrey position-relative z-index-1" data-delay='{"show":10, "hide":10}' data-toggle="tooltip" data-placement="top" data-trigger="manual" data-html="true" role="button" aria-label="Tooltip - Additional information" tabindex="0" data-original-title="<p>*$48.75 monthly price before discount</p><p>Taxes on the financed amount are payable with your monthly device payments.</p>"> </span> <br /> <br /> *Over 24 months on SmartPay vs. our device full price. </p> </div> <p class="margin-b-15 txtSize12 tile-price-wrap">Our device full price: <strong>$1,170.00</strong></p> </div> </div> </div> </div> <input type="hidden" id="dotsOfInfoblockSlider_ariaDescriptionText" value="You’ve reached the carousel’s tabs which are located at the end. To return to the carousel, press the SHIFT + TAB keys. To leave it, press the TAB key." /> <input type="hidden" id="dotsOfInfoblockSlider_carouselText" value="Carousel" /> <input type="hidden" id="slickArrow_ariaLabelPrevText" value="Previous" /> <input type="hidden" id="slickArrow_ariaLabelNextText" value="Next" /> <style> @media (max-width: 767.98px) { .tile-price-down.width-50 .big-price, .tile-price-apr.width-50 .big-price { font-size: 30px; } .tile-price-down.width-50 .big-price span, .tile-price-apr.width-50 .big-price span { font-size: 14px; } .tile-price-wrap { width: 95%; } } @media(min-width:767.98px)and (max-width: 1199.98px) { #card_tooltip-modal.modal-tooltip { height: auto; max-width: 600px } .modal.modal-tooltip .tooltip-dialog .close { padding: 15px; font-size: 12px; } } </style> <script type="text/javascript"> //fixes for tooltip $(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; $('#card_tooltip-modal .modal-body').empty(); $(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }) $('body').click(function (event) { if (!$(event.target).closest('.modal-tooltip').length && !$(event.target).is('.modal-tooltip')) { $(".modal-tooltip").modal("hide"); } }); }); window.addEventListener("load", () => { $(".tooltip-static").attr("aria-label", "Tooltip - Additional information"); }) </script> <style> @media(min-width: 992px) { .dl-list-content-basic { justify-content: flex-start; } .dl-list-content-basic .d-block-basic { margin-right: 20px; } } .tile-phone-price-down { width: 30%; margin-left: 20px; border-right: 1px solid #d4d4d4; } .tile-phone-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-phone-price-apr { width: 20%; margin-left: 20px; } .tile-popular-price-down { width: 30%; margin-left: 15px; border-right: 1px solid #d4d4d4; } .tile-popular-price-dro { width: calc(50% - 15px); border-right: 1px solid #d4d4d4; } .tile-popular-price-apr { width: 20%; margin-left: 15px; } .tile-phone-subtitle { font-weight: 700; font-size: 18px; color: #00549a; } @media(max-width: 400px) { .tile-phone-subtitle { font-weight: 700; font-size: 14px; color: #00549a; } } @media(max-width: 539px) { .tile-popular-price-down { width: 27%; margin-left: 8px; } .tile-popular-price-dro { width: calc(55% - 15px); } .tile-popular-price-apr { width: 18%; margin-left: 8px; } } @media(min-width: 767px) and (max-width: 1190px) { .tile-phone-price-down { width: 25%; margin-left: 10px; } .tile-phone-price-dro { width: calc(55% - 15px); } .tile-phone-price-apr { width: 20%; margin-left: 10px; } .tile-popular-price-down { width: 28%; margin-left: 8px; } .tile-popular-price-dro { width: calc(57% - 15px); } .tile-popular-price-apr { width: 15%; margin-left: 8px; } } .bf-cm-flag { background: linear-gradient(90deg, #00549a, black) !important; padding: 4px 9px !important; color: #FFF !important; font-size: 14px !important; line-height: 18px !important; width: max-content !important; border-radius: 6px !important; font-weight: 700 !important; } .text-tag { font-size: 12px !important; } </style> </div> </div> <!--Please do not change the <ul> tablist's aria-label, aria-describedby and the content it references to without first consulting with either Ani or Farid --> </div> </div> </section> <section id="lto-stripe-section"> </section> <div id="card_tooltip-modal" class="modal modal-tooltip" role="dialog"> <div class="tooltip-dialog"> <div class="modal-content box-shadow-round"> <div class=""> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtLightGray2 txtSize12 font-weight-bold"></span></button> </div> <div class="modal-body txtLeft"> </div> </div> </div> </div> <div id="modal-order-now" class="modal fade scrollable-body" role="dialog" aria-modal="true" data-backdrop="true" data-keyboard="true" aria-labelledby="twoStepModal"> <div class="modal-dialog buy-now-modal-dialog"> <div class="modal-content slide-demo" role="document" id="slideDemo"> <div class="modal-header focus_outline_gray"> <h2 id="twoStepModal" class="small-title"> Select an option </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="modal-body margin-b-xs-15 margin-b-20 no-pad "> <div class="modal-tile-wrap"> <div class="track" id="track"> <div class="container-flex-box-wrap column-spacer-sm-15 same-height-wrap customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 margin-l-10"> Are you a new or existing Bell customer? </h3> <!-- start first item --> <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="0"> <div id="newCustomerButton" class="js-btnSubmitByNewCustomer js-btnSubmitByNewCustomer js-omni-button h-100 slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer" data-omni-s_obtn="New customer" data-omni-s_oapt="647-0-0"> <div data-same-height-index="17"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/Phone.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2">I'm new to Bell</h3> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Create a new account. </p> </div> </div> </div> </div> <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="0"> <div id="existingCustomerButton" class="slim-border box-shadow-round pad-h-xs-15 h-100 pad-30 overflowHidden d-flex flex-column pointer"> <div data-same-height-index="17"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/Customer.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2">I'm an existing customer</h3> </div> <div class="pad-r-xs-20"> <p class="mb-0"> Manage my account. </p> </div> </div> </div> </div> </div> <div class="container-flex-box-wrap column-spacer-sm-15 new-customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 backButtomHeader"> <button tabindex="-1" id="backToStepOne2" class="pointer backButton anchor-icon icon txtBold txtBlue icon-chevron-left" aria-label="Back How would you like to activate your phone? "></button> <span class="anchor-text"> Please select your province to see the most accurate information, including pricing and product availability </span> </h3> <!-- start first item --> <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a tabindex="-1" class="js-btnSubmitByNewCustomer js-omni-button full-width-link h-100" id="new-customer-cta-websiteProvince" href="#" onclick="BELL.shop.buyNowModal.onClickAddALine()" data-omni-s_obtn="New customer - website region" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column h-100 "> <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect width="72" height="72" rx="36" fill="#00549A"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M35.6819 16.78C43.327 16.78 50.1909 22.8069 50.1909 31.06C50.1909 36.9774 47.4284 41.9179 41.8487 48.0525L41.741 48.1674C41.0427 48.9115 37.1716 53.0369 36.2595 54.1384C35.9596 54.5006 35.404 54.5006 35.1041 54.1382C34.1851 53.0279 30.2594 48.845 29.605 48.1477L29.5125 48.049C23.9338 41.9153 21.1719 36.9759 21.1719 31.06C21.1719 22.7089 27.9039 16.78 35.6819 16.78ZM28.4709 31.99C28.4709 36.0369 31.628 39.33 35.5379 39.33C39.4486 39.33 42.6059 36.0371 42.6059 31.99C42.6059 27.9347 39.4502 24.64 35.5379 24.64C31.6263 24.64 28.4709 27.9349 28.4709 31.99ZM41.1059 31.99C41.1059 35.2224 38.6057 37.83 35.5379 37.83C32.4709 37.83 29.9709 35.2223 29.9709 31.99C29.9709 28.7491 32.4696 26.14 35.5379 26.14C38.607 26.14 41.1059 28.749 41.1059 31.99ZM48.6909 31.06C48.6909 36.508 46.0892 41.161 40.7391 47.0432C40.7387 47.0436 40.7299 47.0529 40.7134 47.0705C40.3947 47.4096 37.194 50.8156 35.682 52.5157C34.1324 50.7731 30.8087 47.2381 30.6297 47.0478L30.6222 47.0398C25.273 41.1584 22.6719 36.5066 22.6719 31.06C22.6719 23.5828 28.693 18.28 35.6819 18.28C42.5388 18.28 48.6909 23.6819 48.6909 31.06Z" fill="white"/> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 websiteProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is the region you are currently browsing in. </p> </div> </div> </div> </a> </div> <!-- end first item --> <!-- start second item --> <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a class="js-btnSubmitByNewCustomer js-btnChangeRegionAndSubmitByNewCustomer js-omni-button full-width-link h-100" tabindex="-1" id="new-customer-cta-ipProvince" data-omni-s_obtn="New customer - location region" data-omni-s_oapt="647-0-0" data-region-province-code=""> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer h-100 " onclick="BELL.shop.buyNowModal.onClickUpgradeDevice(this)"> <div data-same-height-index="15"> <div class="margin-b-30" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72" fill="none"> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" fill="#00549A"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M36.5853 26.177C39.1373 25.8132 41.1003 23.6201 41.1003 20.97C41.1003 18.0641 38.7409 15.7 35.8353 15.7C32.9289 15.7 30.5693 18.064 30.5693 20.97C30.5693 23.6203 32.5326 25.8133 35.0853 26.177V30.5076L30.9445 28.1414C30.7515 28.0311 30.5185 28.0156 30.3126 28.0993L18.3126 32.9793C18.0398 33.0903 17.8613 33.3555 17.8613 33.65V52.03C17.8613 52.544 18.3819 52.8943 18.8581 52.7007L30.5319 47.9533L40.7261 53.7786C40.9363 53.8987 41.1926 53.9058 41.4091 53.7976L53.4081 47.7976C53.6534 47.6749 53.8083 47.4242 53.8083 47.15V28.77C53.8083 28.2318 53.2419 27.8817 52.7605 28.1225L41.1081 33.9492L36.5853 31.3647V26.177ZM35.0853 32.1753V39.68C35.0853 40.0942 35.4211 40.43 35.8353 40.43C36.2495 40.43 36.5853 40.0942 36.5853 39.68V33.0325L40.4333 35.2313V51.9436L31.1453 46.6361V29.9239L35.0853 32.1753ZM41.9333 51.9165L52.3603 46.7026V29.9415L41.9333 35.1554V51.9165ZM19.3093 50.954L29.6453 46.7507V29.9339L19.3093 34.1372V50.954ZM30.5611 29.59H30.4908L30.5319 29.5733L30.5611 29.59ZM39.6003 20.97C39.6003 18.8919 37.9118 17.2 35.8353 17.2C33.758 17.2 32.0693 18.8918 32.0693 20.97C32.0693 23.0458 33.7556 24.73 35.8353 24.73C37.9142 24.73 39.6003 23.0457 39.6003 20.97Z" fill="white"/> <rect x="0.75" y="0.75" width="70.5" height="70.5" rx="35.25" stroke="white" stroke-width="1.5"/> </svg> </div> <div class="margin-b-15"> <h3 class="subtitle-2 ipProvinceNamePrompt"> {0} </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> This is a Region you may be interested in. </p> </div> </div> </div> </a> </div> <!-- end second item --> </div> <div class="container-flex-box-wrap column-spacer-sm-15 existing-customer-type-selection pad-l-20 pad-r-20" role="list" data-same-height-skip="m"> <h3 class="subtitle-2 margin-b-20 backButtomHeader"> <button tabindex="-1" id="backToStepOne" class="pointer backButton anchor-icon icon txtBold txtBlue icon-chevron-left" aria-label="Back How would you like to activate your phone? "></button> <span class="anchor-text"> Are you adding a new line or upgrading your phone on an existing line? </span> </h3> <!-- start first item --> <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a id="btnAddNewDevice" tabindex="-1" class="js-omni-button full-width-link h-100" id="existing-customer-cta1" href="#" onclick="BELL.shop.buyNowModal.onClickAddALine()" data-omni-s_obtn="Existing customer - new device" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column h-100 "> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/AAL.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2"> Add a line </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> I want to add a line to my account. </p> </div> </div> </div> </a> </div> <!-- end first item --> <!-- start second item --> <div class="col-sm-6 margin-b-15 tileButton" role="button" tabindex="-1"> <a id="btnUpgradeDevice" class="js-omni-button full-width-link h-100" tabindex="-1" href="#" data-omni-s_obtn="Existing customer - change service" data-omni-s_oapt="647-0-0"> <div class="selectable slim-border box-shadow-round pad-h-xs-15 pad-30 overflowHidden d-flex flex-column pointer h-100 " onclick="BELL.shop.buyNowModal.onClickUpgradeDevice(this)"> <div data-same-height-index="16"> <div class="margin-b-30" aria-hidden="true"> <img src="/Styles/images/byod/HUG.png"> </div> <div class="margin-b-15"> <h3 class="subtitle-2"> Upgrade my device </h3> </div> <div class="pad-r-xs-20"> <p class="mb-0 tileText"> I want to upgrade my device. </p> </div> </div> </div> </a> </div> <!-- end second item --> </div> </div> </div> <div class="buy-now-change-region-wrapper col-sm-12 ignore-default-province-select-handler" style="display:none;"> <input id="textImInDifferentRegion" value="I live in a different province" hidden> <!-- Province selector --> <div class="change-region-popup change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="region-confirmation"> <span> Your current region: </span> <span class="change-region"> <strong>Ontario</strong> </span> </div> <div class="change-region-provinces-button"> <a href="#changeRegionBox" class="change-region-link collapse-trigger" role="button" aria-expanded="false" aria-controls="changeRegionBox" data-target="#changeRegionBox" data-toggle="collapse"> <span class="sr-only"> Change current region </span> <span class="change-region-text" aria-hidden="true"> Change </span> <svg class="icon icon-change " aria-hidden="true"><use xlink:href="#icon-change"></use></svg> </a> <div class="change-region-provinces change-region-hidden" tabindex="-1" id="changeRegionBox"> <form class="province-form"> <fieldset form="province-form" class="province-form-fieldset change-region-fieldset"> <legend> Select your province or territory below</legend> <ul class="change-region-list" role="listbox"> <li> <input id="eaab6a76-684e-42a4-bbd1-7560f285d636" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="AB" /> <label class="" for="eaab6a76-684e-42a4-bbd1-7560f285d636"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="d97de6d6-d24c-44d7-93a2-c98387799d30" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="BC" /> <label class="" for="d97de6d6-d24c-44d7-93a2-c98387799d30"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="d3bb6ec1-a434-4569-8c42-e93b44ef6e48" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="MB" /> <label class="" for="d3bb6ec1-a434-4569-8c42-e93b44ef6e48"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="80786038-e879-4788-8e60-f3d2f3a75a2f" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="NB" /> <label class="" for="80786038-e879-4788-8e60-f3d2f3a75a2f"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="7d812a04-c0d7-4468-a32f-35efe03b056c" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="NL" /> <label class="" for="7d812a04-c0d7-4468-a32f-35efe03b056c"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="46358a4e-6461-4253-bfb6-272ad279383d" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="NT" /> <label class="" for="46358a4e-6461-4253-bfb6-272ad279383d"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="60727284-0233-4156-b030-6af77be1c4cb" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="NS" /> <label class="" for="60727284-0233-4156-b030-6af77be1c4cb"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="4d385498-a94b-4429-8fd5-9ef19473083f" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="NU" /> <label class="" for="4d385498-a94b-4429-8fd5-9ef19473083f"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="f217a6af-0687-4e8b-8d77-943a8e5bd65d" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="f217a6af-0687-4e8b-8d77-943a8e5bd65d"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="f883f287-11c8-42df-b748-63eb4e41ad2a" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="PE" /> <label class="" for="f883f287-11c8-42df-b748-63eb4e41ad2a"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="1cfacd14-d114-4255-b817-4f4de391d494" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="QC" /> <label class="" for="1cfacd14-d114-4255-b817-4f4de391d494"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="0559e6af-d261-43c8-8f31-4b4393ee9c91" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="SK" /> <label class="" for="0559e6af-d261-43c8-8f31-4b4393ee9c91"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="3671c23b-d58a-4fea-a672-f0c3c74fee42" type="radio" role="option" tabindex="0" name="province-439a3577-07e8-4c5c-a3e5-1fc2f8115c3e" value="YT" /> <label class="" for="3671c23b-d58a-4fea-a672-f0c3c74fee42"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close margin-t-20"><a href="javascript:void(0)" role="button" aria-label="Close change region popup"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a></span> </div> </div> <input id="showProvinceSelector" value="true" hidden /> <input id="IPRegionProvinceCode" hidden /> <input id="showProvinceSelectorWhenNonIpZoneSelected" value="true" hidden /> <script> document.addEventListener('DOMContentLoaded', function () { var ul = document.querySelectorAll('.change-region-list'); var changeButton = document.querySelectorAll(".change-region-link") var liSelected; var index = 0; ul.forEach((elem, i) => { elem.querySelectorAll('input').forEach((e, i) => { e.addEventListener('keydown', function (et) { var KeyID = et.key; switch (KeyID) { case "Enter": case " ": e.click(); break; default: break; } }); }); elem.addEventListener('focus', (event) => { elem.setAttribute('aria-hidden', 'false'); }); elem.addEventListener('keydown', function (event) { var len = elem.getElementsByTagName('li').length - 1; if ((index == len && event.which === 9 && !event.shiftKey) || (index == 0 && (event.which === 9 && event.shiftKey))) { return; } if (event.which === 40 || (event.which === 9 && !event.shiftKey)) { index++; //down if (liSelected) { next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index <= len) { liSelected = next; if (liSelected.querySelector("input").hasAttribute("disabled")) { index++; next = elem.getElementsByTagName('li')[index]; liSelected = next; } } else { index = 0; liSelected = elem.getElementsByTagName('li')[index]; } liSelected.querySelector("input").focus(); } else { index = 1; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); } event.preventDefault(); } else if (event.which === 38 || (event.which === 9 && event.shiftKey)) { //up if (liSelected) { index--; liSelected.querySelector("input").focus(); next = elem.getElementsByTagName('li')[index]; if (typeof next !== undefined && index >= 0) { liSelected = next; liSelected = elem.getElementsByTagName('li')[index]; liSelected.querySelector("input").focus(); if (liSelected.querySelector("input").hasAttribute("disabled")) { index--; next = elem.getElementsByTagName('li')[index]; liSelected = next; liSelected.querySelector("input").focus(); } } else { index = len; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } } else { index = 1; liSelected = elem.getElementsByTagName('li')[len]; liSelected.querySelector("input").focus(); } event.preventDefault(); } }, false); }); changeButton.forEach((elem, i) => { elem.addEventListener('focus', (event) => { index = 0; }); elem.addEventListener('keydown', function (event) { if (event.which === 9 && !event.shiftKey && ((elem.getAttribute("aria-expanded") === "true") || !document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden"))) { ul[i].getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } if ((event.which === 13) && document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); elem.addEventListener('click', function (event) { if (document.querySelector("#changeRegionBoxMobile").classList.contains("change-region-hidden")) { setTimeout(function () { document.querySelector(".mobileCloseButton").focus(); }, 100) } }); }); document.querySelector(".mobileCloseButton").addEventListener('keydown', (event) => { if (event.which === 9) { index = 0; document.querySelector("#changeRegionBoxMobile").querySelector("ul").getElementsByTagName('li')[0].querySelector('input').focus(); event.preventDefault(); } }); }); </script> <!-- Mobile province selector --> <div class="change-region-mobile change-region-popup-hidden"> <div class="change-region-container change-region-province-only"> <div class="change-region-provinces-button"> <span class="region-confirmation"> Your current region: </span> <span class="change-region"> <span class="current-province-title"> <strong>Ontario</strong> </span> <a class="change-region-link" href="javascript:void(0)" role="link"> <span class="change-region-text">change</span> </a> </span> <div class="change-region-provinces change-region-hidden" role="dialog" id="changeRegionBoxMobile"> <div class="province-form-title province-form-title-hidden"> Select a region: <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close" class="mobileCloseButton"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <form class="province-form"> <fieldset form="province-form" class="change-region-fieldset"> <legend> Select your province or territory below </legend> <ul class="change-region-list" role="listbox"> <li> <input id="c23bf54c-c1bc-4848-bfa1-3188730c5d9b" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="AB" /> <label class="" for="c23bf54c-c1bc-4848-bfa1-3188730c5d9b"> <span class="province-selector-option" ></span> <span class=""> Alberta </span> </label> </li> <li> <input id="bcddd4fe-8551-46a3-a5c9-09346c7d2c40" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="BC" /> <label class="" for="bcddd4fe-8551-46a3-a5c9-09346c7d2c40"> <span class="province-selector-option" ></span> <span class=""> British Columbia </span> </label> </li> <li> <input id="2f738b08-fe30-434f-befa-d410ffc3383d" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="MB" /> <label class="" for="2f738b08-fe30-434f-befa-d410ffc3383d"> <span class="province-selector-option" ></span> <span class=""> Manitoba </span> </label> </li> <li> <input id="5f37b6db-352d-42cf-9af8-52855f848288" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="NB" /> <label class="" for="5f37b6db-352d-42cf-9af8-52855f848288"> <span class="province-selector-option" ></span> <span class=""> New Brunswick </span> </label> </li> <li> <input id="69bf4bb2-fb91-45c7-ae42-c1e13a468d5e" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="NL" /> <label class="" for="69bf4bb2-fb91-45c7-ae42-c1e13a468d5e"> <span class="province-selector-option" ></span> <span class=""> Newfoundland And Labrador </span> </label> </li> <li> <input id="c6a3225d-f000-4521-b9c4-ab7e8494cdff" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="NT" /> <label class="" for="c6a3225d-f000-4521-b9c4-ab7e8494cdff"> <span class="province-selector-option" ></span> <span class=""> Northwest Territories </span> </label> </li> <li> <input id="9051a0ef-1edc-481a-9c11-6f34c419f233" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="NS" /> <label class="" for="9051a0ef-1edc-481a-9c11-6f34c419f233"> <span class="province-selector-option" ></span> <span class=""> Nova Scotia </span> </label> </li> <li> <input id="49f4fcce-5ed2-43cb-a13f-752950420477" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="NU" /> <label class="" for="49f4fcce-5ed2-43cb-a13f-752950420477"> <span class="province-selector-option" ></span> <span class=""> Nunavut </span> </label> </li> <li> <input id="b5073c6a-b053-4142-b151-913a805739c1" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="ON" checked=checked /> <label class="change-region-provinces-checked" for="b5073c6a-b053-4142-b151-913a805739c1"> <span class="province-selector-option" checked=checked ></span> <span class=""> Ontario </span> <svg class="icon icon-selected" aria-label=selected tabindex="-1"><use xlink:href="#icon-selected"></use></svg> </label> </li> <li> <input id="3772b193-97a9-4e30-a76b-76ceb5ec33a7" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="PE" /> <label class="" for="3772b193-97a9-4e30-a76b-76ceb5ec33a7"> <span class="province-selector-option" ></span> <span class=""> Prince Edward Island </span> </label> </li> <li> <input id="3761a316-8447-45c1-8460-4b72874b0d1a" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="QC" /> <label class="" for="3761a316-8447-45c1-8460-4b72874b0d1a"> <span class="province-selector-option" ></span> <span class=""> Quebec </span> </label> </li> <li> <input id="70afdfa0-1a48-4323-844a-dbd7efb9790e" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="SK" /> <label class="" for="70afdfa0-1a48-4323-844a-dbd7efb9790e"> <span class="province-selector-option" ></span> <span class=""> Saskatchewan </span> </label> </li> <li> <input id="148bfd01-fe51-42ce-9b27-e3c007eff6b2" type="radio" role="option" tabindex="0" name="province-5d1d10e2-1b75-43a7-aa8c-7867f6d72760" value="YT" /> <label class="" for="148bfd01-fe51-42ce-9b27-e3c007eff6b2"> <span class="province-selector-option" ></span> <span class=""> Yukon </span> </label> </li> </ul> </fieldset> </form> </div> </div> <span class="change-region-close"> <a href="javascript:void(0)" role="link" aria-label="Close"><svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg></a> </span> </div> <div class="change-region-screen change-region-hidden"></div> </div> </div> </div> </div> </div> </div> <input id="buyNowMOdalListPage_myBellLink" value="mybell.bell.ca" hidden> <input id="buyNowMOdalListPage_HUGupgradeUrl" value="mybell.bell.ca/Login?refreshlink=//mybell.bell.ca/sso/ssoauth.aspx?ReturnUrl=/PunchInOut/punchin?DirectAccess=HUGDeviceDetails&term=0&contracttype=S&devicemodel=" hidden> <input id="buyNowMOdalListPage_ProductId" value="" hidden> <div class="wrapper_solution-builder-form"> <form method="post" hello="world" action="" style="width: 0;" class="js-shop-solution-builder-form" autocomplete="off"> <input name="id" type="hidden" value="" /> <input name="IsUpgradeYourServiceDisplayed" type="hidden" value="true" disabled="disabled" /> <input name="hdnHUGdeviceUpdateURL" type="hidden" value="" /> <input name="productType" type="hidden" value="WirelessHandset" /> <input name="OfferId" type="hidden" value="" /> <input name="OfferQty" type="hidden" value="1" /> <input name="TermId" type="hidden" value="" /> <input name="Promo" type="hidden" /> <input name="RatePlanOfferId" type="hidden" value="" /> <input name="DataPlanOfferId" type="hidden" value="" /> <input name="ShowSpecialOfferWarning" type="hidden" value="false" /> <input name="TrySkipSolution" type="hidden" value="false" /> <input name="IsPromoAddAline" type="hidden" value="false" /> <input type="hidden" name="pagehierarchyid" value="10121" /> <input type="hidden" name="pagehierarchycode" value="MOBILITY_MOBILE_PHONES_DETAILS" /> <input type="hidden" name="metadatapageid" value="PrsShpWls_ProductDetail_Lte" /> <input name="IsDroEnabled" type="hidden" value="False" /> <input type="hidden" name="productname" value="" /> <input type="hidden" name="originurl" value="" /> <input type="hidden" name="SKUID" value="" /> <input type="hidden" name="BMCID" value="" /> <input type="hidden" name="ProductCategory" value="" /> <input type="hidden" name="hdnIsBfaOn" value="True" /> <input type="hidden" name="hdnCartCount" value="" /> <input type="hidden" name="Brand" value="" /> <input type="hidden" name="hdnisEsimAutomationEnabled" value="True" /> <input type="hidden" id="EppEmailAddress" name="EppEmailAddress" value="" /> <input type="hidden" id="AutoPromoCode" name="AutoPromoCode" value="" /> </form> </div> <style> #modal-order-now .change-region-popup .icon-change { left: 80%; } #modal-order-now .change-region-provinces { right: auto; width: 100%; } #modal-order-now .change-region-popup .change-region-link-selected .icon-change { left: 85%; } #modal-order-now .change-region-popup .icon-change.icon-fr { left: 85%; } #modal-order-now .change-region-popup .icon-change.icon-fr, #modal-order-now .change-region-popup .change-region-link-selected .icon-change.icon-fr { left: 95%; } #modal-order-now .change-region-popup .change-region-provinces-button .change-region-link:focus::before { width: 70%; } #modal-order-now .change-region-popup:after, #modal-order-now .change-region-mobile:after { background: none; } #modal-order-now .change-region-mobile .change-region-provinces { top: -439px; width: 90%; } #modal-order-now .change-region-popup .change-region-provinces-button .change-region-link:focus::before { top: 15px; } #modal-order-now .change-region-province-only .icon-change { top: 15px; } #modal-order-now .change-region-popup a.change-region-link { padding: 10px 48px 10px 30px; width: auto; } #modal-order-now .change-region-close { display: none; } .new-customer-type-selection .tileButton a { color: #555; } .backButton { padding: 0; border: none; background: transparent; align-self: flex-start; margin-top: 3px; } .backButtomHeader { display: flex; padding-left: 8px; padding-right: 8px; width: 100%; } .column-spacer-sm-15 > div { padding-left: 10px; padding-right: 10px } div.slim-border { border: 1px solid #D4D4D4 } a.full-width-link { display: inline-block; width: 100%; } /* Slider */ .tileText { color: #111; } .tileButton:focus > div, .tileButton:focus .selectable { border-color: #00549a; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } .modal-dialog div.tileButton:focus { outline: none !important; } .modal-tile-wrap { width: 100%; overflow: hidden !important; } .track { display: flex; width: 300%; height: 100%; transform: none; transition: all .5s ease; } .slide-demo.screen-two-active .track { transform: translateX(-33.33%); } .slide-demo.screen-three-active .track { transform: translateX(-67%); } .customer-type-selection, .existing-customer-type-selection, .new-customer-type-selection, .tile { width: 33.33%; display: flex; } .container-flex-box-wrap .tileButton img { margin: 0; } .loader-fixed.small-loader { display: block; } </style> <script> var BELL = (function (bell, $) { bell.shop = bell.shop || {}; bell.shop.buyNowModal = { init: function () { var self = this; var slideDemo = document.getElementById("slideDemo"); var ipProvinceName = $('.federal-bar-select-provinces-popup').find('input[value="' + $('#IPRegionProvinceCode').val() + '"]').parent('.province-item').find('.label-text').text().replace('\n', '').replace('\n', '').trim() var websiteProvinceName = $('#curr-province').text().trim(); if (ipProvinceName != '' && ipProvinceName != websiteProvinceName) { $('.buy-now-modal-dialog #newCustomerButton') .removeClass('js-btnSubmitByNewCustomer') .removeClass('js-omni-button'); $('.buy-now-modal-dialog .ipProvinceNamePrompt').text($('.buy-now-modal-dialog .ipProvinceNamePrompt').first().text().replace('{0}', ipProvinceName)); $('.buy-now-modal-dialog .ipProvinceNamePrompt').closest('a').attr('data-region-province-code', $('#IPRegionProvinceCode').val()); $('.buy-now-modal-dialog .websiteProvinceNamePrompt').text($('.buy-now-modal-dialog .websiteProvinceNamePrompt').first().text().replace('{0}', websiteProvinceName)); self.btnNextNewCustomer = document.getElementById("newCustomerButton"); self.btnNextNewCustomer.addEventListener("click", function () { $('.buy-now-modal-dialog .track .container-flex-box-wrap').eq(1).show(); // set province select slide visible $('.buy-now-modal-dialog .change-region-container').hide(); slideDemo.classList.add("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenThreeLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); $(".buy-now-modal-dialog .buy-now-change-region-wrapper").show(); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .change-region-text").text($('#textImInDifferentRegion').val()); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .region-confirmation").hide(); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .current-province-title").hide(); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .change-region-popup").removeClass('change-region-popup-hidden'); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .change-region-mobile").removeClass('change-region-popup-hidden'); $(".buy-now-modal-dialog .new-customer-type-selection").animate( { height: "100%", }, { complete: function() { $('.buy-now-modal-dialog .change-region-container').show(); } } ); }); $(".buy-now-modal-dialog .buy-now-change-region-wrapper .change-region-popup .change-region-provinces .province-form-fieldset input, .buy-now-change-region-wrapper .change-region-mobile .change-region-provinces input").click(function (e) { e.stopImmediatePropagation(); $(this).parent('li') .addClass('js-btnSubmitByNewCustomer') .addClass('js-btnChangeRegionAndSubmitByNewCustomer') .attr('data-region-province-code', $(this).val()) .click(); }); } self.btnNextExistingCustomer = document.getElementById("existingCustomerButton"); self.btnPrevExistingCustomer = document.getElementById("backToStepOne"); self.btnPrevNewCustomer = document.getElementById("backToStepOne2"); var screenOneLinks = document.querySelectorAll(".buy-now-modal-dialog .customer-type-selection .tileButton"), screenTwoLinks = document.querySelectorAll(".buy-now-modal-dialog .existing-customer-type-selection a, #backToStepOne"), screenThreeLinks = document.querySelectorAll(".buy-now-modal-dialog .new-customer-type-selection .tileButton"); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); self.btnNextExistingCustomer.addEventListener("click", function () { $('.buy-now-modal-dialog .track .container-flex-box-wrap').eq(1).hide(); // set province select slide invisible slideDemo.classList.add("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); $(".existing-customer-type-selection").animate({ height: "100%" }); }); self.btnPrevExistingCustomer.addEventListener("click", function () { backToStepOne(); }); self.btnPrevNewCustomer.addEventListener("click", function () { backToStepOne(); }); $(".tileButton").keyup(function (event) { if (event.keyCode === 13) { $(this).children(".box-shadow-round").click(); $(this).children("a").click(); } }); $("#backToStepOne, #backToStepOne2").keyup(function (event) { if (event.keyCode === 13) { $(this).click(); } }); $(".js-btnSolutionBuild").click(function (event) { document.getElementById("backToStepOne").click(); }); function backToStepOne() { slideDemo.classList.remove("screen-two-active"); screenOneLinks.forEach(function (link) { link.setAttribute("tabindex", "0"); }); screenTwoLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); screenThreeLinks.forEach(function (link) { link.setAttribute("tabindex", "-1"); }); $(".existing-customer-type-selection").animate({ height: "0" }); $(".new-customer-type-selection").animate({ height: "0" }); screenOneLinks[0].focus(); $(".buy-now-modal-dialog .buy-now-change-region-wrapper").hide(); } function trackAnalyticsBtnNext() { self.trackAnalytics('.existing-customer-type-selection'); } function trackAnalyticsBtnNext2() { self.trackAnalytics('.new-customer-type-selection'); } function trackAnalyticsBtnPrev() { self.trackAnalytics('.customer-type-selection'); } var observer = new MutationObserver(onModalVisibilityChange); function onModalVisibilityChange(mutationRecordArray) { for (const record of mutationRecordArray) { if ((record.oldValue && record.oldValue.includes("display: none") || record.oldValue === null) && record.target.style.display === 'block') { self.btnNextExistingCustomer.addEventListener("click", trackAnalyticsBtnNext); self.btnNextNewCustomer.addEventListener("click", trackAnalyticsBtnNext2); self.btnPrevExistingCustomer.addEventListener("click", trackAnalyticsBtnPrev); self.btnPrevNewCustomer.addEventListener("click", trackAnalyticsBtnPrev); } else if (record.oldValue && record.oldValue.includes("display: block") && record.target.style.display === 'none') { self.btnNextExistingCustomer.removeEventListener("click", trackAnalyticsBtnNext); self.btnNextNewCustomer.removeEventListener("click", trackAnalyticsBtnNext2); self.btnPrevExistingCustomer.removeEventListener("click", trackAnalyticsBtnPrev); self.btnPrevNewCustomer.removeEventListener("click", trackAnalyticsBtnPrev); } } } var target = document.getElementById('modal-order-now'); observer.observe(target, { attributes: true, attributeFilter: ['style'], attributeOldValue: true }); }, onClickUpgradeDevice: function (el) { BELL.shop.buynow.showLoadingIndicator(); $('#modal-order-now').modal('hide'); }, onClickAddALine: function () { BELL.shop.buynow.showLoadingIndicator(); $('#modal-order-now').modal('hide'); }, trackAnalytics: function (selector) { s_oTrackPage({ s_oAPT: "104-0-0", s_oPRM: $("#twoStepModal").text().replace(/\s+/g, ' ').trim(), s_oLBC: $(selector).text().replace(/\s+/g, ' ').trim().slice(0, 100) }); }, onClickShowModalForProduct: function (selector) { document.getElementById("backToStepOne").click(); var productId = $(selector).data('product-id'); var detailUrl = $(selector).data('detail-url'); var productName = $(selector).closest('.card-container').find('h3').text().trim(); var productAlias = ''; var productAliasStartIndex = 19; var intParamStartIndex = detailUrl.indexOf('?INT='); if(intParamStartIndex > productAliasStartIndex) { productAlias = detailUrl.substr(productAliasStartIndex, intParamStartIndex - productAliasStartIndex); } else { productAlias = detailUrl.substr(productAliasStartIndex); } $("#buyNowMOdalListPage_ProductId").val(productId); var addNewDeviceLink = "https://" + "mybell.bell.ca" + "/Login?refreshLink=//" + $(location).attr('hostname') + "%2fMobility%2faddalineProductDetailRedirect%3fsource%3dmybell%26rawurl%3d%2fMobility%2fProducts%2f" + productAlias; $('#btnAddNewDevice').attr('href', addNewDeviceLink); var upgradeDeviceLink = "https://" + $("#buyNowMOdalListPage_HUGupgradeUrl").val() + $("#buyNowMOdalListPage_ProductId").val(); $('#btnUpgradeDevice').attr('href', upgradeDeviceLink); // Configure and insert form '.js-shop-solution-builder-form' into this selector's parent // as so needed by submitToSolutionBuilder() (defined in buy-now-button.js): if ($(selector).parent().find('form.js-shop-solution-builder-form').length > 0) { $(selector).parent().find('form.js-shop-solution-builder-form').remove(); } var solution_builder_form = $('.wrapper_solution-builder-form form'); solution_builder_form.find('[name="id"]').val(productId); solution_builder_form.find('[name="originurl"]').val(detailUrl); solution_builder_form.find('[name="hdnHUGdeviceUpdateURL"]').val(upgradeDeviceLink); solution_builder_form.find('[name="productname"]').val(productName); solution_builder_form.find('[name="OfferId"]').val($(selector).data('product-offerId')); solution_builder_form.find('[name="ProductCategory"]').val($(selector).data('product-category')); solution_builder_form.find('[name="Brand"]').val($(selector).data('product-brand')); solution_builder_form.find('[name="BMCID"]').val($(selector).data('product-bmc')); solution_builder_form.find('[name="SKUID"]').val($(selector).data('product-sku')); solution_builder_form.attr('action', '/Mobility/Build_your_mobile_solution' + '?prd=' + productName); $(selector).parent().append(solution_builder_form); }, enableOnListPage: function () { $("a[id*='details_item_']").each(function() { var thisId = $(this).attr('id'); var detailUrl = $(this).attr('href'); var productId = thisId.substr(thisId.indexOf('details_item_') + 13); $(this) .addClass("js-btnSolutionBuild") .attr("href", "javascript:void(0)") .attr("onclick", "BELL.shop.buyNowModal.onClickShowModalForProduct(this)") .attr("data-product-id", productId) .attr("data-detail-url", detailUrl); }); } }; return bell; })(BELL || {}, $); BELL.shop.buyNowModal.init(); </script> <script type="text/javascript"> jQuery(document).ready(function () { $('#card_tooltip-modal').on('shown.bs.modal', function (e) { var content = e.relatedTarget.dataset['content']; jQuery('#card_tooltip-modal .modal-body').empty(); jQuery(content).appendTo(jQuery('#card_tooltip-modal .modal-body')); }); }); </script> <script> $(document).ready(function () { setTimeout(function () { addTitleButton(); }, 500); }); $(".mobileUnslickCountOne").on("afterChange", function () { setTimeout(function () { addTitleButton(); addTitleMostPopular(); }, 1); }); $(document).ready(function () { setInterval(function () { addTitleMostPopular(); }, 2000); }); var addTitleButton = function () { var sliderTitles = []; var language = $('html').attr("lang"); $('.card-filter .card-section-js').each(function () { var title = $(this).attr('data-brand'); sliderTitles.push(title); }); $('.card-filter .card-section-js').each(function (index) { var title = sliderTitles[index]; if (language === "fr") { $(this).find('.slick-next').attr('aria-label', 'Diapositive suivante ' + title); $(this).find('.slick-prev').attr('aria-label', 'Diapositive pr�c�dente ' + title); } else { $(this).find('.slick-next').attr('aria-label', 'Next slide in ' + title); $(this).find('.slick-prev').attr('aria-label', 'Previous slide in ' + title); } }); }; var addTitleMostPopular = function () { var language = $('html').attr("lang"); var popularTitle = $("#most-popular-container .dl-list-header-content").find("h2").text(); if (language === "fr") { $('#most-popular-container .mobileUnslickCountCustom .slick-next').attr('aria-label', 'Diapositive suivante ' + popularTitle); $('#most-popular-container .mobileUnslickCountCustom .slick-prev').attr('aria-label', 'Diapositive pr�c�dente ' + popularTitle); } else { $('#most-popular-container .mobileUnslickCountCustom .slick-next').attr('aria-label', 'Next slide in ' + popularTitle); $('#most-popular-container .mobileUnslickCountCustom .slick-prev').attr('aria-label', 'Previous slide in ' + popularTitle); } }; </script> <style> .slick-dots li button { opacity: 1; } </style> <section class="container margin-b-30 relative" id="details-accordion"> <!--Accordion item 1 start--> <div class="accordion-wrap"> <!--Item title start--> <div role="heading" aria-level="2"> <a href="javascript:void(0)" class="collapse-trigger collapsed" id="details-accordion-button-1" data-target="#details-accordion-body-1" aria-controls="details-accordion-body-1" aria-expanded="false" role="button" data-toggle="collapse" data-icon-expand="icon-small_icon_expand" data-icon-collapse="icon-small_icon_collapse"> <span class="anchor-icon icon txtSize22 icon-small_icon_expand" aria-hidden="true"></span> <span class="txtSize18 anchor-text">Additional details</span> </a> </div> <!--Item title end--> <!--Item body start--> <div class="collapse-accordion-accessible-toggle collapse margin-t-15" id="details-accordion-body-1" data-parent="#details-accordion" aria-labelledby="details-accordion-button-1" role="region" data-expand-type="single"> <p> (†) The waived one-time Connection Service fee ($70) applies to the activation of a new phone or a new smartwatch online only. Additional one-time fees are subject to change over time. See <a id="legal-fees-link" href="/onetimefees">bell.ca/onetimefees</a> for details. </p> <div class="pad-l-35"> <ol id='legal-target-list'><li id=WUXPCT data-legal-id=WUXPCT>Orders placed after 4:00 PM local time on Fridays will be processed the following Monday. Delivery timing depends on courier availability.</li></ol> </div> </div> <!--Item body end--> </div> <!--Accordion item end--> </section> <!----------------- Removed special offer for iPads, roll back to retrieve the code -----------------> <!-- START more ways to shop section --> <section class="more-ways-to-shop bg-bell-blue inverted inverted-border" id="more-ways-to-shop-Id"> <hidden id="hdnEchatId"></hidden> <div class="container text-sm-center"> <h2 class="title">More ways to shop</h2> <ul class="content-ways-to-shop d-block d-sm-flex flex-row align-items-start justify-content-center no-list-style"> <li class="border-bottom-moreWaystoShop"> <a id="btn-Find_a_store" href="/Store_Locator#INT=All_footer_TXT_ Mwto_Mass_111015_pc_findstore" > <div class="icon-o-location icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20 " id="Find_a_store" > Find a store </div> </a> </li> <li class="border-bottom-moreWaystoShop"> <a href="javascript:void(0)" role ="button" onclick = "event.preventDefault();javascript:ECHAT.clickChatLive();" onkeydown ="if (event.keyCode==32){event.preventDefault();$('#inqC2CShopBody').click()};" id="eChat_MoreWaysTo_Shop" role="button" class=""> <div class="icon-o-chat-bubble icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20" data-omni-s_oapt="647-0-0" data-omni-s_obtn="Chat live">Chat Live</div> </a> </li> <li class="border-bottom-moreWaystoShop"> <a id="btn-Call_us" role="button" href="tel:18554485399" > <div class="icon-o-handset icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20 " id="Call_us" >Call us at <span class="text-nowrap">1 855 448-5399</span></div> </a> </li> <li class="border-bottom-moreWaystoShop"> <a id="btn-Book_appointment" href="https://appointments.bell.ca/in-store#location" > <div class="icon-calendar icon-circle-large anchor-icon icon-o desktop-outline" aria-hidden="true"></div> <div class="anchor-text pad-r-xs-20 " id="Book_appointment" >Book an appointment</div> </a> </li> </ul> </div> </section> <!-- END more ways to shop section --> <div id="appointmentsCallBack" class="modal fade scrollable-body" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="myModalHeaderLabel_appt_options"> <div class="modal-dialog"> <div class="modal-content" role="document"> <div class="modal-header"> <h2 class="small-title pad-r-15 txtSize18 txtBlack2" id="myModalHeaderLabel_appt_options"> Appointment options </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="modal-body"> <div class="d-flex flex-column flex-sm-row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 pad-r-20-sm pad-r-20-md pad-r-20"> <div class="pad-b-5"> <i id="calIcon" class="icon-small_bussiness_bl_wot anchor-icon icon-o icon-lmedium icon-circle-large bg-bell-blue txtWhite desktop-outline hidden-sm hidden-xs" aria-hidden="true"></i> </div> <div class="pad-t-10"><div class="d-inline-flex txtSize18 txtBlack2" role="heading" aria-level="3">At a store</div></div> <div class="pad-t-10"><p id="divleft" class="txtDarkgrey sameHeight margin-b-20">Meet with a representative to learn more about our latest products, services and offerings.</p></div> <div class="margin-t-sm-60 margin-t-20 margin-t-xs-20 pad-b-xs-40"> <a id="inStoreAppointments" href="https://appointments.bell.ca/in-store?INT=All_footer_TXT_Mass_140621_BookAppt_RS" class="btn btn-primary">Book an appointment</a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 responsive-border-sm-light-grey pad-r-20 pad-t-xs-20 pad-l-20 no-pad-left-xs"> <div> <i class="icon-o-headphones iconsize65 anchor-icon icon-o icon-circle-large bg-bell-blue txtWhite desktop-outline hidden-sm hidden-xs" aria-hidden="true"></i> </div> <div class="pad-t-10"><div class="d-inline-flex txtSize18 txtBlack2" role="heading" aria-level="3">Have us call you now</div></div> <div class="pad-t-10"><p id="divright" class="txtDarkgrey sameHeight margin-b-20">Skip the waiting time and get the next available representative to call you now.</p></div> <div class="margin-t-sm-60 margin-t-20 margin-t-xs-20 pad-b-xs-40 no-margin-top-xs b-div"> <a id="haveusCallBack" href="https://www.bell.ca/ScheduleCallback?form=CMB_BUNDLE&lang=en#INT=All_footer_TXT_Mwto_Mass_120120_TM_Scheduleacallback" class="btn btn-primary">Have us call you now</a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 responsive-border-sm-light-grey pad-t-xs-20 pad-l-20 no-pad-left-xs"> <div> <i class="icon-o-clock iconsize65 anchor-icon icon-o icon-circle-large bg-bell-blue txtWhite desktop-outline hidden-sm hidden-xs" aria-hidden="true"></i> </div> <div class="pad-t-10"><div class="d-inline-flex txtSize18 txtBlack2" role="heading" aria-level="3">Over the phone</div></div> <div class="pad-t-10"><p id="divright2" class="txtDarkgrey sameHeight margin-b-20">Have a Bell representative call you at the time of your choosing.</p></div> <div class="margin-t-sm-60 margin-t-20 margin-t-xs-20 pad-b-xs-40 no-margin-top-xs b-div"> <a id="requestCallBack" href="https://www.bell.ca/ScheduleCallback?form=CMB_BUNDLE&lang=en#INT=All_footer_TXT_Mwto_Mass_120120_TM_Scheduleacallback" class="btn btn-primary">Request a call back</a> </div> </div> </div> </div> </div> </div> </div> <style> #appointmentsCallBack .btn { padding: 7px 15px !important; } @media screen and (min-width: 1000px) { #appointmentsCallBack .modal-dialog { width: 900px !important } } @media (min-width: 769px) { .b-div { position: absolute; bottom: 0px; margin-right: 20px; } } @media (max-width: 639px) { #appointmentsCallBack .modal-dialog { bottom: 55px !important; } ul li .anchor-text::after { font-family: 'bell-icon'; content: '\e012'; position: absolute; right: 10px; top: 50%; right: 0; transform: translateY(-50%); } .border-bottom-moreWaystoShop { border-bottom: 1px solid #003778 !important; } .more-ways-to-shop .content-ways-to-shop li { position: relative; } } div.icon-calendar .icon-medium:before, .icon-circle-large:before { font-size: 45px !important } .iconsize65, .iconsize65:before { font-size: 65px !important } .icon-small_bussiness_bl_wot, .icon-small_bussiness_bl_wot:before { font-size: 35px !important; } </style> <script> window.onload = function () { var scriptElement = document.createElement('script'); scriptElement.type = 'text/javascript'; scriptElement.src = 'https://www.bell.ca/styles/Custom/echat/js/echat-component.js'; document.head.appendChild(scriptElement); }; </script> <script type="text/javascript"> $(document).ready(function () { cleanupHrefWithTelNumber(); $("#hdnEchatId").val(false); echatDisableChecker(); $('#eChat_MoreWaysTo_Shop').on('click', function (e) { var isChatInitiated = false; if ("True" === "True") { isChatInitiated = getCookie("__eccompslex") !== undefined && getCookie("__eccompslex").indexOf("<<@cwi@||true||>>") > -1; } else { isChatInitiated = getCookie("__cwi") === "true"; } if ("True" == "True" && !isChatInitiated) { $('#' + this.id).addClass("disabled"); echatDisableChecker(); setTimeout(function () { if ($('#eChat_BELL_INIT_GA').length > 0) { var echat = $('#eChat_BELL_INIT_GA'); echat.click(); if (typeof EChat !== 'undefined' && EChat) { EChat.openChatLive("eChat_MoreWaysTo_Shop"); } else { setTimeout(function () { EChat.openChatLive("eChat_MoreWaysTo_Shop"); }, 1000); } } else { if ($('#eChat_container_GA').length > 0) { var echat = $('#eChat_container_GA'); echat.click(); if (typeof EChat !== 'undefined' && EChat) { EChat.openChatLive("eChat_MoreWaysTo_Shop"); } else { setTimeout(function () { EChat.openChatLive("eChat_MoreWaysTo_Shop"); }, 1000); } } } }, 1000); } }); function getCookie(cookieName) { let cookie = {}; document.cookie.split(';').forEach(function (el) { var key = el.split('=')[0]; var value = el.substring(el.split("=")[0].length + 1); cookie[key.trim()] = value; }) return cookie[cookieName]; } function echatDisableChecker() { if ($("#eChat_MoreWaysTo_Shop").hasClass("disabled")) { $("#eChat_MoreWaysTo_Shop").attr('aria-disabled', true); } } function cleanupHrefWithTelNumber() { try { $('a[href^="tel:"]').each(function(){ var hrefUrl = $(this).attr("href"); var regularExpression = /(?<=\<).*?(?=\>)/g; var bracketText= hrefUrl.match(regularExpression); if(bracketText != null && bracketText.length > 0){ for (let i = 0; i < bracketText.length; i++) { hrefUrl = hrefUrl.replace('<' + bracketText[i] + '>', ''); } $(this).attr("href", hrefUrl); } }); } catch (err) { console.log('cleanupHrefWithTelNumber catch ' + err); } } (function () { // Select the target node. var target = document.querySelector('#eChat_MoreWaysTo_Shop') // Create an observer instance. var observer = new MutationObserver(function (mutations) { if (mutations.length > 0 && target == mutations[0].target && mutations[0].attributeName == "class") { if ($(target).hasClass('disabled')) { $(target).attr('aria-disabled', true).attr('tabindex', '-1'); } } }); // Pass in the target node, as well as the observer options. observer.observe(target, { attributes: true, childList: false, characterData: false }); })(); $("#appointmentsCallBack").on("hidden.bs.modal", function () { $('#Book_appointment').closest('a').focus(); }); }); </script> </main> <style> .border-top-1-solid { border-top: 1px solid #d4d4d4; } .footer-box-shadow { box-shadow: none !important; } button.footer-accordion-toggle { background-color: unset; } .footer-accordion-toggle h3.icon-chevron-down:before, .footer-accordion-toggle h3.icon-chevron-up:before { display: none; } .footer-aboutus, .footer-resources { border: none; border-radius: 2px; } .footer-outline-icon { display: inline-block; width: 31px; height: 31px; border: solid 2px #00549a; border-radius: 50%; position: relative; } .footer-center-icon { position: absolute; top: 52%; left: 52%; transform: translate(-50%,-50%); font-size: 20px; } .footer-icon-round-border:before { color: #00549a; border: solid 2px #00549a; padding: 4px; border-radius: 50%; } .accordion-heading .icon-chevron-up, .accordion-heading .icon-chevron-down { right: 0; top: 7px; } .accordion-heading .collapsed .icon-chevron-up:before, .accordion-heading .collapsed .icon-chevron-down:before { transform: rotate( 90deg ) !important; } .accordion-heading .icon-chevron-up:before, .accordion-heading .icon-chevron-down:before { transform-origin: 45% 40% !important; transform: rotate( -90deg ) !important; } .accordion-heading a.collapse-trigger:hover, .accordion-heading a.collapse-trigger:focus { text-decoration: none; } .bgGray19 a .footer-icon:hover, .bgGray19 a .footer-icon-social:hover { background-color: #f4f4f4; } .gf-shop .rsx-skip-to-main-link { display: inline-block; padding: 7px 12px; position: absolute; left: -300px; text-decoration: underline; border-bottom-right-radius: 8px; transition: left .3s ease-out; background-color: #e1e1e1; z-index: 3000; font-size: 13px; color: #00549a; } .gf-shop .rsx-skip-to-main-link:focus { color: #00549a; left: 0; } .customer-resources-list { columns: 2; -webkit-columns: 2; -moz-columns: 2; width: 100%; } .customer-resources-list li { transform: translateZ(0); } .customer-resources-list li a { position: relative; } .customer-resources-list li a:focus { text-shadow: #fff 0px 0px 0px; } @media(max-width: 540px) { .footer-copyright-social-wrap { flex-direction: column-reverse !important; } .hidden-xs { display: none; } .social-links { width: 100%; } .footer-copyright-links { display: flex; flex-direction: column; } } @media(min-width: 520px) { .jobs-link { display: none !important; } } @media(min-width: 768px) { .call-to-action { display: contents; } } @media(min-width: 541px) and (max-width: 767px) { .hidden-sm { display: none; } } @media(min-width: 768px) and (max-width: 992px) { .hidden-tablet { display: none; } .hidden-md { display: none; } } @media(min-width: 992px) { .call-to-action { display: contents; } .hidden-lg { display: none; } } @media (max-width: 999px) and (min-width: 520px) { .rsx-pad-15-right-sm { padding-right: 15px; } } .customListStyleNone { list-style: none; } @media (max-height: 400px) { footer.gf-shop #footnote-modal-id .modal-body { margin-bottom: 5px; } } </style> <footer class="gf-shop bgGray19 d-print-none border-top-1-solid"> <div id="footnote-modal-id" class="modal scrollable-body fade footnote-modal" role="dialog" aria-modal="true" tabindex="-1" data-backdrop="false" data-keyboard="true" aria-labelledby="modal-title"> <div class="modal-dialog w-100" role="document"> <div class="modal-content"> <div class="container px-0"> <div class="modal-header focus_outline_gray" data-omni-content='Additional details'> <h2 id="modal-title" class="surtitle-black"> Additional details </h2> <button type="button" class="close footnote-modal-close"><span role="img" aria-label="Close Modal" class="icon icon-close txtBlue txtSize20 font-weight-bold" aria-hidden="true"></span><span class="sr-only">Close modal</span></button> </div> <div class="modal-body mt-0"> </div> </div> </div> </div> </div> <a href="#maincontent" class="skip-to-main-link"> Back to main content </a> <div class="brightedge" id="brightedge"> <div class="container"> <nav class="brightedge-wrap" aria-labelledby="popular-pages-heading"> <div class="brightedge-title" id="popular-pages-heading" role="heading" aria-level="2" > Popular pages </div> <ul class="brightedge-list seob-omni-js" id="popular-page"> <li> <a id="popular-page-Cell_Phones_and_Smartphones" class="js-omni-seo" data-omni-seo-id="Cell Phones and Smartphones" href="https://www.bell.ca/Mobility/Smartphones_and_mobile_internet_devices" title="">Cell Phones and Smartphones</a> </li> <li> <a id="popular-page-Tablets_Plans" class="js-omni-seo" data-omni-seo-id="Tablets Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Tablet_PC_data_plans" title="">Tablets Plans</a> </li> <li> <a id="popular-page-Mobile_Internet_Rate_Plans" class="js-omni-seo" data-omni-seo-id="Mobile Internet Rate Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Turbo-Stick-and-Turbo-Hub-data-plans" title="">Mobile Internet Rate Plans</a> </li> <li> <a id="popular-page-Samsung_Phones" class="js-omni-seo" data-omni-seo-id="Samsung Phones" href="https://www.bell.ca/Mobility/Samsung-phones" title="">Samsung Phones</a> </li> <li> <a id="popular-page-SIM_Cards_for_Cell_Phones_&_Tablets" class="js-omni-seo" data-omni-seo-id="SIM Cards for Cell Phones Tablets" href="https://www.bell.ca/Mobility/SIM-cards" title="">SIM Cards for Cell Phones & Tablets</a> </li> <li> <a id="popular-page-Basic_Rate_Plans" class="js-omni-seo" data-omni-seo-id="Basic Rate Plans" href="https://www.bell.ca/Mobility/Cell_phone_plans/Basic-Rate-Plans" title="">Basic Rate Plans</a> </li> </ul> </nav> </div> </div> <style> .brightedge { background-color: #f4f4f4; padding: 30px 0 0; } .brightedge > .container { margin-bottom: 0; } .brightedge-wrap { border: 1px solid #e1e1e1; border-radius: 10px; background-color: #fff; padding: 25px 25px 12px; } .brightedge-title { color: #111; font-weight: bold; margin-bottom: 13px; } .brightedge-list { padding: 0; margin: 0; list-style-type: none; } .brightedge-list li { display: block; padding: 0; margin: 11px 0; } .brightedge-list li a { text-decoration: none; } .brightedge-list li a:hover, .brightedge-list li a:focus { text-decoration: underline; } .page-code_prsshpwls-our-network .brightedge, [class*="rsx-"] .brightedge { background-color: #f4f4f4; } .page-code_prsshpwls-landing footer.rsx-footer .brightedge { background-color: #F4F4F4; } @media(min-width:768px) { .brightedge-wrap { padding-bottom: 17px; } .brightedge-title { margin-bottom: 10px; } .brightedge-list { display: flex; flex-wrap: wrap; } .brightedge-list li { margin: 5px 15px 5px 0; padding-right: 15px; border-right: 1px solid #e1e1e1; } .brightedge-list li:last-of-type { margin-right: 0; padding-right: 0; border-right: none; } } </style> <div class="container"> <div class="spacer30 clear"></div> <section class="hidden-md hidden-lg"> <div class="accordion-heading relative"> <button class="footer-accordion-toggle collapsed txtNoUnderline footer-box-shadow footer-aboutus" href="javascript:void(0)" data-toggle="collapse" data-target="#footer-about-us" class="collapse-trigger collapsed" role="button" aria-expanded="false" aria-controls="footer-about-us" data-icon-expand="icon-chevron-up" data-icon-collapse="icon-chevron-down"> <span class="anchor-icon icon txtSize14 icon-chevron-up absolute" aria-hidden="true"></span> <h3 role="heading" aria-level="2" class="txtBold txtBlack txtSize18">About us</h3> </button> </div> <div class="accordion-body collapse-accordion-accessible-toggle collapse margin-30-top" id="footer-about-us" style=""> <ul class="noBullets"> <li> <a href="http://support.bell.ca/AboutBell#INT=OTH_hmpg_TXT_footer_about-bell">About Bell Canada</a> <div class="spacer9"></div> </li> <li> <a href="https://letstalk.bell.ca/en/#INT=corp_hmpg_footer_lets talk_01232018" class="txtSize14">Bell Let's Talk</a> <div class="spacer9"></div> </li> <li> <a href="/Bell-for-Better" class="txtSize14">Bell for Better</a> <div class="spacer9"></div> </li> <li> <a href="https://jobs.bell.ca/ca/en" class="txtSize14">Jobs@Bell</a> <div class="spacer9"></div> </li> <li> <a href="http://www.bellmedia.ca" class="txtSize14">Bell Media</a> <div class="spacer9"></div> </li> </ul> </div> <div class="spacer20 clear"></div> <div class="spacer1 bgGrayLight6"></div> <div class="spacer30 clear"></div> <div class="accordion-heading relative"> <button class="footer-accordion-toggle collapsed txtNoUnderline footer-box-shadow footer-resources" href="javascript:void(0)" data-toggle="collapse" data-target="#footer-customer-resources" class="collapse-trigger collapsed" role="button" aria-expanded="false" aria-controls="footer-customer-resources" data-icon-expand="icon-chevron-up" data-icon-collapse="icon-chevron-down"> <span class="anchor-icon icon txtSize14 icon-chevron-up absolute" aria-hidden="true"></span> <h3 role="heading" aria-level="2" class="txtBold txtBlack txtSize18">Customer resources</h3> </button> </div> <div class="accordion-body collapse-accordion-accessible-toggle collapse margin-30-top" id="footer-customer-resources" style=""> <ul class="noBullets"> <li> <a href="https://support.bell.ca/billing-and-accounts/sales_and_refund_policy/how_do_warranties_and_returns_on_bell_ca_online_orders_work#INT=All_TXT_footer_Mass_040320_HC_returns">Return policy</a> <div class="spacer9"></div> </li> <li> <a href="/Security_and_privacy/Commitment_to_privacy">Privacy</a> <div class="spacer9"></div> </li> <li> <a href="https://support.bell.ca/Billing-and-Accounts/Security_and_privacy">Security</a> <div class="spacer9"></div> </li> <li> <a href="/Legal_and_terms#INT=OTH_legal_TXT_Footer">Legal and regulatory</a> <div class="spacer9"></div> </li> <li><a href="https://webmail.bell.net/" target="_blank">Bell email</a> <div class="spacer9"></div></li> <li> <a href="javascript:void(0)" onclick="myPopup('https://crtc.gc.ca/eng/internet/codesimpl.htm#INT=OTH_hmpg_TXT_footer_internet-code', 'Internet Code', 600, 750);">Internet Code</a> <div class="spacer9"></div> </li> <li> <a href="/CRTC-Wireless-Code">Wireless Code</a> <div class="spacer9"></div> </li> <li> <a href="https://forum.bell.ca?INT=All_footer_TXT_CForum_Mass_082921_mstl">Community forum</a> <div class="spacer9"></div> </li> <li> <a href="https://www.bell.ca/shipping-tracker#INT=OTH_hmpg_TXT_footer_TrackMyOrder">Track my order</a> <div class="spacer9"></div> </li> </ul> </div> <div class="spacer20 clear"></div> <div class="spacer1 bgGrayLight6"></div> </section> <div class="spacer30 clear"></div> <div class="row no-margin"> <div class="hidden-xs hidden-sm col-sm-3 col-md-3 col-lg-3"> <h2 class="txtBold txtBlack txtSize18 h3" id="AboutUsLabel">About us</h2> <div class="spacer30"></div> <ul class="noBullets" aria-labelledby="AboutUsLabel"> <li> <a href="http://support.bell.ca/AboutBell#INT=OTH_hmpg_TXT_footer_about-bell">About Bell Canada</a> <div class="spacer9"></div> </li> <li> <a href="https://letstalk.bell.ca/en/#INT=corp_hmpg_footer_lets talk_01232018" class="txtSize14">Bell Let's Talk</a> <div class="spacer9"></div> </li> <li> <a href="/Bell-for-Better" class="txtSize14">Bell for Better</a> <div class="spacer9"></div> </li> <li> <a href="https://jobs.bell.ca/ca/en" class="txtSize14">Jobs@Bell</a> <div class="spacer9"></div> </li> <li> <a href="http://www.bellmedia.ca" class="txtSize14">Bell Media</a> <div class="spacer9"></div> </li> </ul> </div> <div class="hidden-xs hidden-sm col-sm-6 col-md-6 col-lg-6"> <h2 class="txtBold txtBlack txtSize18 h3" id="CustomerResourcesLabel">Customer resources</h2> <div class="spacer30"></div> <div class="row no-margin"> <ul class="noBullets hidden-xs customer-resources-list rsx-pad-15-right-sm" aria-labelledby="CustomerResourcesLabel"> <li> <a href="https://support.bell.ca/billing-and-accounts/sales_and_refund_policy/how_do_warranties_and_returns_on_bell_ca_online_orders_work#INT=All_TXT_footer_Mass_040320_HC_returns">Return policy</a> <div class="spacer9"></div> </li> <li> <a href="/Security_and_privacy/Commitment_to_privacy">Privacy</a> <div class="spacer9"></div> </li> <li> <a href="https://support.bell.ca/Billing-and-Accounts/Security_and_privacy">Security</a> <div class="spacer9"></div> </li> <li> <a href="/Legal_and_terms#INT=OTH_legal_TXT_Footer">Legal and regulatory</a> <div class="spacer9"></div> </li> <li><a href="https://webmail.bell.net/" target="_blank">Bell email</a> <div class="spacer9"></div></li> <li> <a href="javascript:void(0)" aria-label="Internet Code (opens in new window)" onclick="myPopup('https://crtc.gc.ca/eng/internet/codesimpl.htm#INT=OTH_hmpg_TXT_footer_internet-code', 'Internet Code', 600, 750);">Internet Code</a> <div class="spacer9"></div> </li> <li> <a href="/CRTC-Wireless-Code">Wireless Code</a> <div class="spacer9"></div> </li> <li> <a href="https://forum.bell.ca?INT=All_footer_TXT_CForum_Mass_082921_mstl">Community forum</a> <div class="spacer9"></div> </li> <li> <a href="https://www.bell.ca/shipping-tracker#INT=OTH_hmpg_TXT_footer_TrackMyOrder">Track my order</a> <div class="spacer9"></div> </li> </ul> </div> </div> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3"> <h2 class="txtBold txtBlack txtSize18 h3" id="GetInTouchLabel">Get in touch</h2> <div class="spacer30"></div> <ul class="noBullets" aria-labelledby="GetInTouchLabel"> <li> <div class="flex align-items-center"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-contact-new txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="javascript:window.location = 'http://support.bell.ca/Contact-us/#INT=All_hmpg_TXT_footer_Mass_120115_mb_contactus_iCon'; return false;"></i> </div> <a href="http://support.bell.ca/Contact-us/#INT=All_hmpg_TXT_footer_Mass_120115_mb_contactus">Contact us</a> </div> <div class="spacer10"></div> </li> <li> <div class="flex align-items-center"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-location-pin txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="javascript:window.location='/Store_Locator#INT=All_hmpg_TXT_footer_Mass_120115_mb_findstore_iCon'"></i> </div> <a href="/Store_Locator#INT=All_hmpg_TXT_footer_Mass_120115_mb_findstore_iCon">Find a store</a> </div> <div class="spacer10"></div> </li> <li> <div class="flex align-items-center"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-calendar-solid txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="javascript:window.location='/Store_Locator#INT=All_hmpg_TXT_footer_Mass_120115_mb_findstore_iCon'"></i> </div> <a href="https://appointments.bell.ca/">Book an appointment</a> </div> </li> <li> <div class="flex align-items-center margin-10-top"> <div class="footer-outline-icon margin-15-right"> <i class="icon icon-chat_texting_bl_bg txtSize18 txtBlue footer-center-icon" aria-hidden="true" onclick="KAMPYLE_ONSITE_SDK.showForm(2311);"></i> </div> <a class="" role="button" onclick="KAMPYLE_ONSITE_SDK.showForm(2311);" href="javascript:void(0)" onkeydown="if(event.keyCode==32){event.preventDefault();$('#rateid').click()};"> <span id="rateid">Site feedback</span> </a> </div> </li> </ul> </div> </div> <div class="spacer20 clear"></div> <div class="spacer1 bgGrayLight6"></div> <div class="spacer20 clear"></div> <div class="footer-copyright-social-wrap flex justify-content-between align-items-center"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 txtSize12 flex"> <a class="btn btn-primary txtDecorationNoneHover" href="/Accessibility_services#INT=OTH_Accessserv_TXT_Footer"> Accessibility centre </a> </div> <style> .h-divider { display: inline-block; color: #d4d4d4; border-right: solid 1px #d4d4d4; height: 25px; } .icon-blog-txt-en { width: 65px !important; } .icon-blog-txt-fr { width: 85px !important; } .js-shop-footer-twitter > a, .js-shop-footer-instagram > a { display: inline-block; } .footer-icon-social-alt { height: 48px; width: 48px; } @media(min-width: 768px) { .social-links { flex-basis: 0; } } @media (max-width: 767.98px) { .icon-blog-txt-en { width: 48px !important; } .icon-blog-txt-fr { width: 70px !important; } } </style> <ul class="flex align-items-center justify-content-between social-links col-sm-6 col-md-6 col-lg-6 customListStyleNone no-margin-bottom social-links-tooltip"> <li> <a class="txtNoUnderline" id="js-shop-footer-facebook" href="https://www.facebook.com/BellCanada" title="Bell Canada Facebook Page. Opens in new tab." target="_blank" rel="noopener noreferrer"> <span class="footer-icon-social-alt ht footer-icon-social-Facebook d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon icon-facebook txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li id="js-shop-footer-twitter" class="js-shop-footer-twitter"> <a class="txtNoUnderline" href="https://twitter.com/Bell" target="_blank" title="Bell Canada X Page. Opens in new tab." rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-social-Twitter d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon icon-twitter_x txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li id="js-shop-footer-instagram" class="js-shop-footer-instagram"> <a class="txtNoUnderline" href="https://www.instagram.com/bell/" target="_blank" title="Bell Canada Instagram Page. Opens in new tab." rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-social-Instagram d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon icon-instagram txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li> <a href="https://www.linkedin.com/company/bell" title="Bell Canada LinkedIn Page. Opens in new tab." target="_blank" class="txtNoUnderline" rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-linked-in d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon2 icon-linked-in-logo txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> <li class="h-divider"></li> <li> <a href="https://www.youtube.com/bellcanada" title="Bell Canada Youtube Page. Opens in new tab." target="_blank" class="txtNoUnderline" rel="noopener noreferrer"> <span class="footer-icon-social-alt footer-icon-youtube d-inline-flex align-items-center justify-content-center"> <span class="force-icon-font icon2 icon-youtube txtSize20 txtBlue" aria-hidden="true"></span> </span> </a> </li> </ul> </div> <div class="spacer30"></div> <div class="footer-copyright-links flex col-xs-12 col-sm-12 col-md-12 col-lg-12"> <p class="txtSize12 margin-b-xs-5 margin-b-sm-5">© Bell Canada, 2024. All rights reserved.</p> <ul class="customListStyleNone no-pad margin-l-5 margin-l-xs-0"> <li class="txtDarkGrey hidden-xs d-inline-block" aria-hidden="true"> | </li> <li class="d-inline-block"> <a href="https://support.bell.ca/site_map#INT=OTH_hmpg_TXT_footer_site-map" class="txtDarkGrey txtSize12 no-break-white-space d-block">Site map</a> </li> </ul> </div> <div class="spacer30 clear"></div> </div> <div class="captchaStyle"> <div id="captchaDiv"></div> </div> <div id="login-modal" class="modal in" role="dialog"> <div class="modal-dialog login-footer-popup-aliant"> <div class="bgWhite"> <div class="pad-20-left pad-20-right clearfix"> <div class="spacer20"></div> <button type="button" class="close" data-dismiss="modal"><span class="icon icon-x-close txtBlue txtSize22"></span></button> </div> <style> .my-account-button-padding { padding-left:5% !important; padding-right:5% !important; } </style> <form id="loginForm_ec__MyAccountFooter" name="loginForm_ec" action='https://service.aliant.bell.ca/myaccount/login/login.jsf' method="post" novalidate="novalidate" class=" "> <div class="bellSlim txtSize24 txtBlack"> My Account </div> Fibe TV, Internet and Home phone <div class="spacer20"></div> <div class="margin-top"> <input class="btn btn-default col-xs-12 login-button-popup my-account-button-padding" value="Log in" type="submit" id="demoLoginJs_ec__MyAccountFooter"> <div class="spacer10 clear"> </div> <a href="https://service.aliant.bell.ca/myaccount/registration/registrationstep1.jsf" class="no-margin more-link"> Register for My Account </a> <div class="spacer10 clear"></div> </div> </form> <div class="floatL vPadding30 col-xs-12 col-sm-6 hidden"> <div class="bellSlim txtSize20 txtBlack"> (Bell Aliant) </div> <div style="height: 60px"> Manage your Bell Aliant Fibe TV, Internet, Home phone and Home security services </div> <div class="spacer20"></div> <div class="spacer5"></div> <a href="https://service.aliant.bell.ca/myaccount/account/accountoverview.jsf"> My account details </a> <span class="spacer5 clear block"> </span> <a href="https://service.aliant.bell.ca/myaccount/managemyaccount/accountprofile.jsf"> My profile </a> <div class="spacer10 clear"></div> <a href="https://service.aliant.bell.ca/myaccount/logout.jsp" data-order-logout-url="https://order.aliant.bell.ca/InternalServices/Logoff" class="btn btn-default col-xs-12 login-button-popup brf-btn-logout"> Log out from My Account </a> <div class="spacer10 clear"> </div> </div> <div class="pad-20-left pad-20-right visible-xs"> <div class="spacer20 clear"></div> <div class="spacer1 bgGray2"></div> <div class="spacer20 clear"></div> </div> <form id="loginForm_ec__Footer" name="loginForm_ec" action="https://mybell.bell.ca/Login" method="post" novalidate="novalidate" class=" vPadding20"> <div class="bellSlim txtSize24 txtBlack"> MyBell </div> <div class="spacer20"></div> <div class="margin-top"> <input class="btn btn-default col-xs-12 login-button-popup" value="Log in" type="submit" id="demoLoginJs_ec__Footer"> <div class="spacer10 clear"> </div> <a href="https://mybell.bell.ca/Registration" class="no-margin more-link"> Register for MyBell </a> <div class="spacer10 clear"></div> </div> </form> <div class="floatL vPadding20 col-xs-12 col-sm-6 hidden"> <div class="bellSlim txtSize20 txtBlack"> (Log in to MyBell) </div> <div style="height: 60px"> Manage your Bell Satellite TV and Mobility services </div> <a href="https://mybell.bell.ca/"> My services </a> <span class="spacer5 clear block"> </span> <a href="https://mybell.bell.ca/MyBills"> My bills and payments </a> <span class="spacer5 clear block"> </span> <a href="https://mybell.bell.ca/MyBellAccount"> My profile </a> <div class="spacer10 clear"></div> <a href="https://mybell.bell.ca/Logout" class="btn btn-default col-xs-12 login-button-popup brf-btn-logout"> Log out from MyBell </a> <div class="spacer10 clear"> </div> </div> <div class="spacer20 clear"></div> </div> </div> </div> </footer> <div id="shop-our-services-modal" class="modal fade scrollable-body cutom-popup" data-widget="modal" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="modal-specifications-details-title" secondary-modal> <div class="modal-dialog col-xs-12"> <div class="modal-content" role="document"> <div class="modal-header"> <h2 class="small-title" id="modal-specifications-details-title"><span class="rsx-txt-blue">Our services</span></h2> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20 pos-icon-n5"></span></button> </div> <div class="modal-body scroll-style"> <div class="rsx-txt-black"> <h3 class="ourservice-heading">Bell Canada</h3><p>Bell is Canada's largest communications company, providing consumers and business with solutions for all their communications needs.</p> <h3 class="ourservice-heading">The leader in digital TV</h3> <p>Bell Fibe TV, the <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Fibe-TV">best TV service</a>, provides stunning 4K picture and high-fidelity sound. Using fibre optic technology, Bell Fibe TV brings the best TV experience right to your door – no dish required.</p> <p>The Bell <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Fibe-TV-App">Fibe TV app</a> lets you access live TV and on-demand television content using your <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Fibe-TV-App/Bell-Streamer">Bell Streamer</a> or by downloading the Fibe TV app on Amazon Fire TV, Android TV, Apple TV or by Google Cast using your Google Chromecast.</p> <p>Bell Satellite TV provides a great variety of <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="https://channel.bell.ca/">HD and 4K channels</a>, the best receivers and the best image quality – making it the leader in <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell_TV">digital satellite TV</a> service in Canada.</p> <h3 class="ourservice-heading">The latest cell phones, Mobile Internet devices, smartwatches and tablets</h3> <p>Choose from the latest <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Apple">iPhone</a> devices from Apple, <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Samsung-phones">Samsung devices</a>, <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Google-Phones">Google phones</a>, <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Tablets">tablets</a> and other popular <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Smartphones_and_mobile_internet_devices">smartphones</a>. Stay connected on the <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Mobility/Our_network">Bell 5G-capable network</a> with blazing-fast speeds, coast-to-coast coverage and clear reception.</p> <h3 class="ourservice-heading">Ultra-fast high-speed fibre home Internet</h3><p>Command the fastest upload speeds with Bell Fibe Internet on Canada’s largest fibre optic network. Bell's high-speed <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell_Internet">home Internet</a> lets you share photos and videos with upload speeds of up to 940 Mbps and download speeds of up to <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell_Internet/Products/Fibe-Internet-Gigabit15-FTTH">1.5 Gigabits</a> per second.</p> <h3 class="ourservice-heading">The most reliable home phone service</h3><p>If you are looking for reliable home phone services, Bell Home phone guarantees exceptional services at all times or you get your money back.</p> <h3 class="ourservice-heading">Promotions and offers</h3><p>Looking for new products and services from Bell? See the latest <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Bell-Promotions">Bell promotions and offers</a> or <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Store_Locator">visit a Bell store</a> to learn more.</p> <h3 class="ourservice-heading">Communications solutions for businesses</h3><p>As Canada's leading trusted technology advisor, Bell Canada delivers end-to-end solutions to our small and medium-sized business (SMB) customers, from <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="https://business.bell.ca/shop/small-business">business Internet</a> to <a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="/Business/Mobility">business Mobility</a> services and long distance solutions.</p> <p><a class="ourservice-anchor txtUnderline txtDecorationNoneHover" href="https://business.bell.ca/shop/medium-large">Bell Business Markets</a> is committed to delivering the integrated solutions large organizations need to increase productivity, sustain profitable growth, maximize service differentiation and minimize risk in today's challenging environment.</p> <div class="ourservice-footer"> <a tabindex="0" data-dismiss="modal" class="rsx-modal-close rsx-modal-close-button close rsx-button rsx-margin-top" role="button" onclick="event.preventDefault();" onkeydown="if(event.keyCode==13 || event.keyCode==32){event.preventDefault();$('#close_btn_footer_cr79018').click()};"><span id="close_btn_footer_cr79018" style="color: #fff">Close</span></a> </div> <style> #shop-our-services-modal { z-index: 9999 !important; } .ourservice-heading { color: #111 !important; margin-bottom: 10px; } .ourservice-anchor { color: #00549a !important; margin-right: 0px !important; line-height: 10px !important; } .ourservice-anchor::after { margin-right: 0px !important; margin-left: 0px !important; } .rsx-footer-legal-links a:after { background-color: #5550; } .rsx-modal-close-button { position: relative; color: #fff !important; top: unset; right: unset; transform: unset; background: #003778; font-size: 16px; padding: 10px 36px; border: 2px solid #003778; text-shadow : unset; border-radius: 20px; font-weight: normal; } .ourservice-footer{ display: flex; } .txtUnderline{ text-decoration: underline; } #shop-our-services-modal .txtDecorationNoneHover, #shop-our-services-modal .txtDecorationNoneHover:focus, #shop-our-services-modal .txtDecorationNoneHover:hover{ text-decoration-thickness: 2px } </style> <script> $(document).ready(function () { try { $('.rsx-modal-close, .rsx-modal-close-button').click(function () { var modal = $(this).parents('.rsx-modal'); if (modal.length > 0) { modal.modal('close') } }); } catch (ex) { consoel.log(ex); } }) </script> </div> </div> </div> </div> </div> <style> .cutom-popup .small-title { color: #00549a !important; font-weight: 200; font-size: 32px; padding: 0; margin: 0; } .cutom-popup .modal-body { padding: 30px; } </style> <script> function myPopup(myURL, title, myWidth, myHeight) { var left = (screen.width / 2) - (myWidth / 2); var top = (screen.height / 2) - (myHeight / 2); var myWindow = window.open(myURL, title, 'resizable=yes, width=' + myWidth + ', height=' + myHeight + ', top=' + top + ', left=' + left); } </script> <script> $('.accordion-heading a.footer-accordion-toggle').click(function () { let target = $(event.target) if (target.hasClass('icon-chevron-up')) { target.removeClass('icon-chevron-up') target.addClass('icon-chevron-down') } else { target.addClass('icon-chevron-up') target.removeClass('icon-chevron-down') } }); $(document).ready(function () { setTimeout(function () { if (window.location.href.toLowerCase().includes('aliant')) { if (window.location.href.toLowerCase().includes('promotions/movies-and-series/crave') || window.location.href.toLowerCase().includes('promotions/films-et-series/crave')) { document.title = `${$("#fixedHeader .link-container li.active a").text()} - ${$("#fixedHeader .bellSlim").text()} - bellaliant.ca` } if (window.location.href.toLowerCase().includes('fibe-tv/hd-pvr-receivers') || window.location.href.toLowerCase().includes('tele-fibe/recepteurs-HD') || window.location.href.toLowerCase().includes('accueil/infocourriels') || window.location.href.toLowerCase().includes('emailcapture')) { document.title = `${$("main h1").text()} - bellaliant.ca`; } } //$('header').prepend('<span class="sr-only" role="alert">Current province: ' + $('#curr-province').text() + '</span>'); }, 900); }); //Global Connector </script> <!--Echat omniture - List of parameters Start--> <!-- Echat omniture - List of parameters End--> <script src="/Styles/custom/echat/js/echat-common.min.js"></script> <script src="/Styles/custom/echat/js/echat-omniture.min.js"></script> <script type="text/javascript"> //Load polyfill.js only for IE if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) { document.write('<script src="/Styles/WidgetAssets/bwtk/dist/polyfill/polyfill.min.js"><\/script>'); } </script> <!-- End Including Responsive JavaScript--> <!-- eChat Current Page ID: B_SHP_EN_Mobility_Tablets --> <script type="text/javascript">window.addEventListener('load', function(event){var link = document.createElement('link');link.setAttribute('rel', 'stylesheet');link.setAttribute('type', 'text/css');link.setAttribute('href', "/Styles/custom/echat/css/eChat_allBrowsers_framework.min.css");document.getElementsByTagName('head')[0].appendChild(link);});</script> <script type="text/javascript">window.addEventListener('load', function(event){var link = document.createElement('link');link.setAttribute('rel', 'stylesheet');link.setAttribute('type', 'text/css');link.setAttribute('href', "/Styles/custom/echat/css/eChat.min.css");document.getElementsByTagName('head')[0].appendChild(link);});</script> <script type="text/javascript">window.addEventListener('load', function(event){var link = document.createElement('link');link.setAttribute('rel', 'stylesheet');link.setAttribute('type', 'text/css');link.setAttribute('href', "/Styles/custom/echat/css/eChat-bell.min.css");document.getElementsByTagName('head')[0].appendChild(link);});</script> <!-- Load Global Anchor Icon Start --> <div id=eChat_B_GA></div> <script type="text/javascript">window.addEventListener('load', function(){ var chatAliveCookie = getCookie("__cwaf");var chatTabId = getCookie("__ctabid");if (chatAliveCookie !== "true" && (window.sessionStorage.__ctabid === chatTabId || (window.sessionStorage.__ctabid === "undefined" && !chatTabId) || (!window.sessionStorage.__ctabid && chatTabId === "undefined"))) {if(typeof EChat !== 'undefined'){ setTimeout(function(){ EChat.default.init({selector: "#eChat_B_GA",accessToken: "2c7f83c4-c06a-42d1-90fe-cdd22b87e159",botApiUrl: "https://ws.bell.ca",enBotApiPath: "/iva/en/web.io/?xt",frBotApiPath: "/iva/fr/web.io/?xt",accountName: "",bupAuthFlag: "false",currentPageCategory: "Mobility Shop",currentPageId: "B_SHP_EN_Mobility_Tablets",entryPoint:"eChat_B_GA",language: "en",nsiAuth: "",province: "on",bupAuthToken: "",host: "https://www.bell.ca/",localizationApiUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Common/localization/ResourceBundle?widget=eChat",tokenGenerateUrl: "https://www.bell.ca/ajax/GenerateToken/GetToken",logEventDetailsUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Tools/Utilities/LogEventDetails",vaChatHistoryUrl: "https://apigate.bell.ca/api/echat/v2/chathistory",assetsPath: "/styles/Custom/echat/assets/",mediaPath: "/styles/Custom/echat/audio/echat/",loginUrlEn: "https://mybell.bell.ca/login",loginUrlFr: "https://mybell.bell.ca/login",isBlueHorizoneOn: "True",brand: "B",entryPointList: "eChat_Bell_ContactUs_MOB,eChat_Bell_ContactUs_INT,eChat_Bell_ContactUs_TV,eChat_Bell_ContactUs_HP,eChat_Bell_MOB_Escalations,eChat_Bell_BRS_Escalations,eChat_Bell_EPP,eChat_MoreWaysTo_Shop,eChat_ReadyToOrder",hideGlobalAnchorChatIcon: "False",isChatOperational: "True",operationalHour: "{From:00:00,To:23:59,Day:thursday}",proactiveChatConnectionDelay: "30000",proactiveChatFlag: "True",subtleNotificationLifespan: "1200000",typingDelay: "2000",typingDetectInterval: "3000",typingIndicatorImageAltText: "Agent is typing Icon",typingIndicatorImageName: "step-tracker_loop.gif",chatExpiryDuration: "20",safariAutoSaveInterval: "20000",vaChatHistoryMaxMsg: "9999",mergeCookies: "true",agid: "",buid: "",botDirect: "false",enSocketUrl: "",frSocketUrl: "",socketPath: "",cookieDomain: ".bell.ca",}); }, 2000)} else { $.getScript("https://www.bell.ca/styles/Custom/echat/js/echat-component.js").done(function(script, textStatus){EChat.default.init({selector: "#eChat_B_GA",isBlueHorizoneOn: "True",accessToken: "2c7f83c4-c06a-42d1-90fe-cdd22b87e159",botApiUrl: "https://ws.bell.ca",enBotApiPath: "/iva/en/web.io/?xt",frBotApiPath: "/iva/fr/web.io/?xt",accountName: "",bupAuthFlag: "false",currentPageCategory: "Mobility Shop",currentPageId: "B_SHP_EN_Mobility_Tablets",entryPoint:"eChat_B_GA",language: "en",nsiAuth: "",province: "on",bupAuthToken: "",host: "https://www.bell.ca/",localizationApiUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Common/localization/ResourceBundle?widget=eChat",tokenGenerateUrl: "https://www.bell.ca/ajax/GenerateToken/GetToken",logEventDetailsUrl: "https://apigate.bell.ca/uxpcommon/UXP.Services/Tools/Utilities/LogEventDetails",vaChatHistoryUrl: "https://apigate.bell.ca/api/echat/v2/chathistory",assetsPath: "/styles/Custom/echat/assets/",mediaPath: "/styles/Custom/echat/audio/echat/",loginUrlEn: "https://mybell.bell.ca/login",loginUrlFr: "https://mybell.bell.ca/login",brand: "B",entryPointList: "eChat_Bell_ContactUs_MOB,eChat_Bell_ContactUs_INT,eChat_Bell_ContactUs_TV,eChat_Bell_ContactUs_HP,eChat_Bell_MOB_Escalations,eChat_Bell_BRS_Escalations,eChat_Bell_EPP,eChat_MoreWaysTo_Shop,eChat_ReadyToOrder",hideGlobalAnchorChatIcon: "False",isChatOperational: "True",operationalHour: "{From:00:00,To:23:59,Day:thursday}",proactiveChatConnectionDelay: "30000",proactiveChatFlag: "True",subtleNotificationLifespan: "1200000",typingDelay: "2000",typingDetectInterval: "3000",typingIndicatorImageAltText: "Agent is typing Icon",typingIndicatorImageName: "step-tracker_loop.gif",chatExpiryDuration: "20",safariAutoSaveInterval: "20000",vaChatHistoryMaxMsg: "9999",mergeCookies: "true",agid: "",buid: "",botDirect: "false",enSocketUrl: "",frSocketUrl: "",socketPath: "",cookieDomain: ".bell.ca",}); })}if (window.sessionStorage.__ctabid && window.sessionStorage.__ctabid !== "undefined") {window.tabId = window.sessionStorage.__ctabid; window.sessionStorage.removeItem("__ctabid");console.log("window.tabId: " + window.tabId);} else { window.tabId = Math.floor(Math.random() * 1000000); console.log("window.tabId: " + window.tabId); document.cookie = "__ctabid=" + window.tabId + ";domain=.bell.ca;secure=true; path=/; samesite=Lax ";}}});window.addEventListener('beforeunload', function(event) { document.cookie = "__ctabid=undefined;domain=.bell.ca;secure=true; path=/; samesite=Lax "; window.sessionStorage.removeItem("__ctabid");}); </script> <!-- Global Anchor Icon Start End --> <script> function getCookie(cookieName) { let cookie = {}; document.cookie.split(';').forEach(function (el) { var key = el.split('=')[0]; var value = el.substring(el.split("=")[0].length + 1); cookie[key.trim()] = value; }) return cookie[cookieName]; } // Omniture call for Echat. (function ($) { $(document).ready(function () { var newSessionOmniCall = false; var mergedCookies = "True" === "True"; if (!mergedCookies) document.cookie = "__eccomp" + "=;expires=" + new Date().toUTCString() + ";domain=" + ".bell.ca" + ";path=/"; setInterval(function () { try { var __cwi = mergedCookies ? readCookieContentById("__eccompslex", "__cwi") : getCookie("__cwi"); var __cvf = mergedCookies ? readCookieContentById("__eccomp", "__cvf") : getCookie("__cvf"); if (!newSessionOmniCall && __cwi === 'true' && __cvf === 'true') { newSessionPayloadCall('Mobility Shop', newSessionOmniCall, mergedCookies); newSessionOmniCall = true; } if (newSessionOmniCall && __cwi !== 'true') { newSessionOmniCall = false; } } catch (e) { } }, 2000); if ('False' == 'True') { echatPayloadCall('Mobility Shop', "BR", mergedCookies); } }); }(jQuery)); </script> <!-- SiteCatalyst code version: H.20.3. Copyright 1996-2010 Adobe, Inc. All Rights Reserved. More info available at http://www.omniture.com --> <script type="text/javascript"> var getCategory = function () { var locElem = document.querySelector('meta[name="NavUrl"]'); var loc = locElem ? locElem.content : null; switch (true) { case loc === '/Mobility/Smartphones_and_mobile_internet_devices': case loc === '/Mobility/Smartwatches': return "Phones"; case loc === '/Mobility/SIM-cards': return "Sim cards"; case loc === '/Mobility/Tablets': return "Tablets"; case loc === '/Mobility/Mobile-Internet-Devices-listing': return "Hubs and sticks"; default: return getCategoryFallBack(); } } var getName = function () { var tag = document.querySelector("input[name='hdOmnitureProductName']"); return tag ? tag.value : null; } var getSKU = function () { var tag = document.querySelector("input[name='hdOmnitureProductID']"); return tag ? tag.value : null; } var getCategoryFallBack = function () { var tag = document.querySelector("input[name='ProductCategory']"); var tagValue = tag ? tag.value : null; if (tagValue == null) { return null; } else { if (tagValue.includes("phones")) return "Phones"; } } var bannerID = ""; var cxpId = ""; var s_oCXP = ""; function loadMassBannerOmni() { try { var bannerIDMB = "MB:"; if (cxpId) bannerID = cxpId + ","; else if (window.location.href.toLowerCase().indexOf('logout') != -1 && $('#AdserveBanner #cxp-mybell-omniture').length) { s_oCXP = $("#AdserveBanner #cxp-mybell-omniture").data("omniS_ocxp"); bannerID = s_oCXP + ","; } $(".mb-omni-js").each(function () { var b_id = $(this).attr("id"); if (b_id && $(this).is(":visible") && $(this).find('a').length != 0) { bannerID = bannerID + bannerIDMB + b_id + ","; } }); var lastChar = bannerID.slice(-1); if (lastChar == ',') bannerID = bannerID.slice(0, -1); s_oCXP = bannerID; } catch{ } }; function loadSEOBannerOmni() { var seoBanner = ""; try { $(".seob-omni-js").each(function() { $(this).find('a.js-omni-seo').each(function() { var seoid = $(this).data('omni-seo-id'); if (seoid) seoBanner += "SEO:" + seoid + ","; }); }); if (seoBanner) { var lastChar = seoBanner.slice(-1); if (lastChar === ',') seoBanner = seoBanner.slice(0, -1); if (bannerID) bannerID += "," + seoBanner; else bannerID = seoBanner; } } catch (ex) { console.error(ex); } }; loadMassBannerOmni(); loadSEOBannerOmni(); orderId = ''; s_oPTE = true; s_oLNG = "en"; s_oPRV = "on"; s_oSIN = "-1914019293"; s_oLGS = false; s_oSID = "0242e33d-3a58-4218-8fd3-b958b21cf766"; s_oSID_OMN = "c757983d-15c9-4584-a1a0-546d0f997143"; s_oEID = ""; s_oSLOB = ""; s_oESTD = "2024-11-28"; s_oESTT = "22:18:30.596"; s_oLGSA = false; s_oLAB = ""; if ('False' == 'True' || 'False' == 'True') { s_oACT = ""; s_oMOT = ""; s_oBUP = "onebillMob4Svc"; s_oClientID = ""; s_oUVA = "User"; s_oTELF = "F581AC58315CD1F0E8AD14979EF27FA8"; } if (bannerID) s_oCXP = bannerID; if ('' != null && ''.toString() == "true") { //var s_oPRD = "[" + "{category:\"" + "" + "\",name:\"" + getName() + "\",sku:\"" + getSKU() + "\"" + "]" ; var s_oPRD = [{ category: "" + getCategory() + "", name: "" + getName() + "", sku: "" + getSKU() + "", quantity: "", legacysku: "" }]; console.log("Prd" + JSON.stringify(s_oPRD)); } s_oSS1 = 'Shop'; s_oSS2 = 'Mobile'; s_oSS3 = 'Devices:Tablets'; s_oPGN = 'Listing'; s_oDBAN = 'Default'; if ((s_oLGS == true || s_oLGS == "true") && s_oSS2.toLowerCase() == "mobile" && s_oSS3.toLowerCase().includes("devices")) { s_oCTP = "addline"; } setTimeout(function () { var bannerIDMB = "MB:"; $(".mb-omni-js").each(function () { var b_id = $(this).attr("id"); if (b_id && $(this).is(":visible")) { $("#" + b_id) ?.find('a').each(function () { $(this).addClass("mb-omni-link-js"); $(this).attr('data-omnimbid', bannerIDMB + b_id); }); } }); $(".mb-omni-link-js").on("click", function () { var omniMBID = $(this).data("omnimbid"); setTimeout(function () { s_oTrackPage({ 's_oAPT': '663-0-0', 's_oCXP': omniMBID }) }, 300); }); }, 2000); $("#AdserveBanner .js-omni-button").on("click", function (e) { var s_ocxpb = $(this).data("omniS_ocxpb"); if (s_ocxpb == undefined) { s_ocxpb = $(this).data("omnis_ocxpb"); } s_oTrackPage({ s_oAPT: "647-0-0", s_oCXPB: s_oCXP + ":" + s_ocxpb, s_oBTN: s_ocxpb }); }); </script> <script type="text/javascript"> function getCleanUrl(url) { if (url) { try { url = url.split(/[?#]/)[0]; } catch (e) { console.error("error while cleanning URL: ", e); } } return url; } window.addEventListener('load', function () { $.getScript("//static.cloud.coveo.com/coveo.analytics.js/2/coveoua.js") .done(function( script, textStatus ) { try { var cleanUrl = self.getCleanUrl(window.location.href); console.info("cleanUrl: " + cleanUrl); coveoua('init', 'xx7e3ef22b-c5e9-4fd4-8221-ba0c003e4b6c'); coveoua('send', 'pageview', { contentIdKey: '@clickableuri', contentIdValue: cleanUrl, contentType: 'Web Page', context_segment: 'consumer', context_language: 'en', context_province: 'ON' }); } catch (e) { console.error("Error reporting the pageview to Coveo UA: ", e); } }); }); </script> <script src="/styles/media/core/js/vendor/jquery.validate.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.11/jquery.validate.unobtrusive.min.js" type="text/javascript"></script> <script type="text/javascript"> var LOB = "Mobility"; </script> <script src="/Styles/media/core/js/brfcore-bottom.js?v=WHaqVVLOXIwoRLpzF5YFDaJ5t9kM5vMpYukB4bdxzu01"></script> <script src="/styles/media/mobility.js?v=sT5_7e4Eg-ktNjjiPEsd9_MxTiKd7rc_ItnC1VGCD3c1"></script> <style> .fullwidth-video { height: auto; overflow: hidden; } .fullwidth-video video { height:auto; } .iframe-youtube{ width:100%; height:400px; border:0; display:none; } </style> <!-- Video Modal window --> <div id="video-player-modal" class="modal fade" role="dialog" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="video-title"> <div class="modal-dialog" style="top:0px"> <div class="modal-content"> <div class="modal-header"> <div class="small-title pad-r-15"> <span id="video-title"></span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="close"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="bgBlack fullwidth-video"> <video id="tvonline" width="100%" height="100%" controls style="display:none" aria-hidden="true"> <source src="" type="video/mp4"> <object aria-label="Browser not supported"> <embed src="" allowfullscreen="true" alt="Browser not supported" aria-label="Browser not supported" allowscriptaccess="sameDomain" /> </object> <span id="browser-not-supported">Your browser does not support HTML5 video.</span> </video> <iframe id="youtube" src="" class="iframe-youtube" title="YouTube" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> </div> </div> <div id="tooltipModalMobile1" class="modal modal-tooltip modal-tooltip-channel" role="dialog" secondary-modal="" aria-label="Details" tabindex="-1"> <div class="tooltip-dialog"> <div class="modal-content box-shadow-round"> <div class=""> <button id="closebtn_firstfocus" type="button" class="close" data-dismiss="modal" aria-label="close" tabindex="0"><span class="icon icon-close txtBlue txtSize12 font-weight-bold" aria-hidden="true"></span></button> </div> <div class="modal-body margin-neg-20-t txtLeft pad-h-30"> <div class="subtitle-2 margin-b-10 modal-tooltip-title" tooltip-title=""></div> <p class="no-margin modal-tooltip-description" tooltip-content=""></p> </div> </div> </div> </div> <script> $('#tooltipModalMobile1').on('shown.bs.modal', function () { $("#closebtn_firstfocus").focus(); }); $("#tooltipModalMobile1").keydown(function (e) { if (e.keyCode == 38 || e.keyCode == 40) { e.preventDefault(); } }); function fixDuplicateID(ids) { if (window.location.href.toLowerCase().includes('/bell-bundles') || window.location.href.toLowerCase().includes('bell.ca/smart-home') || window.location.href.toLowerCase().includes('bell.ca/maison-intelligente') || window.location.href.toLowerCase().includes('bell.ca/fibe-tv/promotions/4k-receiver') || window.location.href.toLowerCase().includes('bell.ca/tele-fibe/promotions/recepteur-4k') || window.location.href.toLowerCase().includes('bell.ca/security_and_privacy/commitment_to_privacy') || window.location.href.toLowerCase().includes('bell.ca/securite_et_confidentialite/engagement_envers_la_confidentialite') || window.location.href.toLowerCase().includes('/home_phone') || window.location.href.toLowerCase().includes('bell.ca/telephonie')) { ids.forEach(function (value, index) { const duplicateID = $('[id=' + value + ']'); if (duplicateID.length < 2) return; duplicateID.each(function (index) { const currentID = $(this).attr('id'); $(this).attr('id', currentID + '-' + index); }); }); } } //Accessibility for img w/out alt attr $(window).on('load', function () { setTimeout(function () { fixDuplicateID(['Layer_1', 'aliant_fibe_bundle_link']); fixDuplicateID(['fourKtv']); fixDuplicateID(['get_a_free_quoteAF_link_top_aliant','get_a_free_quoteAF_Aliant']); $.each($('img[height="1"][width="1"]'), function (key, value) { if (!value.hasAttribute('alt')) { $(value).attr('alt', ''); } }); }, 3000); }); </script> <div id="Express-Delivery-LB" class="modal fade scrollable-body" role="dialog" aria-modal="true" tabindex="-1" data-backdrop="true" data-keyboard="true" aria-labelledby="modal-item-unavailable"> <div class="modal-dialog" role="document"> <div class="modal-content borderRadiusAll10 overflowHidden no-border-bottom-radius-xs"> <div class="modal-header focus_outline_gray"> <h2 id="modal-item-unavailable" class="small-title pad-r-xs-60"> Shipping options </h2> <button type="button" class="close" data-dismiss="modal" aria-label="close" id="ED_ShippingOptionsCloseButton"><span class="icon icon-close txtBlue txtSize20"></span></button> </div> <div class="modal-body no-pad" tabindex="0"> <div class="pad-h-xs-15 pad-h-30"> <h3 class="subtitle-2 margin-b-10">Get your order in as little as 2 hours</h3> <p class="margin-b-30"></p> <div class="d-sm-flex" role="list"> <div class="col-sm-4 no-borders-xs border-lightGray-right pad-h-xs-0 pad-r-30 d-flex d-sm-block margin-b-30" role="listitem"> <span class="icon icon-solutionB icon-expressD icon-ISPU txtSize16 txtBlue margin-r-xs-15 margin-r-0 dimension-25-xs" aria-hidden="true"></span> <div> <p class="surtitle-black margin-b-5 margin-t-xs-0 margin-t-15"> In-Store Pick-Up </p> <p class="margin-b-5"> Pick up your order at a store near you in as little as 2 hours.</p> <span class="surtitle color-bell-blue">$0.00</span> </div> </div> <div class="col-sm-4 no-borders-xs border-lightGray-right pad-h-xs-0 pad-h-30 d-flex d-sm-block margin-b-30" role="listitem"> <span class="icon icon-solutionB icon-expressD icon-express_shipping txtSize16 txtBlue margin-r-xs-15 margin-r-0 dimension-25-xs" aria-hidden="true"></span> <div> <p class="surtitle-black margin-b-5 margin-t-xs-0 margin-t-15"> Same-Day/Next-Day Delivery </p> <p class="margin-b-5">At your door the same day or next day.</p> <span class="surtitle color-bell-blue">$15.00</span> </div> </div> <div class="col-sm-4 pad-h-xs-0 pad-h-30 d-flex d-sm-block margin-b-30" role="listitem"> <span class="icon icon-solutionB icon-expressD icon-shipping txtSize16 txtBlue margin-r-xs-15 margin-r-0 dimension-25-xs" aria-hidden="true"></span> <div> <p class="surtitle-black margin-b-5 margin-t-xs-0 margin-t-15"> Standard shipping </p> <p class="margin-b-5">At your door within 2–5 business days.</p> <span class="surtitle color-bell-blue">$0.00</span> </div> </div> </div> <p class="margin-b-10 font-weight-bold">Select your preferred shipping option at checkout. </p> <p class="no-margin small-text"><span class="sr-only">(Note:) </span><span aria-hidden="true">*</span>Shipping options are subject to eligibility and stock availability of all items in your cart.</p> </div> </div> </div> </div> </div> <!-- END modal-start-over --> <script> $(document).on('click', '#ED_ShippingOptionsCloseButton', function (e) { var express_Delivery_LB = document.getElementById('Express-Delivery-LB'); var checkDisplayBlock = setInterval(() => { if (express_Delivery_LB && express_Delivery_LB.style.display !== "block") { var express_Delivery_learnMore = document.getElementById('express_Delivery_learnMore') if (express_Delivery_learnMore) { express_Delivery_learnMore.focus(); clearInterval(checkDisplayBlock) } } }, 500) }); </script> <script language="JavaScript"> var zcity = 'e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855'; function createEventData(eventName, eventId) { return { 'data': [ { 'event_name': eventName, 'event_time': Math.floor(Date.now() / 1000), 'event_id': createUniqueEventId(eventId), 'action_source': 'website', 'event_source_url': window.location.href.replace(/[^a-zA-Z0-9/\-\_\:\.]/ig, ''), 'user_data': { 'country': [ "6959097001d10501ac7d54c0bdb8db61420f658f2922cc26e46d536119a31126" ], 'ct': zcity, 'client_user_agent': navigator.userAgent, 'client_ip_address': '8.222.208.146', 'fbc': getFbClientId(), 'fbp': getFbBrowserId() }, 'custom_data': { 'value': 0, 'currency': 'CAD', 'content_type': 'product', 'content_ids': '201' } } ] }; } function getFbBrowserId() { let result = /_fbc=(fb\.1\.\d+\.\d+)/.exec(window.document.cookie); if (!(result && result[1])) { return null; } return result[1]; } function getFbClientId() { let result = /_fbp=(fb\.1\.\d+\.\d+)/.exec(window.document.cookie); if (!(result && result[1])) { return null; } return result[1]; } function createUniqueEventId(prefix) { let dateString = Date.now().toString(36), randomness = Math.random().toString(36).substr(2), eventId = prefix + dateString + randomness, inputHidden = '<input type="hidden" id="' + prefix + '" value="' + eventId + '">', input = jQuery('#' + prefix); if (input.length > 0) { input.val(eventId) } else { jQuery('body').append(inputHidden); } return eventId; } function TrackSmartHomePackagesSubmissionEvent(form) { let hiddenSmartHomeInput = form.find('#SmartHomeProduct'); let isSmartHomeProduct = hiddenSmartHomeInput.length > 0 && hiddenSmartHomeInput[0].value; if (isSmartHomeProduct) { SendConversionEvent(createEventData('BRS_SH_RaCB', '3bshracb')); } } function TrackSmartHomeDevicesSubmissionEvent() { SendConversionEvent(createEventData('BRS_SH_RaCB', '3bshracb')); } function TrackSubmittedChatMessage() { let eventOption = window.location.pathname.toLowerCase().startsWith('/mobility') || window.location.pathname.toLowerCase().startsWith('/mobilite') ? { eventName: 'MOB_eChat Submit_Counter', eventId: '9mobechat' } : { eventName: 'BRS_eChat', eventId: '1brsechat' }; SendConversionEvent(createEventData(eventOption.eventName, eventOption.eventId)); } function TrackEShopConfirmationStep4() { SendConversionEvent(createEventData('BRS_eShop', '2brseshop')); } function TrackProductEvent() { SendConversionEvent(createEventData('ViewContent', '8mobdevplnvc')); } function SendConversionEvent(eventData) { jQuery.ajax({ headers: { 'X-Content-Type-Options': 'nosniff' }, type: "POST", url: '/ajax/FacebookConversion/TrackEvent', data: JSON.stringify(eventData) }); } // Track second message from agent in chats// function setUpChatObserver() { let body = document.body || document.documentElement; let config = { attributes: false, childList: true, subtree: true }; let callback = function (mutationList, observer) { for (let mutation of mutationList) { for (let addedNode of mutation.addedNodes) { checkForSecondAgentMsg(addedNode); } } }; let observer = new MutationObserver(callback); observer.observe(body, config); } function checkForSecondAgentMsg(node) { if ((isSecondMessageFromBRSCentralEChat(node) || isSecondMessageFromAliantEChat(node) || isSecondMessageNewEChat(node)) && isNotRecreatedComment(node)) { localStorage.setItem('eChatComment', getHashedUrlJoinedWithComment(node)); TrackSubmittedChatMessage(); } } function isNotRecreatedComment(node) { let theLastEChatComment = localStorage.getItem('eChatComment'); return !(theLastEChatComment === getHashedUrlJoinedWithComment(node)); } function getHashedUrlJoinedWithComment(node) { let url = window.location.href.split('?')[0]; let comment = node.innerText; return hashCode(url + comment).toString(); } function hashCode(str) { return str.split('').reduce((prevHash, currVal) => (((prevHash << 5) - prevHash) + currVal.charCodeAt(0))|0, 0); } function isSecondMessageNewEChat(node) { return jQuery(node).length === 1 && jQuery(node)[0].className === 'client' && jQuery(node).siblings('.client').length === 0; } function isSecondMessageFromBRSCentralEChat(node) { return jQuery(node).find('.first_in_group.tcChat_agentLine').length > 0 && jQuery('.agentMsg').length == 2 && jQuery(node).find('td').last().find('.agentMsg').length > 0; } function isSecondMessageFromAliantEChat(node) { return jQuery(node).find('#message-2').length > 0 && jQuery('#message-2').parents('#msg_container').length > 0; } function isAliantEChatOpened(node) { return jQuery(node).find('#egain-chat-iframe').length > 0; } jQuery(document).ready(function () { setUpChatObserver(); }); </script> </body> </html>