Beats Academy

<!doctype html> <meta charset="utf-8"/> <html class=" " lang="en-US"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Beats Academy</title> <link rel="icon" href="/assets/resources/images/beats_logo.png"/> <link rel="apple-touch-icon" href="/assets/resources/images/beats_logo.png"/> <meta name="google-site-verification" content="mHFbKuknAMAodbNS_O9wxS4TJxU8ezn6yKmxE5-iTqo"/> <meta name="theme-color" content="#ffffff"/>  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"/> <meta name="theme-color" content="#161616" media="(prefers-color-scheme: dark)"/> <script> function handleFontAwesomeError() { let faCss = document.createElement("link"); faCss.rel = "stylesheet"; faCss.type = "text/css"; faCss.href = "/etc.clientlibs/beats/clientlibs/site/fontAwesome.css"; document.head.appendChild(faCss); } </script> <script src="https://kit.fontawesome.com/0b8e87e866.js" onerror="handleFontAwesomeError()" crossorigin="anonymous"></script> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.beatsbydre.com/company/beats-academy"/> <meta property="og:image" content="https://www.beatsbydre.com/content/dam/beats/web/seo/beats_seo_card_1200x630-3.jpg"/> <meta property="og:title" content="Beats Academy"/> <meta property="og:description"/> <meta property="og:locale" content="en_US"/> <meta property="og:site_name" content="Beats By Dre"/> <meta property="twitter:card" content="summary_large_image"/> <meta property="twitter:site" content="@beatsbydre"/> <meta name="robots" content="follow,index"/> <meta name="referrer" content="no-referrer-when-downgrade"/> <link rel="canonical" href="https://www.beatsbydre.com/company/beats-academy"/> <link rel="alternate" href="https://www.beatsbydre.com/company/beats-academy" hreflang="en-US"/> <script type="application/ld+json"> { "@context": "http://schema.org", "@id": "https://www.beatsbydre.com/#organization", "@type": "Organization", "name": "Beats by Dre", "url": "https://www.beatsbydre.com/", "logo": "https://www.beatsbydre.com/content/dam/beats/global/logo.svg", "contactPoint": [ { "@type": "ContactPoint", "telephone": "+1-800-442-4000", "contactType": "customer service", "areaServed": [ "US" ] } ], "sameAs": [ "http://www.wikidata.org/entity/Q1961036", "https://www.youtube.com/user/Officialbeatsbydrdre", "https://twitter.com/beatsbydre", "https://www.facebook.com/beatsbydre/", "https://www.linkedin.com/company/beats-by-dr.-dre", "https://www.instagram.com/beatsbydre/" ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type":"ListItem","position":1,"name":"Beats by Dre","item":"https://www.beatsbydre.com/"},{"@type":"ListItem","position":2,"name":"Beats Academy","item":"https://www.beatsbydre.com/company/beats-academy"}] } </script> <link rel="preload" href="https://use.typekit.net/af/7d4af5/0000000000000000000178a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/cde90e/0000000000000000000178a6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" type="font/woff" crossorigin/> <link rel="preload" href="https://use.typekit.net/af/d7bb7b/0000000000000000000178a7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3" as="font" type="font/woff" crossorigin/> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats_support/clientlibs/base.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/site/featurePage.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/beats/clientlibs/overwrites/global.min.css" type="text/css"> <style type="text/css" id="page-background"> :root { --page-background: #161616; } </style> <script> window.adobeDataLayer = window.adobeDataLayer || [] ; </script>  <script> (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)}},f)})(window,document,"body {opacity: 0 !important}",3E3); </script> <script> window.digitalData= {"pageInfo":{"pageName":"beatsbydre:en:Beats Academy"}}; </script> <script src="/etc.clientlibs/beats/clientlibs/analytics-prod/resources/2f3b56537a5a/a62218abd162/launch-30681266d3ea.js" async></script> <noscript> <style type="text/css"> [data-skrollex] { opacity:1 !important; } .invisible { visibility: visible !important; } </style> </noscript> </head> <body class="no-js styles-loaded"> <div id="main"> <div class="pdp-header-section"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="navigationV2"> <section class="main-header" data-analytics-module="primary-nav" data-analytics-region="global-navigation"> <div class="main-header__container"> <header class="main-header__content"> <nav role="navigation" aria-label="navigation" class="main-nav"> <button aria-haspopup="true" aria-expanded="false" aria-controls="mobile-nav" aria-label="menu" class="hamburger hide-md hide-lg-up " data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Hamburger Menu - Close"> <span class="hamburger__top"></span> <span class="hamburger__middle"></span> <span class="hamburger__bottom"></span> </button> <ul id="mobile-nav" role="list" aria-label="Global" class="main-nav__mobile"> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Mobile)" class="nav-link" href="/products">Shop</a> </li> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Gift Guide (Mobile)" class="nav-link" href="/promotions"><span style="color: rgb(227,24,55);">Gift Guide <i class="fa-sharp fa-regular fa-gifts"></i></span></a> </li> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Collaborations (Mobile)" class="nav-link" href="/collaborations">Collaborations</a> </li> <li role="presentation" class="main-nav__item main-nav__item--link"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Mobile)" class="nav-link" href="/support">Support</a> </li> <li role="presentation" class="main-nav__item">  <div class="featureMenuCard"> <style> .mobile-tile, .mobile-tile:hover, .mobile-tile:visited { background: #D9D9D2; color: #161616 !important; } .mobile-tile .eyebrow{ color: #161616 } </style> <a data-analytics-click data-analytics-module="feature-menu-card" data-analytics-region="Solo 4" data-analytics-link-type="siteClick" data-analytics-label="Shop Solo 4" class="mobile-tile" href="/headphones/solo4-wireless"> <img src="/content/dam/beats/web/home/mobile-nav-card/solo4-mobile-nav.jpg" alt="Beats Solo 4 headphones shown in Slate Blue, Cloud Pink and Matte Black"/> <div class="mobile-tile__content"> <h3 class="headline-4"> Beats Solo 4 </h3> <div class="body-small"> The original go-to headphone for active music lovers is back — and better than ever. </div> <strong class="mobile-tile__content__cta"> SHOP <i class="fa fa-solid fa-chevron-right"></i> </strong> </div> </a></div> </li> </ul> <div class="main-nav__logo"> <a data-analytics-click data-resp-exclude data-analytics-link-type="siteClick" data-analytics-label="Beats Logo" class="beats-logo header-icon" aria-label="Beats by Dre Homepage" href="/"> <img data-resp-exclude src="/content/dam/beats/global/logos/beats-logo-161616.png" aria-hidden="true" alt="Beats Logo"/> </a> </div> <ul role="presentation" class="main-nav__list"> <li role="presentation" class="main-nav__item hide-sm"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Shop (Desktop)" class="nav-link" href="/products">Shop</a> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Gift Guide (Desktop)" class="nav-link" href="/promotions"><span style="color: rgb(227,24,55);">Gift Guide <i class="fa-sharp fa-regular fa-gifts"></i></span></a> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Support (Desktop)" class="nav-link" href="/support">Support</a> </li> </ul> <div class="main-nav__search"> <button class="search__trigger__external" type="button" aria-label="Search" aria-haspopup="true"> <i class="fa-sharp fa-solid fa-magnifying-glass"></i> </button> </div> </nav> </header> <div id="search-el" data-trigger-visible="false"></div> </div> <div class="header-spacer" aria-hidden="true"></div> </section> <div> </div> </div> <div class="ghost"> </div> </div> </div> <div id="maincontent" role="main"> <div class="bs3" style="overflow: visible;"> <div id="bs3-pdp"> <div><div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-396048fa-5122-3b8e-89c2-aad3056d9af8 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-396048fa-5122-3b8e-89c2-aad3056d9af8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-396048fa-5122-3b8e-89c2-aad3056d9af8 .outer-container { width: 100%; max-width: 1440px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-396048fa-5122-3b8e-89c2-aad3056d9af8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-396048fa-5122-3b8e-89c2-aad3056d9af8 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-396048fa-5122-3b8e-89c2-aad3056d9af8:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-396048fa-5122-3b8e-89c2-aad3056d9af8 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-396048fa-5122-3b8e-89c2-aad3056d9af8" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-6c432b37-3e63-3bee-afa9-d514e2c1ab78 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/beats-academy/hero-team.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/beats-academy/hero-team.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/beats-academy/hero-team.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/beats-academy/hero-team.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/beats-academy/hero-team.jpg.large.2x.jpg 2x" alt="Beats Academy logo on hero banner featuring Beats Academy team photo" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after, .btn-light.btn1-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } a.btn-light.btn1-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after, .btn-light.btn2-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } a.btn-light.btn2-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after, .btn-light.btn1-tablet-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } a.btn-light.btn1-tablet-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after, .btn-light.btn2-tablet-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } a.btn-light.btn2-tablet-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after, .btn-light.btn1-mobile-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } a.btn-light.btn1-mobile-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after, .btn-light.btn2-mobile-bg-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } a.btn-light.btn2-mobile-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:after, a.btn-light.btn2-mobile-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-b2fdf53e-7da3-32da-9e89-e4bbb3e284ce{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-ff361729-5e5f-3172-a99b-f42c7376888f { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-ff361729-5e5f-3172-a99b-f42c7376888f:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ff361729-5e5f-3172-a99b-f42c7376888f .outer-container { width: 82.223%; max-width: 1184px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-ff361729-5e5f-3172-a99b-f42c7376888f:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ff361729-5e5f-3172-a99b-f42c7376888f .outer-container { width: 83%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-ff361729-5e5f-3172-a99b-f42c7376888f:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-ff361729-5e5f-3172-a99b-f42c7376888f .outer-container { width: 83%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-ff361729-5e5f-3172-a99b-f42c7376888f" data-desktop-bg-color="transparent" id="iconic-sound"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-8628a49c-7a0e-3711-99a6-a2c471f0583f { padding-top: 88px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-8628a49c-7a0e-3711-99a6-a2c471f0583f { padding-top: 40px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-8628a49c-7a0e-3711-99a6-a2c471f0583f { padding-top: 28px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-8628a49c-7a0e-3711-99a6-a2c471f0583f"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-6 column-gap-md-0 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_a3936be9-fa0e-349f-94e1-d1c79ba559d0_0" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_3106ea87-76e8-3126-a56b-6342ec56da2a" class="column-item v-align-lg-top v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-c73a41f2-7a2a-3a4d-a4ff-681084011003 "> <p class="headline-2" style="color: #fff; text-transform: uppercase; font-weight: 900;">An outlet for aspiring creators to flex their creative superpowers.</p> </div> </section> </div> </div> </div> <div id="columnContainer_a3936be9-fa0e-349f-94e1-d1c79ba559d0_1" class="sm-12 md-12 lg-6 "> <div id="columnWrapper_ca9eb23d-d977-3abc-af2e-23f1356b4ac7" class="column-item v-align-lg-bottom v-align-md-top v-align-sm-top h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-09c27daa-9d01-35ef-a095-de6ae9199ae8 "> <div class="body-large" style="color: #fff;"> <p>Beats Academy is a global initiative looking for the next generation of creative talent—from Los Angeles to London.</p> <p>Designed to give aspiring creatives hands-on experience. A peek behind the scenes of a career at Beats. To connect them with decision makers and other creatives. Because experience is so much more than a bullet point on a resume. It’s everything.</p> <p>We can’t wait to see what magic you make.</p> </div> </div> </section> </div> </div> </div> </div></div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-19fd2438-6116-3a18-b6d3-dc17f28c45ba { padding-top: 95px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-19fd2438-6116-3a18-b6d3-dc17f28c45ba { padding-top: 48px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-19fd2438-6116-3a18-b6d3-dc17f28c45ba { padding-top: 67px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-19fd2438-6116-3a18-b6d3-dc17f28c45ba"></section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-13328924-9b7c-3503-a943-c587496d4989 { background: transparent; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-13328924-9b7c-3503-a943-c587496d4989:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-13328924-9b7c-3503-a943-c587496d4989 .outer-container { width: 82.223%; max-width: 1184px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-13328924-9b7c-3503-a943-c587496d4989:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-13328924-9b7c-3503-a943-c587496d4989 .outer-container { width: 81.92%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-13328924-9b7c-3503-a943-c587496d4989:not(.bg-color-match-enabled) { background: transparent; } .bbd-full-width-container.id-13328924-9b7c-3503-a943-c587496d4989 .outer-container { width: 81.92%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-13328924-9b7c-3503-a943-c587496d4989" data-desktop-bg-color="transparent"> <div class="outer-container"> <div class="content-container"> <div><div class="mediaCarousel section"> <style type="text/css"> @media screen and (max-width: 767px) { .media-carousel.media-carousel-bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23 .dots .dot.active { } .media-carousel.media-carousel-bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23 .dots .dot:not(.active) { } } .media-carousel.media-carousel-bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23 .media-carousel__control:not(:disabled) i { } @media (hover: hover) and (pointer: fine) { .media-carousel.media-carousel-bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23 .dot:hover:before { } } @media screen and (min-width: 768px) { .media-carousel.media-carousel-bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23 ul.dots .dot.active:before { } } .media-carousel.media-carousel-bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23 .media-carousel__control:disabled i { } @media screen and (min-width: 768px) { .media-carousel.media-carousel-bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23 .media-carousel__navigation__container { } } </style> <div class="bbd-component media-carousel media-carousel-bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23" data-analytics-scroll> <div class="media-carousel__navigation__container"> <nav class="media-carousel__navigation" aria-label="Media Carousel"> <button class="media-carousel__control media-carousel__control--previous" disabled type="button" aria-label="Previous Options" aria-hidden="true"> <i class="fa fa-chevron-left notranslate"></i> </button> <ul class="dots" role="tablist"> <li role="tab" class="dot" data-index="0" tabindex="0" aria-labelledby="bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23_0"> <img src="/content/dam/beats/web/beats-academy/recap-video-still.jpg" alt=""/> <i class="dot__play fa fa-play-circle notranslate "></i> <p class="dot__title"> <span class="dot__title__text" id="bf67909f-51f1-3ff6-bcb7-85ad3cfc6e23_0"> <span class="dot__title__text__bg"> Class of 2023</span> </span> </p> </li> </ul> <button class="media-carousel__control media-carousel__control--next" type="button" aria-label="Next Options" aria-hidden="true"> <i class="fa fa-chevron-right notranslate"></i> </button> </nav> </div> <div class="media-carousel__main" aria-label="Media Carousel"> <div class="media-carousel__container"> <div class="media-carousel__items"> <div class="media-carousel__item" role="tabpanel" data-analytics-item="Slide 1" aria-label="Slide 1, slide 1 of 1" aria-roledescription="slide"> <button type="button" aria-label="Play video - Slide 1, slide 1 of 1" class="media-carousel__item__inner ctaPlayBack" tabindex="0" data-video-type="user-playback" data-btn-color="btn-color-light" data-fallback-image-src="/content/dam/beats/web/beats-academy/recap-video-still.jpg" data-image-file-extension=".jpg" data-analytics-video data-analytics-label="Beats Academy 2023 alumni" data-last-frame="last-frame" data-video-src="/content/dam/beats/web/beats-academy/beats-academy-recap-2023.mp4" data-transparent="false"> <picture> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/beats-academy/recap-video-still.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/beats-academy/recap-video-still.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/beats-academy/recap-video-still.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image" data-lazy="" data-src="/content/dam/beats/web/beats-academy/recap-video-still.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/beats-academy/recap-video-still.jpg.large.2x.jpg 2x" aria-hidden="true"/> </picture> <div class="video__play" data-btn-color="btn-color-light"> </div> <p class="media-carousel__item__text"> <span> Class of 2023</span> </p> <beats-video-track tabindex="-1" aria-hidden="true" auto-enable-caption="false" caption-lang-code="en" caption-label="English" transcript-label="Download transcript"/> </button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="ghost section"> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-f7dc677b-c795-3d10-88f1-8a6d1441d445 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f7dc677b-c795-3d10-88f1-8a6d1441d445:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-f7dc677b-c795-3d10-88f1-8a6d1441d445 .outer-container { width: 90.223%; max-width: 1300px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f7dc677b-c795-3d10-88f1-8a6d1441d445:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-f7dc677b-c795-3d10-88f1-8a6d1441d445 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f7dc677b-c795-3d10-88f1-8a6d1441d445:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-f7dc677b-c795-3d10-88f1-8a6d1441d445 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f7dc677b-c795-3d10-88f1-8a6d1441d445" data-desktop-bg-color="#161616" id="active-noise-cancelling"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-0b889c33-d6e9-3a90-8ca0-7a53abdb20b0 { padding-top: 108px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-0b889c33-d6e9-3a90-8ca0-7a53abdb20b0 { padding-top: 66px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-0b889c33-d6e9-3a90-8ca0-7a53abdb20b0 { padding-top: 52px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-0b889c33-d6e9-3a90-8ca0-7a53abdb20b0"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-img-text-component.id-a4f19906-e8d5-3358-aa46-457eadff3976 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 57%; max-width: 57%; } .bbd-img-text-component.id-a4f19906-e8d5-3358-aa46-457eadff3976 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } .bbd-img-text-component.id-a4f19906-e8d5-3358-aa46-457eadff3976 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { padding: 0 48px 0 0; } .bbd-img-text-component.id-a4f19906-e8d5-3358-aa46-457eadff3976 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { } } @media screen and (min-width: 1024px) { .bbd-img-text-component.id-a4f19906-e8d5-3358-aa46-457eadff3976 .desktop-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { padding: 0 58px 0 56px; } .bbd-img-text-component.id-a4f19906-e8d5-3358-aa46-457eadff3976 .desktop-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { } /* styles to set custom maxWidth for text */ /* style for 1X Config */ .bbd-img-text-component.id-a4f19906-e8d5-3358-aa46-457eadff3976 .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 57%; max-width: 57%; } .bbd-img-text-component.id-a4f19906-e8d5-3358-aa46-457eadff3976 .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-a4f19906-e8d5-3358-aa46-457eadff3976 .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } </style> <section class="bbd-component bbd-img-text-component id-a4f19906-e8d5-3358-aa46-457eadff3976" data-analytics-scroll data-analytics-module="media_and_text" data-analytics-region="active_noise_cancelling"> <div class="content-wrapper mobile-column-reverse desktop-side-by-side-config-1x tablet-column-reverse"> <section class="bbd-1X-image " data-bbd-anim-target="true"> <div class="content-column"> <div class="lg-6 md-12 sm-12 bbd-1X-image-text-column align-self--center "> <div class="bbd-1X-image-text-block"> <div class="show-desktop"> <div style="color: #fff;"> <h2 style="text-transform: uppercase;"><span class="headline-2" style="font-weight: 900;">Los Angeles</span></h2> <div class="body-large"> <p><span style="font-weight: 700;">Beats Academy LA</span> is an 8-week paid program designed for aspiring creators.</p> <p>Based in <span style="font-weight: 700;">Los Angeles</span>, the program offers college students in 2 and 4-year programs (including students in graduate and technical school programs) a unique opportunity to create social media content featuring Beats' college athlete ambassadors. As part of a program built around community and artistry, our creators will gain exposure to the tech and advertising industry while learning from top creative marketing professionals.</p> </div> </div> </div> <div class="show-tablet"><div style="color: #fff;"> <h2 style="text-transform: uppercase;"><span class="headline-2" style="font-weight: 900;">Los Angeles</span></h2> <div class="body-large"> <p><span style="font-weight: 700;">Beats Academy LA</span> is an 8-week paid program designed for aspiring creators.</p> <p>Based in <span style="font-weight: 700;">Los Angeles</span>, the program offers college students in 2 and 4-year programs (including students in graduate and technical school programs) a unique opportunity to create social media content featuring Beats' college athlete ambassadors. As part of a program built around community and artistry, our creators will gain exposure to the tech and advertising industry while learning from top creative marketing professionals.</p> </div> </div></div> <div class="show-mobile"><div style="color: #fff;"> <h2 style="text-transform: uppercase;"><span class="headline-2" style="font-weight: 900;">Los Angeles</span></h2> <div class="body-large"> <p><span style="font-weight: 700;">Beats Academy LA</span> is an 8-week paid program designed for aspiring creators.</p> <p>Based in <span style="font-weight: 700;">Los Angeles</span>, the program offers college students in 2 and 4-year programs (including students in graduate and technical school programs) a unique opportunity to create social media content featuring Beats' college athlete ambassadors. As part of a program built around community and artistry, our creators will gain exposure to the tech and advertising industry while learning from top creative marketing professionals.</p> </div> </div></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after, .btn-light.btn1-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } a.btn-light.btn1-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after, .btn-light.btn2-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } a.btn-light.btn2-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after, .btn-light.btn1-tablet-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } a.btn-light.btn1-tablet-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after, .btn-light.btn2-tablet-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } a.btn-light.btn2-tablet-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after, .btn-light.btn1-mobile-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } a.btn-light.btn1-mobile-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after, .btn-light.btn2-mobile-bg-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } a.btn-light.btn2-mobile-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:after, a.btn-light.btn2-mobile-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-67a513be-8dc6-3bc0-bf6c-129768b0d5ec:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-67a513be-8dc6-3bc0-bf6c-129768b0d5ec{ color: ; } } </style> </div> </div> <div class="lg-6 md-12 sm-12 bbd-1X-image-picture-block "> <div class="pyt-target"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/beats-academy/image-01.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/beats-academy/image-01.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/beats-academy/image-01.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/beats-academy/image-01.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/beats-academy/image-01.jpg.large.2x.jpg 2x" alt="picture of 2 Beats Academy creators"/> </picture> </div> </div> </div> </section> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-0f3eb3cf-5c00-3c1b-9200-8577942f15e5 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-0f3eb3cf-5c00-3c1b-9200-8577942f15e5:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-0f3eb3cf-5c00-3c1b-9200-8577942f15e5 .outer-container { width: 90.223%; max-width: 1300px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-0f3eb3cf-5c00-3c1b-9200-8577942f15e5:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-0f3eb3cf-5c00-3c1b-9200-8577942f15e5 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-0f3eb3cf-5c00-3c1b-9200-8577942f15e5:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-0f3eb3cf-5c00-3c1b-9200-8577942f15e5 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-0f3eb3cf-5c00-3c1b-9200-8577942f15e5" data-desktop-bg-color="#161616" id="transparency-mode"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-24436f58-b4b3-3199-bb1f-a7e1dcb912bd { padding-top: 135px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-24436f58-b4b3-3199-bb1f-a7e1dcb912bd { padding-top: 70px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-24436f58-b4b3-3199-bb1f-a7e1dcb912bd { padding-top: 70px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-24436f58-b4b3-3199-bb1f-a7e1dcb912bd"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-img-text-component.id-3fffec65-7f4d-31db-bb6f-e0ad00220f13 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 57%; max-width: 57%; } .bbd-img-text-component.id-3fffec65-7f4d-31db-bb6f-e0ad00220f13 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } .bbd-img-text-component.id-3fffec65-7f4d-31db-bb6f-e0ad00220f13 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { padding: 2%; } .bbd-img-text-component.id-3fffec65-7f4d-31db-bb6f-e0ad00220f13 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { } } @media screen and (min-width: 1024px) { .bbd-img-text-component.id-3fffec65-7f4d-31db-bb6f-e0ad00220f13 .desktop-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { padding: 0 56px 0 58px; } .bbd-img-text-component.id-3fffec65-7f4d-31db-bb6f-e0ad00220f13 .desktop-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { } /* styles to set custom maxWidth for text */ /* style for 1X Config */ .bbd-img-text-component.id-3fffec65-7f4d-31db-bb6f-e0ad00220f13 .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 57%; max-width: 57%; } .bbd-img-text-component.id-3fffec65-7f4d-31db-bb6f-e0ad00220f13 .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-3fffec65-7f4d-31db-bb6f-e0ad00220f13 .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } </style> <section class="bbd-component bbd-1X-flip bbd-img-text-component id-3fffec65-7f4d-31db-bb6f-e0ad00220f13" data-analytics-scroll data-analytics-module="media_and_text" data-analytics-region="transparency_mode"> <div class="content-wrapper mobile-column-reverse desktop-side-by-side-config-1x tablet-column-reverse"> <section class="bbd-1X-image bbd-1X-flip " data-bbd-anim-target="true"> <div class="content-column"> <div class="lg-6 md-12 sm-12 bbd-1X-image-picture-block "> <div class="pyt-target"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/beats-academy/image-02.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/beats-academy/image-02.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/beats-academy/image-02.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/beats-academy/image-02.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/beats-academy/image-02.jpg.large.2x.jpg 2x" alt="Beats Academy creators in a group session"/> </picture> </div> </div> <div class="lg-6 md-12 sm-12 bbd-1X-image-text-column align-self--center "> <div class="bbd-1X-image-text-block"> <div class="show-desktop"> <div class="body-large" style="color: #fff;"> <p><span style="font-weight: 700;">From August 24 to October 18, 2024</span>, students will participate in a hybrid model of <span style="font-weight: 700;">virtual and in‑person curricula</span> taught by industry leaders tailored to fit their busy schedules. Our creators experience online sessions and in‑person community events, as well as <span style="font-weight: 700;">participate in a commercial film shoot with a Beats athlete.</span></p> <p>If selected for Beats Academy LA, you'll receive the resources and support to help unlock your creative superpowers.</p> <p>This isn't a moment. It's a movement. And it begins with you.</p> </div> </div> <div class="show-tablet"><div class="body-large" style="color: #fff;"> <p><span style="font-weight: 700;">From August 24 to October 18, 2024</span>, students will participate in a hybrid model of <span style="font-weight: 700;">virtual and in‑person curricula</span> taught by industry leaders tailored to fit their busy schedules. Our creators experience online sessions and in‑person community events, as well as <span style="font-weight: 700;">participate in a commercial film shoot with a Beats athlete.</span></p> <p>If selected for Beats Academy LA, you'll receive the resources and support to help unlock your creative superpowers.</p> <p>This isn't a moment. It's a movement. And it begins with you.</p> </div></div> <div class="show-mobile"><div class="body-large" style="color: #fff;"> <p><span style="font-weight: 700;">From August 24 to October 18, 2024</span>, students will participate in a hybrid model of <span style="font-weight: 700;">virtual and in‑person curricula</span> taught by industry leaders tailored to fit their busy schedules. Our creators experience online sessions and in‑person community events, as well as <span style="font-weight: 700;">participate in a commercial film shoot with a Beats athlete.</span></p> <p>If selected for Beats Academy LA, you'll receive the resources and support to help unlock your creative superpowers.</p> <p>This isn't a moment. It's a movement. And it begins with you.</p> </div></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-e669b6b6-66eb-3909-a8b4-91541b814af1 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-e669b6b6-66eb-3909-a8b4-91541b814af1, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-e669b6b6-66eb-3909-a8b4-91541b814af1 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-e669b6b6-66eb-3909-a8b4-91541b814af1 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-e669b6b6-66eb-3909-a8b4-91541b814af1, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-e669b6b6-66eb-3909-a8b4-91541b814af1 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after, .btn-light.btn1-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } a.btn-light.btn1-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after, .btn-light.btn2-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } a.btn-light.btn2-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after, .btn-light.btn1-tablet-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } a.btn-light.btn1-tablet-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after, .btn-light.btn2-tablet-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } a.btn-light.btn2-tablet-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after, .btn-light.btn1-mobile-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } a.btn-light.btn1-mobile-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after, .btn-light.btn2-mobile-bg-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } a.btn-light.btn2-mobile-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:after, a.btn-light.btn2-mobile-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-e669b6b6-66eb-3909-a8b4-91541b814af1:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-e669b6b6-66eb-3909-a8b4-91541b814af1{ color: ; } } </style> </div> </div> </div> </section> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-f123323d-7c34-3e37-8757-f2ba37e03736 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f123323d-7c34-3e37-8757-f2ba37e03736:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-f123323d-7c34-3e37-8757-f2ba37e03736 .outer-container { width: 82.223%; max-width: 1184px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f123323d-7c34-3e37-8757-f2ba37e03736:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-f123323d-7c34-3e37-8757-f2ba37e03736 .outer-container { width: 83%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f123323d-7c34-3e37-8757-f2ba37e03736:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-f123323d-7c34-3e37-8757-f2ba37e03736 .outer-container { width: 83%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f123323d-7c34-3e37-8757-f2ba37e03736" data-desktop-bg-color="#161616"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-cdd0407f-df53-3c0b-a435-72a5ca44a33c { padding-top: 135px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-cdd0407f-df53-3c0b-a435-72a5ca44a33c { padding-top: 71px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-cdd0407f-df53-3c0b-a435-72a5ca44a33c { padding-top: 40px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-cdd0407f-df53-3c0b-a435-72a5ca44a33c"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-84264096-9586-31ad-a5a4-a31cb84f26c8 component-section-spacing beatsRTE"> <h2 class="headline-2" style="color: #fff; font-weight: 900; text-transform: uppercase;">The Tracks</h2> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-4371fe60-93ec-33ca-9c4f-764d45bedfe7 { padding-top: 25px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-4371fe60-93ec-33ca-9c4f-764d45bedfe7 { padding-top: 25px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-4371fe60-93ec-33ca-9c4f-764d45bedfe7 { padding-top: 25px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-4371fe60-93ec-33ca-9c4f-764d45bedfe7"></section> </div> <div class="columnContainer parbase section"> <div class="layout-flex justify-content-center row-gap-lg-4 row-gap-md-4 row-gap-sm-4 column-gap-lg-10 column-gap-md-3 column-gap-sm-0 " data-analytics-scroll> <div id="columnContainer_416dcdb1-c8ac-3675-98ce-596eabfe7afc_0" class="sm-12 md-4 lg-4 "> <div id="columnWrapper_6f6390ca-6920-3300-a781-9cc0bfbb42f7" class="column-item v-align-lg-space-between v-align-md-space-between v-align-sm-space-between h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-43344332-ae46-3e1f-a822-65e5e82c84f5 "> <div style="color: #fff; min-height: 5rem;"> <h2 class="headline-4">Content Creators</h2> <p class="body-medium">A track designed for creatives who thrive behind the scenes — specifically filmmakers, writers, and art directors</p> </div> </div> </section> </div> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-d8fdc144-3b74-39c6-88cf-4dda35381bd3 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/beats-academy/content-creators.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/beats-academy/content-creators.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/beats-academy/content-creators.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/beats-academy/content-creators.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/beats-academy/content-creators.jpg.large.2x.jpg 2x" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 { color: #161616 !important; } } .beats-btn-mask.btn1-bg-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 { background-color: #FFFFFF !important; } /*Button 2*/ @media (hover: hover) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: !important; } } .beats-btn-mask.btn2-bg-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 { background-color: !important; } a.btn-light.btn1-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:after, button.btn-light.btn1-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:after, a.btn-light.btn1-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:hover:after, button.btn-light.btn1-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } a.btn-light.btn2-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:after, button.btn-light.btn2-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:after, a.btn-light.btn2-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:hover:after, button.btn-light.btn2-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:hover:after{ -webkit-box-shadow: unset; box-shadow: unset; } @media (hover:hover){ .btn-light.btn1-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:hover{ background-color: #FFFFFF !important; } .btn-light.btn2-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7:hover{ background-color: !important; } } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light .beats-btn-inner.btn1-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: #161616; } a.btn-light.btn1-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light.btn1-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light .beats-btn-inner.btn2-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: ; } a.btn-light.btn2-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light.btn2-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light .beats-btn-inner.btn1-tablet-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: #161616; } a.btn-light.btn1-tablet-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light.btn1-tablet-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light .beats-btn-inner.btn2-tablet-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 { color: ; } a.btn-light.btn2-tablet-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light.btn2-tablet-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 { border: 2px solid transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ background-color: #FFFFFF; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light .beats-btn-inner.btn1-mobile-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: #161616; } a.btn-light.btn1-mobile-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light.btn1-mobile-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 { border: 2px solid #FFFFFF; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light .beats-btn-inner.btn2-mobile-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: ; } a.btn-light.btn2-mobile-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7, button.btn-light.btn2-mobile-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 { border: 2px solid transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-08d2def2-a7a1-3576-b658-51a3b447b0d7{ color: ; } } </style> <div class="bbd-component beats-cta-container beats-cta-container--align-center"> <div class="button-container "> <div class="beats-button"> <a data-analytics-click data-analytics-link-type="appleExit" href="https://www.apple.com" id="08d2def2-a7a1-3576-b658-51a3b447b0d7" data-id="08d2def2-a7a1-3576-b658-51a3b447b0d7" class="beats-btn btn-light beats-btn--button beats-btn--authored btn1-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-tablet-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-tablet-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-mobile-bg-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-mobile-outline-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 " target="_self"> <span class="beats-btn-inner btn1-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-tablet-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-mobile-text-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-text-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-tablet-text-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7 btn1-mobile-text-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7">test</span> <span class="beats-btn-mask btn1-bg-hover-color-08d2def2-a7a1-3576-b658-51a3b447b0d7"></span> </a> </div> </div> </div> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_416dcdb1-c8ac-3675-98ce-596eabfe7afc_1" class="sm-12 md-4 lg-4 "> <div id="columnWrapper_75b2ea9a-f510-328a-9cd2-93648f51a1f1" class="column-item v-align-lg-space-between v-align-md-space-between v-align-sm-space-between h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-e1b0906e-bb64-3e44-b33f-4be117f1f3c5 "> <div style="color: #fff; min-height: 5rem;"> <h2 class="headline-4">Music</h2> <p class="body-medium">A track designed for creatives with musical ability — specifically producers and lyricists</p> </div> </div> </section> </div> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-5e141b3a-dcd2-36dc-8e3b-14a7695ab176 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/beats-academy/music.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/beats-academy/music.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/beats-academy/music.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/beats-academy/music.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/beats-academy/music.jpg.large.2x.jpg 2x" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after, .btn-light.btn1-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } a.btn-light.btn1-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after, .btn-light.btn2-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } a.btn-light.btn2-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after, .btn-light.btn1-tablet-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } a.btn-light.btn1-tablet-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after, .btn-light.btn2-tablet-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } a.btn-light.btn2-tablet-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after, .btn-light.btn1-mobile-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } a.btn-light.btn1-mobile-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after, .btn-light.btn2-mobile-bg-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } a.btn-light.btn2-mobile-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:after, a.btn-light.btn2-mobile-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-b2c21dbb-5307-3321-bf17-c99526c8b0ff:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-b2c21dbb-5307-3321-bf17-c99526c8b0ff{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> <div id="columnContainer_416dcdb1-c8ac-3675-98ce-596eabfe7afc_2" class="sm-12 md-4 lg-4 "> <div id="columnWrapper_c2ac1e95-d3d2-3e41-9cd8-398593be61e5" class="column-item v-align-lg-space-between v-align-md-space-between v-align-sm-space-between h-align-lg-left h-align-md-left h-align-sm-left " style="background :"> <div class="beatsRTE parbase"> <section class="bbd-component bbd-rte-container"> <div class="rte-container-be9692e4-9ed0-30b1-91ac-0aa588f09ae0 "> <div style="color: #fff; min-height: 5rem;"> <h2 class="headline-4">Customs</h2> <p class="body-medium">A track designed for illustrators and designers with an interest in customizing and designing Beats products</p> </div> </div> </section> </div> <div class="imageAndText"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { } @media screen and (min-width: 1024px) { /* styles to set custom maxWidth for text */ } </style> <section class="bbd-component transition bbd-img-text-component id-a2b44183-491a-3939-8ecf-b0b1039e1146 " data-analytics-scroll data-full-module data-bbd-anim-target="true"> <div class="content-wrapper "> <div class="transition-image-wrapper"> <div class="transition-image-block beats-media-type-image "> <picture class="beats-picture pdp-picture pdp-hero-image-picture pdp-video-image"> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/beats-academy/customs.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/beats-academy/customs.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/beats-academy/customs.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image pdp-picture-image" data-lazy="" data-src="/content/dam/beats/web/beats-academy/customs.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/beats-academy/customs.jpg.large.2x.jpg 2x" role="presentation"/> </picture> </div> </div> <div class="transition-content-wrapper "> <div class="content-column hide-lg-up hide-md hide-sm top-left-wrapper"> <div class="hero-copy top-left"> <div class="show-desktop"></div> <div class="show-tablet"></div> <div class="show-mobile"></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after, .btn-light.btn1-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } a.btn-light.btn1-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after, .btn-light.btn2-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } a.btn-light.btn2-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after, .btn-light.btn1-tablet-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } a.btn-light.btn1-tablet-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after, .btn-light.btn2-tablet-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } a.btn-light.btn2-tablet-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after, .btn-light.btn1-mobile-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } a.btn-light.btn1-mobile-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after, .btn-light.btn2-mobile-bg-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } a.btn-light.btn2-mobile-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:after, a.btn-light.btn2-mobile-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-7dcd00fe-31a7-3f5a-8a1b-2ddc1cbb1444{ color: ; } } </style> <div></div> </div> </div> </div> </div> </section> </div> </div> </div> </div></div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-cda60f6c-8293-3a03-9c25-420e525be401 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-cda60f6c-8293-3a03-9c25-420e525be401:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-cda60f6c-8293-3a03-9c25-420e525be401 .outer-container { width: 82.223%; max-width: 1184px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-cda60f6c-8293-3a03-9c25-420e525be401:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-cda60f6c-8293-3a03-9c25-420e525be401 .outer-container { width: 83%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-cda60f6c-8293-3a03-9c25-420e525be401:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-cda60f6c-8293-3a03-9c25-420e525be401 .outer-container { width: 83%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-cda60f6c-8293-3a03-9c25-420e525be401" data-desktop-bg-color="#161616"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-ef813441-08c3-3832-b380-41c2820afed8 { padding-top: 108px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-ef813441-08c3-3832-b380-41c2820afed8 { padding-top: 66px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-ef813441-08c3-3832-b380-41c2820afed8 { padding-top: 52px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-ef813441-08c3-3832-b380-41c2820afed8"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="iconic_sound" data-analytics-scroll> <div class="rte-container-4ff3f1ea-73bf-3487-8e48-6432eb3b17fd component-section-spacing beatsRTE"> <p class="headline-3" style="color: #fff; text-transform: uppercase; font-weight: 900; margin-bottom: 2%;">Recruiting for LA is now closed.</p> <p class="headline-3" style="color: #fff; text-transform: uppercase; font-weight: 900;">Check back for updates on the next event.</p> </div> </section> </div> <div class="beatsCTA section"> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-fa85a819-2adb-395e-8502-4f5084c8959b { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-fa85a819-2adb-395e-8502-4f5084c8959b, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-fa85a819-2adb-395e-8502-4f5084c8959b { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-fa85a819-2adb-395e-8502-4f5084c8959b { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-fa85a819-2adb-395e-8502-4f5084c8959b, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-fa85a819-2adb-395e-8502-4f5084c8959b { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:after, .btn-light.btn1-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } a.btn-light.btn1-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:after, .btn-light.btn2-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } a.btn-light.btn2-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:after, .btn-light.btn1-tablet-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } a.btn-light.btn1-tablet-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:after, .btn-light.btn2-tablet-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } a.btn-light.btn2-tablet-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:after, .btn-light.btn1-mobile-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } a.btn-light.btn1-mobile-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:after, .btn-light.btn2-mobile-bg-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } a.btn-light.btn2-mobile-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:after, a.btn-light.btn2-mobile-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-fa85a819-2adb-395e-8502-4f5084c8959b:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-fa85a819-2adb-395e-8502-4f5084c8959b{ color: ; } } </style> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-fa052a7f-e245-349e-9481-538bdb55f1b7 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-fa052a7f-e245-349e-9481-538bdb55f1b7:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-fa052a7f-e245-349e-9481-538bdb55f1b7 .outer-container { width: 90.223%; max-width: 1300px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-fa052a7f-e245-349e-9481-538bdb55f1b7:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-fa052a7f-e245-349e-9481-538bdb55f1b7 .outer-container { width: 100%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-fa052a7f-e245-349e-9481-538bdb55f1b7:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-fa052a7f-e245-349e-9481-538bdb55f1b7 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-fa052a7f-e245-349e-9481-538bdb55f1b7" data-desktop-bg-color="#161616" id="active-noise-cancelling"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-1f0edf0a-2081-3663-8ce9-08e3dfc05c1d { padding-top: 108px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-1f0edf0a-2081-3663-8ce9-08e3dfc05c1d { padding-top: 66px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-1f0edf0a-2081-3663-8ce9-08e3dfc05c1d { padding-top: 52px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-1f0edf0a-2081-3663-8ce9-08e3dfc05c1d"></section> </div> <div class="imageAndText section"> <style type="text/css"> @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-img-text-component.id-5786e626-1df2-33fa-b27b-eee53dcbb409 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 57%; max-width: 57%; } .bbd-img-text-component.id-5786e626-1df2-33fa-b27b-eee53dcbb409 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } .bbd-img-text-component.id-5786e626-1df2-33fa-b27b-eee53dcbb409 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { padding: 0 48px 0 0; } .bbd-img-text-component.id-5786e626-1df2-33fa-b27b-eee53dcbb409 .tablet-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { } } @media screen and (min-width: 1024px) { .bbd-img-text-component.id-5786e626-1df2-33fa-b27b-eee53dcbb409 .desktop-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-text-column { padding: 0 58px 0 56px; } .bbd-img-text-component.id-5786e626-1df2-33fa-b27b-eee53dcbb409 .desktop-side-by-side-config-1x .bbd-1X-image .content-column .bbd-1X-image-picture-block { } /* styles to set custom maxWidth for text */ /* style for 1X Config */ .bbd-img-text-component.id-5786e626-1df2-33fa-b27b-eee53dcbb409 .bbd-1X-image .content-column .bbd-1X-image-text-column { width: 57%; max-width: 57%; } .bbd-img-text-component.id-5786e626-1df2-33fa-b27b-eee53dcbb409 .content-wrapper section.bbd-1X-image .content-column .bbd-1X-image-text-block { width: 100%; max-width: 100%; } .bbd-img-text-component.id-5786e626-1df2-33fa-b27b-eee53dcbb409 .bbd-1X-image .content-column .bbd-1X-image-picture-block { flex: 1; } } </style> <section class="bbd-component bbd-img-text-component id-5786e626-1df2-33fa-b27b-eee53dcbb409" data-analytics-scroll data-analytics-module="media_and_text" data-analytics-region="active_noise_cancelling"> <div class="content-wrapper mobile-column-reverse desktop-side-by-side-config-1x tablet-column-reverse"> <section class="bbd-1X-image " data-bbd-anim-target="true"> <div class="content-column"> <div class="lg-6 md-12 sm-12 bbd-1X-image-text-column align-self--center "> <div class="bbd-1X-image-text-block"> <div class="show-desktop"> <div style="color: #fff;"> <h2 style="text-transform: uppercase;"><span class="headline-2" style="font-weight: 900;">London</span></h2> <p class="body-large"><span style="font-weight: 700;">Beats Academy London</span> is a multi-day program featuring interactive workshops, masterclasses, and hands-on experiences to give students the tools to design and execute their own marketing campaign. Held in Apple’s offices around London, the program is open to 16-21 year olds from the local community.</p> </div> </div> <div class="show-tablet"><div style="color: #fff;"> <h2 style="text-transform: uppercase;"><span class="headline-2" style="font-weight: 900;">London</span></h2> <p class="body-large"><span style="font-weight: 700;">Beats Academy London</span> is a multi-day program featuring interactive workshops, masterclasses, and hands-on experiences to give students the tools to design and execute their own marketing campaign. Held in Apple’s offices around London, the program is open to 16-21 year olds from the local community.</p> </div></div> <div class="show-mobile"><div style="color: #fff;"> <h2 style="text-transform: uppercase;"><span class="headline-2" style="font-weight: 900;">London</span></h2> <p class="body-large"><span style="font-weight: 700;">Beats Academy London</span> is a multi-day program featuring interactive workshops, masterclasses, and hands-on experiences to give students the tools to design and execute their own marketing campaign. Held in Apple’s offices around London, the program is open to 16-21 year olds from the local community.</p> </div></div> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-648edfd0-fb5f-3f07-a6c7-c731a906348e { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-648edfd0-fb5f-3f07-a6c7-c731a906348e, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-648edfd0-fb5f-3f07-a6c7-c731a906348e { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-648edfd0-fb5f-3f07-a6c7-c731a906348e { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-648edfd0-fb5f-3f07-a6c7-c731a906348e, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-648edfd0-fb5f-3f07-a6c7-c731a906348e { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after, .btn-light.btn1-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } a.btn-light.btn1-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after, .btn-light.btn2-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } a.btn-light.btn2-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after, .btn-light.btn1-tablet-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } a.btn-light.btn1-tablet-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after, .btn-light.btn2-tablet-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } a.btn-light.btn2-tablet-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after, .btn-light.btn1-mobile-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } a.btn-light.btn1-mobile-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after, .btn-light.btn2-mobile-bg-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } a.btn-light.btn2-mobile-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:after, a.btn-light.btn2-mobile-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-648edfd0-fb5f-3f07-a6c7-c731a906348e:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-648edfd0-fb5f-3f07-a6c7-c731a906348e{ color: ; } } </style> </div> </div> <div class="lg-6 md-12 sm-12 bbd-1X-image-picture-block "> <div class="pyt-target"> <picture class="beats-picture "> <source media="(min-width: 1024px)" data-srcset="/content/dam/beats/web/beats-academy/beatsacademy-london1.jpg.large.2x.jpg 2x"/> <source media="(min-width: 768px) and (max-width: 1023px)" data-srcset="/content/dam/beats/web/beats-academy/beatsacademy-london1.jpg.medium.2x.jpg 2x"/> <source media="(max-width: 767px)" data-srcset="/content/dam/beats/web/beats-academy/beatsacademy-london1.jpg.small.2x.jpg 2x"/> <img data-resp-exclude class="bbd-media-image " data-lazy="" data-src="/content/dam/beats/web/beats-academy/beatsacademy-london1.jpg.large.2x.jpg" data-srcset="/content/dam/beats/web/beats-academy/beatsacademy-london1.jpg.large.2x.jpg 2x" alt="picture of Beats Academy creators"/> </picture> </div> </div> </div> </section> </div> </section> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-2a119a0a-d193-3237-8760-924b2fb74fb6 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-2a119a0a-d193-3237-8760-924b2fb74fb6:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-2a119a0a-d193-3237-8760-924b2fb74fb6 .outer-container { width: 82.223%; max-width: 1184px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-2a119a0a-d193-3237-8760-924b2fb74fb6:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-2a119a0a-d193-3237-8760-924b2fb74fb6 .outer-container { width: 83%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-2a119a0a-d193-3237-8760-924b2fb74fb6:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-2a119a0a-d193-3237-8760-924b2fb74fb6 .outer-container { width: 83%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-2a119a0a-d193-3237-8760-924b2fb74fb6" data-desktop-bg-color="#161616"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-efaf6c11-8362-3113-a509-9afdd63bcdb3 { padding-top: 108px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-efaf6c11-8362-3113-a509-9afdd63bcdb3 { padding-top: 66px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-efaf6c11-8362-3113-a509-9afdd63bcdb3 { padding-top: 52px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-efaf6c11-8362-3113-a509-9afdd63bcdb3"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-module="rte" data-analytics-region="iconic_sound" data-analytics-scroll> <div class="rte-container-76f342cf-3b0b-3c06-8e94-2fbf77c96db2 component-section-spacing beatsRTE"> <p class="headline-3" style="color: #fff; text-transform: uppercase; font-weight: 900; margin-bottom: 2%;">Recruiting for LONDON is now closed.</p> <p class="headline-3" style="color: #fff; text-transform: uppercase; font-weight: 900;">Check back for updates on the next event.</p> </div> </section> </div> <div class="beatsCTA section"> <style> /*Button 1 */ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn1-text-hover-color-57cb6c4f-e127-32c5-977b-bf4174c429b2 { color: !important; } } .beats-btn-mask.btn1-bg-hover-color-57cb6c4f-e127-32c5-977b-bf4174c429b2, a.btn-light:hover .beats-btn-mask.btn1-bg-hover-color-57cb6c4f-e127-32c5-977b-bf4174c429b2 { background-color: !important; } /*Button 2*/ @media (hover: hover) and (prefers-reduced-motion: no-preference) { .beats-btn:hover:not(.disabled) .beats-btn-inner.btn2-text-hover-color-57cb6c4f-e127-32c5-977b-bf4174c429b2 { color: !important; } } .beats-btn-mask.btn2-bg-hover-color-57cb6c4f-e127-32c5-977b-bf4174c429b2, a.btn-light:hover .beats-btn-mask.btn2-bg-hover-color-57cb6c4f-e127-32c5-977b-bf4174c429b2 { background-color: !important; } @media screen and (min-width: 1024px) { /*Button 1 */ .btn-light.btn1-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after, .btn-light.btn1-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-text-color-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } a.btn-light.btn1-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after, .btn-light.btn2-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-text-color-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } a.btn-light.btn2-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } } @media screen and (min-width: 768px) and (max-width: 1023px) { /*Button 1 */ .btn-light.btn1-tablet-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after, .btn-light.btn1-tablet-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-tablet-text-color-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } a.btn-light.btn1-tablet-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-tablet-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-tablet-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after, .btn-light.btn2-tablet-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-tablet-text-color-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } a.btn-light.btn2-tablet-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-tablet-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Link 1*/ a.link-dark .beats-btn-inner.btn-text-color-link1-tablet-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } /*Link 2*/ a.link-dark .beats-btn-inner.btn-text-color-link2-tablet-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } } @media screen and (max-width: 767px) { /*Button 1 */ .btn-light.btn1-mobile-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after, .btn-light.btn1-mobile-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn1-mobile-text-color-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } a.btn-light.btn1-mobile-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after { -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn1-mobile-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } /*Button 2*/ .btn-light.btn2-mobile-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after, .btn-light.btn2-mobile-bg-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after { background-color: ; } a.btn-light .beats-btn-inner.btn2-mobile-text-color-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } a.btn-light.btn2-mobile-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:after, a.btn-light.btn2-mobile-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.btn-light.btn2-mobile-outline-color-57cb6c4f-e127-32c5-977b-bf4174c429b2:hover:after{ -webkit-box-shadow: inset 0px 0px 0px 2px transparent; box-shadow: inset 0px 0px 0px 2px transparent; } a.link-dark .beats-btn-inner.btn-text-color-link1-mobile-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } a.link-dark .beats-btn-inner.btn-text-color-link2-mobile-57cb6c4f-e127-32c5-977b-bf4174c429b2{ color: ; } } </style> </div> </div> </div> </div> </section> </div> <div class="fullWidthBgContainerV2 parsys section"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-f8b8c6a5-180d-398a-80da-5fc1c1b0b922 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-f8b8c6a5-180d-398a-80da-5fc1c1b0b922:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-f8b8c6a5-180d-398a-80da-5fc1c1b0b922 .outer-container { width: 82.223%; max-width: 1184px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-f8b8c6a5-180d-398a-80da-5fc1c1b0b922:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-f8b8c6a5-180d-398a-80da-5fc1c1b0b922 .outer-container { width: 83%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-f8b8c6a5-180d-398a-80da-5fc1c1b0b922:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-f8b8c6a5-180d-398a-80da-5fc1c1b0b922 .outer-container { width: 83%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-f8b8c6a5-180d-398a-80da-5fc1c1b0b922" data-desktop-bg-color="#161616"> <div class="outer-container"> <div class="content-container"> <div><div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-2504542c-9e08-3f2a-9c46-be22b1c3c75e { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-2504542c-9e08-3f2a-9c46-be22b1c3c75e { padding-top: 70px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-2504542c-9e08-3f2a-9c46-be22b1c3c75e { padding-top: 70px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-2504542c-9e08-3f2a-9c46-be22b1c3c75e"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-c52ce62c-445c-38ff-8645-33b5d1a09275 component-section-spacing beatsRTE"> <div style="color: #fff;"> <h2 class="headline-2" style="margin-bottom: 2%; text-transform: uppercase; font-weight: 900;">FAQ Los Angeles</h2> <div class="body-large"> <p style="font-weight: 700; margin-bottom: 0;">Who can apply?</p> <p>Students currently enrolled in a 2 or 4-year program at a college/university (inclusive of undergraduate, graduate, trade, and working professional programs) with an interest in creating branded social content.</p> <p style="font-weight: 700; margin-bottom: 0;">What is the program duration?</p> <p>Beats Academy will take place over an 8-week period from August 24, 2024 to October 18, 2024. Public holidays will be recognized.</p> <p style="font-weight: 700; margin-bottom: 0;">Is this a paid opportunity?</p> <p>Students will be paid a competitive stipend for their time and creative output throughout the program.</p> <p style="font-weight: 700; margin-bottom: 0;">How many creators will be selected?</p> <p>14 students will be selected to participate in Beats Academy.</p> <p style="font-weight: 700; margin-bottom: 0;">What makes Beats Academy a fit for me?</p> <p>You're a student who desires the opportunity to work directly with experienced marketing professionals to create social content featuring college athletes for Beats’ social channels.</p> <p style="font-weight: 700; margin-bottom: 0;">Is this program virtual or in-person?</p> <p>Beats Academy is a hybrid program. Up to two (2) sessions per week will be conducted via Webex with occasional in-person sessions held in Culver City. Additional in-person sessions will include the kickoff event, a film shoot on a weekend, and a program wrap party. Students must have access to transportation to the Los Angeles and Culver City areas.</p> <p style="font-weight: 700; margin-bottom: 0;">If I am selected, what is the expected level of commitment?</p> <p>Throughout the 8-week program, participants will be expected to dedicate up to five (5) hours per week for workshops and group sessions on weekdays, as well as an additional two (2) full days (on a weekend) for an orientation and the film shoot.</p> <p style="font-weight: 700; margin-bottom: 0;">Who will be leading this program?</p> <p>Students will receive mentorship and learnings from professionals at Beats and UnitedMasters Translation.</p> <p>Question not answered above? Please email <a class="baEmail" href="mailto:bacademy@apple.com" target="_blank" style="font-weight: 700; cursor: pointer; text-decoration: underline;" onmouseover="(function(){ document.getElementsByClassName('baEmail')[0].style.color='#e31837'; })()" onmouseout="(function(){ document.getElementsByClassName('baEmail')[0].style.color='#fff'})()">bacademy@apple.com</a> with inquiries.</p> </div> </div> </div> </section> </div> <div class="genericSpacing parbase section"> <style> @media screen and (min-width: 1024px) { .spacing-fb079109-a190-3708-bb09-3d6eb24bd482 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-fb079109-a190-3708-bb09-3d6eb24bd482 { padding-top: 70px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-fb079109-a190-3708-bb09-3d6eb24bd482 { padding-top: 70px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-fb079109-a190-3708-bb09-3d6eb24bd482"></section> </div> <div class="beatsRTE parbase section"> <section class="bbd-component bbd-rte-container" data-analytics-scroll> <div class="rte-container-94b150a6-cce6-3c66-a819-db5d5549952e "> <div style="color: #fff;"> <p class="body-small">Apple is an equal opportunity employer that is committed to inclusion and diversity. We take affirmative action to ensure equal opportunity for all applicants without regard to race, color, religion, sex, sexual orientation, gender identity, national origin, disability, Veteran status, or other legally protected characteristics. <a href="https://www.eeoc.gov/sites/default/files/2022-10/EEOC_KnowYourRights_screen_reader_10_20.pdf" style="text-decoration: underline; color: #fff;" aria-label="Learn more about your EEO rights" target="_blank">Learn more</a> about your EEO rights as an applicant.</p> </div> </div> </section> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div>  <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-a53a40c9-e9d9-3748-99b8-0dc35c10ede0 { padding-top: 80px; background-color: ; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-a53a40c9-e9d9-3748-99b8-0dc35c10ede0 { padding-top: 30px; background-color: ; }} @media screen and (max-width: 767px) { .spacing-a53a40c9-e9d9-3748-99b8-0dc35c10ede0 { padding-top: 20px; background-color: ; }} </style> <section class="bbd-component generic-spacing spacing-a53a40c9-e9d9-3748-99b8-0dc35c10ede0"></section> </div> <div class="fullWidthBgContainerV2 parsys"> <style type="text/css"> .bbd-full-width-container.bg-color-match-enabled.id-6ff35ae5-7d7a-3e39-850a-308180ced081 { background: #161616; } @media screen and (min-width: 1024px) { .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081 .outer-container { width: 100%; max-width: 1200px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081 .outer-container { width: 84%; max-width: 100%; } } @media screen and (max-width: 767px) { .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081:not(.bg-color-match-enabled) { background: #161616; } .bbd-full-width-container.id-6ff35ae5-7d7a-3e39-850a-308180ced081 .outer-container { width: 100%; max-width: 100%; } } </style> <section class="bbd-component bbd-full-width-container id-6ff35ae5-7d7a-3e39-850a-308180ced081" data-desktop-bg-color="#161616"> <div class="outer-container"> <div class="content-container"> <div><div class="InlineEmailSignUp section"> <div id="newsletter" class="inline-form inline-form--dark inline-form--dark-b14ec348-aa45-3e85-8748-7779d207ac43" data-analytics-scroll="" data-analytics-event="newsletterSignUp" data-analytics-module="inline_email_registration" data-analytics-region="join_list_email"> <form action="#newsletter" class="b-form" data-error-inline="" novalidate=""> <div class="inline-form__head"> <i class="fa-solid fa-envelope"></i> <br/> <h2><h2 style="margin-bottom: 0;">Join Our List</h2></h2> </div> <div class="inline-form__copy"> <div class="show-desktop">Don’t miss a beat. Stay up to date on the latest products, deals and more.</div> <div class="show-tablet">Don’t miss a beat. Stay up to date on the latest products, deals and more.</div> <div class="show-mobile">Don’t miss a beat. Stay up to date on the latest products, deals and more.</div> </div> <div class="b-form-el form--center"> <input id="newsletter-email" class="b-input inline-form__reveal__trigger" type="email" maxlength="255" name="newsletter--emailId" autocomplete="on" placeholder=" " aria-required="true" required="true" aria-describedby="newsletter-email-error"/> <label class="b-label" for="newsletter-email">Email Address</label> <span class="b-error b-error--visible" id="newsletter-email-error">Please enter a valid email address.</span> </div> <br/> <div class="inline-form__reveal__content"> <div> <div> <div class="b-form-el"> <input class="b-checkbox" type="checkbox" id="newsletter-item__email-opt-in-b14ec348-aa45-3e85-8748-7779d207ac43" name="newsletter--emailOptIn" aria-required="true" aria-describedby="newsletter-optin-error" required="true" value="true"/> <label class="b-label" for="newsletter-item__email-opt-in-b14ec348-aa45-3e85-8748-7779d207ac43"> <span class="b-touch-area"></span> I want to receive emails containing Beats product updates, special offers, and occasional survey invites. </label> <span class="visuallyhidden">Error:</span> <span class="b-error" id="newsletter-optin-error"> Please check this required field. </span> </div> <input type="hidden" name="newsletter--optinId" value="2"/> </div> <div class="b-form-el form--center"> <button class="b-button" type="submit"> Sign Up </button> </div> <div class="form-error b-error b-error--visible"> <div class="form--center"> Submission Error - Please resubmit or try again at a later time. </div> </div> </div> </div> </form> <div class="inline-form__success" tabindex="-1"> <i class="fa-thin fa-hand-peace fa-shake" style="--fa-animation-duration: 3s;"></i> <br/> <div class="inline-form__success__copy"> <div class="show-desktop"><p style="margin: 0;">You’re in.</p> <p style="margin: 0;">Check your inbox soon.</p></div> <div class="show-tablet"><p style="margin: 0;">You’re in.</p> <p style="margin: 0;">Check your inbox soon.</p></div> <div class="show-mobile"><p style="margin: 0;">You’re in.</p> <p style="margin: 0;">Check your inbox soon.</p></div> </div> </div> <div class="inline-form__error"> <p>Submission Error - Please resubmit or try again at a later time.</p> </div> </div></div> </div> </div> </div> </section> </div> <div id="footercontent"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="footerColumn"> <footer class="footer" role="contentinfo"> <div class="footer-content" data-analytics-scroll="" data-analytics-module="footer" data-analytics-region="global-footer"> <nav class='breadcrumbs' aria-label='breadcrumbs' role='navigation' data-analytics-module="breadcrumb" data-analytics-region="footer"> <ol class='breadcrumbs-list'> <li class='breadcrumbs-item first-item'><a class="home breadcrumbs-home body-small" aria-label="Beats Home" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="home" href="/"> <img data-lazy="" data-src="/content/dam/beats/global/logos/beats-logo-161616.png" alt="Beats Home" aria-hidden="true" src="/content/dam/beats/global/logos/beats-logo-161616.png"/> </a><i class="fa fa-chevron-right notranslate" aria-hidden="true"></i></li> <li class='breadcrumbs-item'><span class="body-small">Beats Academy</span></li> </ol> </nav>  <div class="layout-grid-sm-1 layout-grid-lg-4"> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-products"> <h2 id="footer-Products" class="hide-sm hide-md">Products</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Products-mobile">Products</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Products" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|View All" href="/products" class="footer-link">View All</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Compare Products" href="/products/compare" class="footer-link">Compare Products</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Special Offers" href="/promotions" class="footer-link">Special Offers</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Collaborations" href="/collaborations" class="footer-link">Collaborations</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats iPhone Cases" href="/accessories/phone-cases/beats-iphone-16-magsafe-case" class="footer-link">Beats iPhone Cases</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Pill" href="/speakers/beats-pill" class="footer-link">Beats Pill</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Solo 4" href="/headphones/solo4-wireless" class="footer-link">Beats Solo 4</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Solo Buds" href="/earbuds/solo-buds" class="footer-link">Beats Solo Buds</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Studio Pro" href="/headphones/studio-pro-wireless" class="footer-link">Beats Studio Pro</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Studio Buds +" href="/earbuds/studio-buds-plus-wireless-noise-cancelling" class="footer-link">Beats Studio Buds +</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Fit Pro" href="/earbuds/beats-fit-pro" class="footer-link">Beats Fit Pro</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Flex" href="/earbuds/beats-flex" class="footer-link">Beats Flex</a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-support"> <h2 id="footer-Support" class="hide-sm hide-md">Support</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Support-mobile">Support</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Support" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Downloads" href="/mobile-apps" class="footer-link">Downloads</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Support Home" href="/support" class="footer-link">Product Help</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Service and Warranty|SFAQ" href="https://support.apple.com/beats/repair" class="footer-link">Service & Warranty</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Register" href="/register" class="footer-link">Register Your Beats</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Update" href="https://support.apple.com/en-us/102368" class="footer-link">Update Your Beats</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Retailers" href="/company/authorized-retailers" class="footer-link">Authorized Retailers</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="supportExit" data-analytics-label="Footer|Contact Support|PFC6007" href="https://getsupport.apple.com/GetproductgroupList.action?caller=bbd&PFC=PFC6007" class="footer-link">Contact Support</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|International Numbers" href="/support/international-numbers" class="footer-link">International Numbers</a></li> </ul> </nav> </div> </div> </div> <div class=" "> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-company"> <h2 id="footer-Company" class="hide-sm hide-md">Company</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Company-mobile">Company</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Company" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|About" href="/company/aboutus" class="footer-link">About</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Press" href="/company/press" class="footer-link">Press</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Beats Academy" href="/company/beats-academy" class="footer-link">Beats Academy</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="appleExit" data-analytics-label="Footer|Careers" href="https://jobs.apple.com/en-us/search?sort=relevance&search=beats" class="footer-link">Careers</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Sitemap" href="/sitemap" class="footer-link">Sitemap</a></li> </ul> </nav> </div> </div> <div class="linksList parbase section"> <div data-analytics-module="footer" data-analytics-region="footer-legal"> <h2 id="footer-Legal" class="hide-sm hide-md">Legal</h2> <button class="accordion__toggle hide-lg-up" type="button" data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="collapse"> <h2 id="footer-Legal-mobile">Legal</h2> <i class="fa-sharp fa-solid fa-chevron-down"></i> </button> <nav role="navigation" aria-labelledby="footer-Legal" class="bbd-component accordion__content"> <ul role="presentation"> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Terms of Use" href="/company/legal" class="footer-link">Terms of Use</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Privacy" href="/company/legal" class="footer-link">Privacy</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Trademark" href="/company/trademark" class="footer-link">Trademark</a></li> <li role="presentation"> <a data-analytics-click data-analytics-link-type="siteClick" data-analytics-label="Footer|Promotion Terms" href="/company/promotion-terms" class="footer-link">Promotion Terms</a></li> </ul> </nav> </div> </div> </div> <div class="footer__last-section"> <div class="footer__location"> <h2 class="footerDirectoryTitle">Location</h2> <ul role="presentation" class="bbd-component" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector">  <li> <a data-analytics-click="" data-analytics-link-type="siteClick" data-analytics-label="Footer|Country Region Selector" href="/country-region-selector.modal" id="countrySelector" class="location-selector modal__trigger" data-link="true" role="button" data-countryselectionurl="/country-region-selector.modal"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_506_933)"> <path d="M12 22.5C12.7828 22.5 13.8937 21.825 14.9016 19.8141C15.3656 18.8859 15.7547 17.7656 16.0312 16.5H7.96875C8.24531 17.7656 8.63438 18.8859 9.09844 19.8141C10.1063 21.825 11.2172 22.5 12 22.5ZM7.70156 15H16.2984C16.4297 14.0531 16.5 13.0453 16.5 12C16.5 10.9547 16.4297 9.94687 16.2984 9H7.70156C7.57031 9.94687 7.5 10.9547 7.5 12C7.5 13.0453 7.57031 14.0531 7.70156 15ZM7.96875 7.5H16.0312C15.7547 6.23438 15.3656 5.11406 14.9016 4.18594C13.8937 2.175 12.7828 1.5 12 1.5C11.2172 1.5 10.1063 2.175 9.09844 4.18594C8.63438 5.11406 8.24531 6.23438 7.96875 7.5ZM17.8125 9C17.9344 9.96094 18 10.9641 18 12C18 13.0359 17.9344 14.0391 17.8125 15H22.0687C22.35 14.0484 22.5047 13.0406 22.5047 12C22.5047 10.9594 22.3547 9.95156 22.0687 9H17.8125ZM21.4922 7.5C20.2781 4.94531 18.0656 2.95781 15.3563 2.04844C16.3406 3.375 17.1187 5.27344 17.5687 7.5H21.4969H21.4922ZM6.44062 7.5C6.89062 5.26875 7.66875 3.375 8.65313 2.04844C5.93906 2.95781 3.72187 4.94531 2.5125 7.5H6.43594H6.44062ZM1.94063 9C1.65938 9.95156 1.50469 10.9594 1.50469 12C1.50469 13.0406 1.65469 14.0484 1.94063 15H6.1875C6.06563 14.0391 6 13.0359 6 12C6 10.9641 6.06563 9.96094 6.1875 9H1.93594H1.94063ZM15.3516 21.9516C18.0609 21.0375 20.2734 19.0547 21.4875 16.5H17.5641C17.1141 18.7313 16.3359 20.625 15.3516 21.9516ZM8.64844 21.9516C7.66406 20.625 6.89062 18.7266 6.43594 16.5H2.5125C3.72656 19.0547 5.93906 21.0422 8.64844 21.9516ZM12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24Z" fill="#161616"/> </g> <defs> <clipPath id="clip0_506_933"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <span class="footer__country__selected">United States</span> <span class="separator" aria-hidden="true">|</span> Change <span class="a11y">your country or region</span> </a> </li> </ul> </div> <div class="footer__social"> <h2 id="footerBeatsArmy" class="hide-sm hide-md">Follow Us</h2> <nav class="bbd-component" role="navigation" aria-labelledby="footerBeatsArmy" data-analytics-module="footer" data-analytics-region="footer-social-media-country-selector"> <ul role="presentation" class="social social--spaced-row" id="footer-social-army"> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="Footer|Twitter" href="https://www.twitter.com/beatsbydre" target="_blank"> <i class="fa-brands fa-x-twitter"></i> <span class="a11y">Twitter (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="Footer|Facebook" href="https://www.facebook.com/beatsbydre" target="_blank"> <i class="fa fa-facebook"></i> <span class="a11y">Facebook (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="Footer|Youtube" href="https://www.youtube.com/beatsbydre" target="_blank"> <i class="fa fa-youtube"></i> <span class="a11y">YouTube (Opens in a new window)</span> </a> </li> <li> <a data-analytics-click data-analytics-link-type="socialFollow" data-analytics-label="Footer|Instagram" href="https://www.instagram.com/beatsbydre" target="_blank"> <i class="fa fa-instagram"></i> <span class="a11y">Instagram (Opens in a new window)</span> </a> </li> </ul> </nav> </div> </div> </div> <div class="copyright"> <p> Copyright © 2024 Apple Inc. - All rights reserved. </p> </div> </footer> <span class="a11y" id="status" aria-live="polite"></span> </div> <div class="genericSpacing parbase"> <style> @media screen and (min-width: 1024px) { .spacing-9d9de0a1-4aeb-37e4-93c5-0bdf87a8b9a6 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (min-width: 768px) and (max-width: 1023px) { .spacing-9d9de0a1-4aeb-37e4-93c5-0bdf87a8b9a6 { padding-top: 0px; background-color: #FFFFFF; }} @media screen and (max-width: 767px) { .spacing-9d9de0a1-4aeb-37e4-93c5-0bdf87a8b9a6 { padding-top: 7px; background-color: #FFFFFF; }} </style> <section class="bbd-component generic-spacing spacing-9d9de0a1-4aeb-37e4-93c5-0bdf87a8b9a6"></section> </div> <div class="ghost"> </div> </div> </div> <div id="beatsArmyConfirmation-container"></div> <div id="countrySelection-container"> </div> <script> var isExploreEnabled = 'false'; var nameValuePairs = '{}'; var articlePage = 'false'; var isShieldOn = 'true'; var locale = 'en_US'; var explore_exploreTagUrl = '\/stories\/REPLACEME'; var isRcTileRenderable = 'true'; var isAuthorMode = 'false'; var pageType = 'page\u002Dfeaturedetails'; var homepageUrl = '\/'; var countryCode = 'us'; var beatsSearchJsonPath = '\/search.beatssearch.json?q=REPLACEME\x26limit=\u002D1'; var featuredSearch = '\/search.featured.json%20'; var stripHtmlExtension = 'true'; var beatsSearchSuggestionJsonPath = '\/search.beatssuggestions.json?q=REPLACEME\x26locale=en_US'; var searchConfig = '\/search.config.json%20'; var partNumbersList = ''; var pageTrackData = '{\x22content\x22:{\x22pageName\x22:\x22beatsbydre|en|company|beats\u002Dacademy\x22,\x22siteSection\x22:\x22\x22,\x22siteSectionSub1\x22:\x22\x22,\x22siteSectionSub2\x22:\x22\x22,\x22siteSectionSub3\x22:\x22\x22,\x22siteName\x22:\x22Beatsbydre\u002DUS\x22,\x22pageType\x22:\x22\x22,\x22contentType\x22:\x22\x22,\x22language\x22:\x22en\x22,\x22country\x22:\x22US\x22,\x22contentCategories\x22:\x22\x22}}'; var articlePublishDate = ''; var localeCountryKey = locale; if(locale == 'en'){ if(countryCode != 'ww-global'){ localeCountryKey = localeCountryKey+'_'+countryCode.toUpperCase(); } else { localeCountryKey = localeCountryKey+'_US'; } } nameValuePairs = JSON.parse(nameValuePairs); pageTrackData = JSON.parse(pageTrackData); </script> <script src="/etc.clientlibs/beats/clientlibs/site/libExternal.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/base.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/pdpPage.min.js"></script> <script src="/etc.clientlibs/beats/clientlibs/site/featurePage.min.js"></script>  </body> </html>

CINXE.COM

Beats Academy