CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <style id="cs_antiClickjack">body{display:none !important;position:absolute !important;top:-5000px !important;}</style><script>(function(){var chk=0;try{if(self!==top){var ts=top.document.location.href.split('/');var ws=window.document.location.href.split('/');if(ts.length<3||ws.length<3)chk=1;else if(ts[2]!==ws[2])chk=2;else if(ts[0]!==ws[0])chk=3;}}catch(e){chk=4;}if(chk===0){var stb=document.getElementById("cs_antiClickjack");stb.parentNode.removeChild(stb);}else{top.location = self.location}})();</script> <script> var jsDlgLoader = '/loader.cfm'; var jsSiteResourceLoader = '/cs-resources.cfm?r='; var jsSiteResourceSettings = {canCombine: false, canMinify: false}; </script>  <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><link rel="stylesheet" type="text/css" href="/customcf/2021-brand/css/brand-spotlight.css?v=20210426"><link rel="dns-prefetch" href="https://maxcdn.bootstrapcdn.com"><link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><link rel="dns-prefetch" href="https://cloudfront.american.edu"><link rel="stylesheet" type="text/css" href="https://cloudfront.american.edu/assets/css/core/core.css"><link rel="stylesheet" type="text/css" href="https://cloudfront.american.edu/assets/css/core/static.css"><link rel="stylesheet" type="text/css" href="https://cloudfront.american.edu/assets/css/core/interactive.css"><link rel="stylesheet" type="text/css" href="https://cloudfront.american.edu/assets/css/core/forms-buttons-loaders.css"><script src="/commonspot/javascript/browser-all.js"></script>   <link rel="dns-prefetch" href="https://use.fontawesome.com"><link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">   <style type="text/css">article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}</style>   <script>  </script><script> var jsDlgLoader = '/loader.cfm'; var jsSiteResourceLoader = '/cs-resources.cfm?r='; var jsSiteResourceSettings = {canCombine: false, canMinify: false}; </script>      <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script><link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css"><link rel="stylesheet" type="text/css" href="/customcf/2016-redesign/css/el-bg-video.css"><link rel="stylesheet" type="text/css" href="/customcf/2016-redesign/css/el-flex-grid.css"><link rel="stylesheet" type="text/css" href="/customcf/2016-redesign/css/el-flex-news.css"><link rel="stylesheet" type="text/css" href="https://cloudfront.american.edu/assets/css/sites/www/2021-rebrand.css"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="theme-color" content="#0f2846"/> <meta name="description" content="American University is a leader among Washington DC universities in global education. American University enrolls a diverse student body from throughout the United States and nearly 140 countries."> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@AmericanU"> <meta property="og:locale" content="en_US"> <meta property="fb:app_id" content="1671913533107628"> <meta property="og:type" content="website"> <meta property="og:site_name" content="American University"> <meta property="og:url" content="https://www.american.edu/"> <meta property="og:description" content="American University is a leader among Washington DC universities in global education. American University enrolls a diverse student body from throughout the United States and nearly 140 countries."> <meta property="og:image" content="https://www.american.edu/customcf/2016-redesign/images/social_graph.jpg"> <meta property="og:image:url" content="https://www.american.edu/customcf/2016-redesign/images/social_graph.jpg"> <title>American University, Washington, D.C.</title> <meta property="og:title" content="American University, Washington, D.C."> <link rel="icon" href="//cloudfront.american.edu/assets/favicons/AU-favicon-16x16.png" sizes="16x16"> <link rel="icon" href="//cloudfront.american.edu/assets/favicons/AU-favicon-32x32.png" sizes="32x32"> <link rel="icon" href="//cloudfront.american.edu/assets/favicons/AU-favicon-192x192.png" sizes="192x192"> <link rel="icon" href="//cloudfront.american.edu/assets/favicons/AU-favicon-256x256.png" sizes="256x256"> <link rel="shortcut icon" sizes="192x192" href="//cloudfront.american.edu/assets/favicons/AU-favicon-192x192.png"> <link rel="shortcut icon" sizes="256x256" href="//cloudfront.american.edu/assets/favicons/AU-favicon-256x256.png"> <link rel="apple-touch-icon" href="//cloudfront.american.edu/assets/favicons/apple-touch-icon.png" sizes="180x180"> <meta name="msapplication-TileColor" content="#0f2846"> <meta name="msapplication-TileImage" content="//cloudfront.american.edu/assets/favicons/AU-favicon-150x150.png"> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-M7XX5D'); </script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#0f2846", "text": "#ffffff" }, "button": { "background": "#bb7b0f", "text": "#ffffff" } }, "position": "bottom-right", "content": { "href": "https://www.american.edu/privacy/", "message": "American University uses cookies and other technology on our website to improve your experience and to better understand how you use our websites. I agree to American University's use of cookies.", "dismiss": "Agree" }, "cookie": { "expiryDays": 135, "secure": true, "name": 'cookie_consent_au', "domain": '.american.edu' } }) }); </script>    </head><body class="CS_Document"><span role="navigation" aria-label="Top of page" id="__topdoc__"></span>  <div class="bg-blue" role="navigation" aria-labelledby="skip-navigation"> <a id="skip-navigation" class="sr-only sr-only-focusable" href="#main-container" tabindex="0">Skip to main content</a> </div> <div id="site-wrapper" class="template-BRAND2021 homepage-2021 schoolLanding-TRUE" data-au-info="Server: wwwprod101" data-tier="Tier 1" data-tier-subtype="A"> <header id="header-main" class="container-fluid compact" role="banner"> <div id="row-all-logo" class="row row-center"> <div class="col-xs-11 col-sm-6 col-md-4"> <h1> <span itemscope itemtype="https://schema.org/BreadcrumbList" role="navigation" aria-labelledby="breadcrumb-label"> <span class="sr-only" id="breadcrumb-label" >You are here: </span> <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <meta itemprop="position" content="1" /><meta itemprop="name" content="American University" /> <a itemprop="item" href="/" class="crest logotype"> <img alt="American University Homepage" src="//cloudfront.american.edu/assets/crest-logotype.svg" id="logo-full"> </a> </span> </span> </h1> </div> <div class="navbar-full col-xs-1 col-sm-6 col-md-8"> <div class="home-links"> <a href="/change-cant-wait">Giving</a> <a href="/admissions/apply">Apply</a> <a href="#global-CTA-request-content" role="button" data-toggle="collapse" aria-expanded="false">Request Info</a> <div class="collapse" id="global-CTA-request-content" aria-expanded="false"> <h2>Are you interested in...</h2> <a class="btn gtm-metric" href="https://americanuniversity2.my.site.com/AUApplicantPortal/s/request-information">Undergraduate</a> <a class="btn gtm-metric" href="https://www.american.edu/admissions/graduate-admissions/">Graduate</a> </div> <a href="/admissions/experience-au">Visit</a> </div> <button id="header-menu-btn" tabindex="0" class="navbar-toggle" type="button" aria-expanded="false" aria-controls="new-nav" type="button" data-target="#new-nav" data-toggle="collapse" data-placement="right"> <span class="sr-only"><span>Show</span></span> <span class="hidden-xs"> Menu</span> <span class="ion-android-menu"></span> </button> <nav id="new-nav" class="navmenu collapse collapsed col-xs-12 col-sm-5 col-md-4" role="navigation" aria-label="Main Site Navigation Menu"> <div class="expand"> <a tabindex="0" id="new-search-toggle" data-toggle="collapse" data-target="#new-search" href="#new-search">Search</a> <div id="new-search" class=" collapse collapsed in"> <form name="search" id="new-search-form" method="GET" action="https://search.american.edu/s/search.html" class="form-inline" role="search"> <div class="form-group"> <label for="new-searchQ" class="sr-only">Search Website:</label> <input name="collection" value="au-meta" type="hidden" /> <input tabindex="0" class="search form-control col-xs-9 col-sm-9" type="search" name="query" id="new-searchQ" placeholder="Search Website" /> <button tabindex="0" id="new-submit-search" aria-label="Search" type="submit" class="btn btn-primary col-xs-2 col-sm-2"><span class="ion-search"></span><span class="sr-only sr-only-focusable">Go</span></button> </div> </form> <form name="people" id="new-people-form" method="GET" action="/directory" class="form-inline" role="search"> <div class="form-group"> <label for="new-peopleQ" class="sr-only">Find People:</label> <input tabindex="0" class="search form-control col-xs-9 col-sm-9" type="search" name="q" id="new-peopleQ" placeholder="Find AU Faculty/Staff" /> <button tabindex="0" id="new-submit-people" aria-label="Find" name="btnG" type="submit" class="btn btn-primary col-xs-2 col-sm-2"><span class="ion-search"></span><span class="sr-only sr-only-focusable">Go</span></button> </div> </form> <p><a tabindex="0" href="/directory/?d=departments">Browse Departments & Services</a></p> </div> </div> <div class="expand" id="new-au-menu-expand"> <ul id="new-main-menu-accordion"> <li><a tabindex="0" data-toggle="collapse" data-target="#login-detail-new" href="#login-detail-new">Log in<span class="caret" aria-hidden="true"></span></a> <ul id="login-detail-new" class="collapse collapsed"> <li><a tabindex="0" href="https://myau.american.edu/">myAU Portal</a></li> <li><a tabindex="0" href="https://mail.american.edu">Email</a></li> <li><a tabindex="0" href="https://canvas.american.edu/">Canvas</a></li> </ul> </li> <li id="new-admissions-menu"> <a tabindex="0" data-toggle="collapse" data-target="#mainmenu-1" href="#mainmenu-1">Admissions & Aid<span class="caret" aria-hidden="true"></span></a> <ul id="mainmenu-1" class="collapse collapsed" aria-expanded="false"> <li><a tabindex="0" href="/admissions/index.cfm">Undergraduate Admissions</a></li> <li><a tabindex="0" href="/admissions/graduate-admissions/index.cfm">Graduate Admissions</a></li> <li><a tabindex="0" href="/finance/studentaccounts/Tuition-and-Fees-Information.cfm">Tuition & Fees</a></li> <li><a tabindex="0" href="/financialaid/index.cfm">Financial Aid</a></li> </ul> </li> <li id="new-academics-menu"> <a tabindex="0" data-toggle="collapse" data-target="#mainmenu-8" href="#mainmenu-8">Academics<span class="caret" aria-hidden="true"></span></a> <ul id="mainmenu-8" class="collapse collapsed" aria-expanded="false"> <li><a tabindex="0" href="/academics/index.cfm">Academics Home</a></li> <li><a tabindex="0" href="/degrees.cfm">Degrees</a></li> <li><a tabindex="0" href="/provost/registrar/studentservices/registration.cfm">Registration</a></li> <li><a tabindex="0" href="/provost/registrar/schedule/">Schedule of Classes</a></li> <li><a tabindex="0" href="http://auabroad.american.edu">Study Abroad</a></li> <li><a tabindex="0" href="/summer/index.cfm">Summer Programs</a></li> <li><a tabindex="0" href="/onlinelearning/index.cfm">Online Programs</a></li> <li><a tabindex="0" href="/learning-communities/index.cfm">Honors & <br>Learning Communities </a></li> <li><a tabindex="4" href="/professional-and-lifelong-learning/">Professional & <br>Lifelong Learning</a></li> </ul> </li> <li id="new-schools-menu"> <a tabindex="0" data-toggle="collapse" data-target="#mainmenu-9" href="#mainmenu-9">Schools & Colleges<span class="caret" aria-hidden="true"></span></a> <ul id="mainmenu-9" class="collapse collapsed" aria-expanded="true"> <li><a tabindex="0" href="/cas/">College of Arts & Sciences</a></li> <li><a tabindex="0" href="/kogod/">Kogod School of Business</a></li> <li><a tabindex="0" href="/soc/">School of Communication</a></li> <li><a tabindex="0" href="/soe/">School of Education</a></li> <li><a tabindex="0" href="/sis/">School of International Service</a></li> <li><a tabindex="0" href="/provost/ogps/">Professional Studies and Executive Education</a></li> <li><a tabindex="0" href="/spa/">School of Public Affairs</a></li> <li><a tabindex="0" href="/wcl/">Washington College of Law</a></li> </ul> </li> <li id="new-life-menu"> <a tabindex="0" data-toggle="collapse" data-target="#mainmenu-26" href="#mainmenu-26">Student Services<span class="caret" aria-hidden="true"></span></a> <ul id="mainmenu-26" class="collapse collapsed" aria-expanded="false"> <li><a tabindex="0" href="/student-affairs/index.cfm">Student Affairs</a></li> <li><a tabindex="0" href="http://www.aueagles.com">Athletics</a></li> <li><a tabindex="0" href="/student-affairs/housing/index.cfm">Housing</a></li> <li><a tabindex="0" href="/student-affairs/onecarddining/index.cfm">Dining & Retail</a></li> <li><a tabindex="0" href="/student-affairs/orientation/index.cfm">New Students</a></li> <li><a tabindex="0" href="/careercenter/index.cfm">Career Services</a></li> <li><a tabindex="0" href="/student-affairs/get-involved.cfm">Student Organizations</a></li> <li><a tabindex="0" href="/arts/index.cfm">AU Arts</a></li> </ul> </li> <li id="new-library-menu"><a tabindex="0" href="/library/">Library</a></li> <li id="new-calendar-menu"><a tabindex="0" href="/calendar/">Calendars</a></li>  <li id="new-community-relations-menu"><a tabindex="0" href="/communityrelations/">Community Relations</a></li> <li id="new-alumni-menu"><a tabindex="0" href="/alumni/">Alumni</a></li> <li><a tabindex="0" href="https://giving.american.edu/page/21176/donate/1?supporter.appealCode=21AC03W">Give to AU</a></li> <li id="new-research-menu"><a tabindex="0" href="/research/">Research</a></li> <li id="new-about-menu"><a tabindex="0" href="/about/">About</a></li> </ul> </div> </nav> </div> </div> </header>  <main id="main-container" class=""> <section id="emergency-home" role="alert"> <div style="display:none;" id="emergencyMessage" class="page-title page-title-em"></div> </section> <section id="section-hero" class="container-fluid"> <div id="cs_control_4274203" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_herocontainer"></div></div> </section> <section id="section-content" class="container-fluid"> <div id="cs_control_1351" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_maincontainer"><div id="gridRow_1_1_1351" class="cs_GridRow"><div id="gridCol_1_1_1_1_1351" class="cs_GridColumn"><div id="cs_control_5727540" class="cs_control CS_Element_Custom"> <style> .eapps-instagram-feed { /* <----- for instagram element lower on page */ /*margin-top: 40px; margin-bottom: 65px;*/ } .hero-btns{ display:none; } .bv-wrap #brand-copy { margin-left: 20px; margin-right: 20px; } .bv-wrap #play-btn { display: none; padding-left: 50px; } .bv-wrap #challenge-accepted { display: none; } .bv-wrap #challenge-accepted-m { background: #182449; background: var(--blue-dark); padding: 40px 50px 30px; width: 300px; width: clamp(300px, 50vw, 500px); margin: 20px auto; } .bv-wrap #challenge-accepted-m img { margin: 0 auto; } .bv-wrap #mobileCTA { padding-top: 25px; padding-bottom: 25px; } .bv-wrap .fa-play-circle, .bv-wrap .fa-pause-circle { color: #fff; font-size: 4rem; text-shadow: 1px 1px 2px #222; position: absolute; right: 8px; top: 12%; } .bv-wrap .invis { display: none; } .bv-wrap #txt508 { color: #fff; } .bv-wrap .whole-vid { color: #fff; font-family: "Times New Roman", Times, Serif; font-style: italic; font-size: 1.5rem; text-shadow: 1px 1px 2px #222; box-shadow: 1px 1px 2px #222; border-radius:20px; border:2px solid #fff; display:inline-block; padding:4px 7px; line-height:20px; background: rgba(22,34,73,0.75); } .bv-wrap .whole-vid a, .bv-wrap .whole-vid a:visited { color: #fff; } .bv-wrap .whole-vid:hover, .bv-wrap a:focus .whole-vid { font-weight: bold; background: rgba(22,34,73,1); } .bv-wrap .video-container { position: relative; } .bv-wrap #icon-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; display: none; } .bv-wrap #icon-wrap #play-icon, .bv-wrap #icon-wrap #pause-icon { position: absolute; font-size: 150px; top: 50%; left: 50%; margin-left: -75px; margin-top: -75px; opacity: .6; } .bv-wrap #global-CTA-request-mobile .popover button.close-button { position: absolute; top: 5px; right: 9px; background: none!important; border: none; padding: 0!important; font-family: arial, sans-serif; font-weight: 700; color: #fff; cursor: pointer; } .bv-wrap #global-CTA-request-mobile .popover:before { display: none; } @media (min-width: 768px) { .bv-wrap #global-CTA-mobile li { width: 21%; margin-left: 3%; float: left; } } @media (min-width: 992px) { .hero-btns{ position: absolute; z-index: 9; top: 0; width: 100%; left: 0; height: 100%; display: flex; align-items: end; text-align: right; padding: 70px 0; } .bv-wrap { position: relative; margin-top: 70px; } .bv-wrap video { cursor: pointer; } .bv-wrap .video-container { position: relative; } .bv-wrap #icon-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; display: none; } .bv-wrap #icon-wrap #play-icon, .bv-wrap #icon-wrap #pause-icon { position: absolute; font-size: 150px; top: 50%; left: 50%; margin-left: -75px; margin-top: -75px; opacity: .6; } .bv-wrap .bv-grid-container { position: absolute; bottom: -170px; display: grid; grid-template-columns: 8rem 1fr 12rem 20rem 10rem 8rem; grid-template-rows: 6.4rem max-content 80px 10px; } .bv-wrap #brand-copy { grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 4; background-color: #fff; margin-left: 0; margin-right: 0; padding: var(--default-padding-lg) var(--default-padding-xl); } .bv-wrap #empty-block-1 { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; background-color: #fff; } .bv-wrap #empty-block-2 { grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; background-color: #fff; } .bv-wrap #brand-copy-bottom-border { grid-column-start: 2; grid-column-end: 4; grid-row-start: 4; grid-row-end: 5; } /* .bv-wrap #txt508 { grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; } */ .bv-wrap #challenge-accepted { grid-column-start: 3; grid-column-end: 5; /* 5 */ grid-row-start: 2; grid-row-end: 3; background-color: #182449; } .bv-wrap #challenge-accepted { width: 326px; display: flex; justify-content: center; align-items: center; } .bv-wrap #challenge-accepted-m { display:none; } .bv-wrap #challenge-accepted img { /*width: 327px; height: 159px;*/ width: 192px; height: 79px; } .bv-wrap #brand-copy p { margin-bottom: 20px; } .bv-wrap #brand-copy-bottom-border.border-gradient.bottom-only { border-width: 0 0 10px 0; } .bv-wrap #play-btn { grid-column-start: 4; /* 4 */ grid-column-end: 5; /* 5 */ grid-row-start: 1; grid-row-end: 2; } .bv-wrap #play-btn { display: block; position: relative; } } @media (min-width: 1200px) { .bv-wrap .video-container { } } </style> <div class="bv-wrap"> <div class="row"> <div class="col-xs-12 video-container no-bs-padding" itemscope itemtype="http://schema.org/VideoObject"> <div class="microdata"> <meta itemprop="encodingFormat" content="mp4"/> <meta itemprop="contentUrl" content="https://cloudfront.american.edu/videos/Homepage%20Video%20FINAL.mp4"/> <meta itemprop="uploadDate" content="2021-04-16T00:00:00+05:00"/> <meta itemprop="copyrightYear" content="2021"/> <span itemprop="author copyrightHolder creator provider producer sourceOrganization publisher" itemscope itemtype="http://schema.org/Organization" itemid="http://www.american.edu" class="hidden"> <link itemprop="additionalType" href="http://schema.org/CollegeOrUniversity"/> <span itemprop="name">American University</span> <span itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content="https://helpdesk.wcl.american.edu/customcf/2016-redesign/images/logos/crest-logotype-blue.png"> <meta itemprop="width" content="300"> <meta itemprop="height" content="45"> </span> </span> <meta itemprop="name" content="Challenge Accepted Video"/> <meta itemprop="width" content="1920"> <meta itemprop="height" content="823"> <meta itemprop="thumbnailUrl" content="/images/mobile-hero.jpg"> <span itemprop="thumbnail" itemscope itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content="/images/homepage-1920.jpg"> <meta itemprop="width" content="1920"> <meta itemprop="height" content="823"> </span> </div> <img class="visible-xs" src="/images/mobile-hero.jpg" alt="mobile hero watching over monument" /> <video tabindex="0" id="homepage-video" class="visible-sm visible-md visible-lg active" muted poster="/images/homepage-1920.jpg" preload="auto" aria-describedby="hero-video-description" autoplay loop data-au-video-name="Challenge Accepted Video"> <source src="https://cloudfront.american.edu/videos/Homepage%20Video%20FINAL.mp4" type="video/mp4" /> </video> <p id="hero-video-description" class="sr-only hidden-xs hidden-sm" itemprop="transcript description ">Video contains no sound or narration. AU's spirit is captured through the people, places, and events on campus and in DC. Full video</p> <div class="video-background-content"> <div class="content container"> <img src="/images/your-purpose-wordmark.png"> <h1> Start your journey at AU in Washington, DC. </h1> <a href="/admissions" class="cta"> Join Us </a> </div> </div> <style> .mobile-static-hero-background{ height: 600px !important; object-fit: cover; } .video-background-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: end; padding-bottom:40px; } .video-background-content:before { content:''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events:none; background:#000000a1; z-index:2 } .video-background-content .content { z-index:99; } .video-background-content h1 { text-shadow: 0px 4px 4px #00000099; color: #fff; margin-bottom: 60px; font-size: 30px; font-weight: 500; letter-spacing: .15px; } .video-background-content img { max-width: 300px !important; max-height: 200px; object-fit: cover; margin-left: -16px; } .video-background-content .cta{ background: transparent linear-gradient(90deg, #E41748 0%, #4918CD 80%, #4918CD 100%) 0% 0% no-repeat padding-box; color: #FFFFFF !important; display: inline-block; font-family: 'GT Walsheim', sans-serif; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.9px; line-height: 22px; padding: 16px 37px; text-decoration-color: #FFFFFF; } .video-background-content .cta:hover{ text-decoration:underline; } @media (min-width: 500px) { .video-background-content img { max-width: 450px !important; } } @media (min-width: 768px) { .video-background-content { justify-content: center; } } @media (min-width: 992px) { .video-background-content h1 { margin-top:20px; font-size: 40px; } .video-background-content img { max-width: 720px !important; } } #homepage-video { pointer-events: none; } </style> </div> <section id="mobileCTA" class="col-xs-12 visible-xs bg-blue dark"> <ul id="global-CTA-mobile"> <li id="global-CTA-apply-mobile"><a tabindex="0" href="/admissions/apply/index.cfm" class="btn btn-cta">Apply</a></li> <li id="global-CTA-request-mobile"> <a tabindex="0" href="javascript:void(0);" class="btn btn-cta" role="button" data-toggle="popover" data-trigger="focus" data-content=" <div class='cta-content'> <a tabindex='0' class='btn btn-outline gtm-metric' href='https://future-eagle.american.edu/Undergrad-Admissions/Account/Create'>Undergraduate</a> <a tabindex='0' class='btn btn-outline gtm-metric' href='https://www.american.edu/learn-more/graduate/index.cfm?inq_src=di_int_bnr_au_02242020_brandcamp'>Graduate</a> <button aria-label='Close' class='close-button'>✕</button> </div> " data-html="true" title="Are you interested in...">Request Info</a> </li> <li id="global-CTA-visit-mobile"><a tabindex="0" href="/admissions/experience-au/" class="btn btn-cta">Visit</a></li> <li id="global-CTA-giving-mobile"><a tabindex="0" href="/giving/" class="btn btn-cta">Giving</a></li> </ul> </section> </div> <div class="hero-btns"> <div class="container"> <p> <div id="play-btn" class=""> <div id="txt508"> <a href="#" id="pop" style="cursor: pointer;display: inline-block;"><span class="whole-vid">Pause</span></a> </div> </div> </p> </div> </div> </div> <script> $(document).ready(function() { AU.popoverPlacement = function() { var isMobile = AU.isMobile || window.innerWidth <= 768; var a = $("#header-main").hasClass("affix"), b = $('#global-CTA-request-mobile a[data-toggle="popover"]').get(0).getBoundingClientRect().top; return a && !isMobile ? "bottom" : isMobile ? b > 350 ? "top" : "bottom" : "left"; }; AU.popover = function() { $('#global-CTA-request a[data-toggle="popover"], #global-CTA-request-mobile a[data-toggle="popover"]').on("click", function(a) { a.preventDefault(); }); $("#global-CTA a, #global-CTA-mobile a").on("click", function(a) { var b = $(this).text(); AU.analytics.trackEvent(b, "Clicks", "global-cta"); if (b === "Undergraduate") { AU.analytics.setDimension(1, "UG"); AU.analytics.setMetric(1, 5); } else if (b === "Graduate") { AU.analytics.setDimension(1, "GR"); AU.analytics.setMetric(2, 5); } }); $('#global-CTA-request [data-toggle="popover"], #global-CTA-request-mobile [data-toggle="popover"]').popover({ placement: AU.popoverPlacement }).on("shown.bs.popover", function() { var a, b, c = $(this).next(".popover"); if (c.hasClass("left")) { a = c.css("left").replace(/[^-\d\.]/g, ""); b = a - 10; c.css({ top: "-5px", left: b + "px" }); } $("a.gtm-metric").on("click", function(a) { var b = $(this).text(); AU.analytics.trackEvent(b, "Clicks", "global-cta"); if (b === "Undergraduate") { AU.analytics.setDimension(1, "UG"); AU.analytics.setMetric(1, 5); } else if (b === "Graduate") { AU.analytics.setDimension(1, "GR"); AU.analytics.setMetric(2, 5); } }); }); $("#global-CTA-request").on("focus", ".popover a", function() {}); }; AU.popover(); $('[data-toggle="popover"]').popover(); var fadeOut; // Handle video playback and playback controls toggle var ctrlVideo = document.getElementById("homepage-video"); var vidPaused = false; // Auto-play video every time the page loads ctrlVideo.play(); $('#challenge-accepted').clone().attr('id', 'challenge-accepted-m').prependTo($('#brand-copy p:has("a.btn")')); $('#homepage-video').hover(function() { clearTimeout(fadeOut); $('#icon-wrap').fadeIn(700); if (!vidPaused) { fadeOut = setTimeout(function() { $('#icon-wrap').fadeOut(500); }, 3000); } }, function() { if (!vidPaused) { $('#icon-wrap').fadeOut(250); } }); $('#homepage-video').focus(function() { clearTimeout(fadeOut); $('#icon-wrap').fadeIn(700); }); $('#homepage-video, #icon-wrap').keydown(function(e) { if (e.keyCode == 13) { $('#homepage-video').click(); $('#pop span').text(ctrlVideo.paused ? "Play" : "Pause"); } }); $('#homepage-video, #icon-wrap, #pop').click(function() { if (ctrlVideo.paused) { ctrlVideo.play(); vidPaused = false; } else { ctrlVideo.pause(); vidPaused = true; } if ($('#icon-wrap').is(":hidden")) $('#icon-wrap').fadeIn(100); if (!vidPaused) { $('#pop span').text(ctrlVideo.paused ? "Play" : "Pause"); $('#icon-wrap').fadeOut(700, function() { $('#pause-icon').toggleClass("invis"); $('#play-icon').toggleClass("invis"); }); } else { $('#pop span').text(ctrlVideo.paused ? "Play" : "Pause"); $('#icon-wrap').fadeIn(100, function() { $('#pause-icon').toggleClass("invis"); $('#play-icon').toggleClass("invis"); }); } }); }); document.getElementById("homepage-video").disablePictureInPicture = true; </script> </div><div id="cs_control_5727369" class="cs_control CS_Element_Custom"> <style> #program-finder { background: repeating-linear-gradient(36deg, #eef0f3, #eef0f3 15px, #d4d6d9 17px, #d4d6d9 18px); padding: var(--default-padding-md); background-position: center center; background-repeat: no-repeat; background-size: cover; --suffragist-purple: #3c208c; --web-bright-blue: #0672b9; --embassy-blue: #005099; } #program-finder .item-form { grid-area: form; padding: var(--default-padding-md) var(--default-padding-md) 0; } #program-finder .item-browseBy { grid-area: browseBy; padding: var(--default-padding-md); margin-top:-1em; } #program-finder .item-searchBtns { grid-area: searchBtns; } #program-finder .item-browseBtn { grid-area: browseBtn; } #program-finder .item-undergrad { grid-area: undergrad; } #program-finder .item-grad { grid-area: grad; } #program-finder .item-pl { grid-area: pl; } #program-finder .item-CAS { grid-area: search-CAS; margin-bottom: 10px; } #program-finder .item-KOGOD { grid-area: search-KOGOD; margin-bottom: 10px; } #program-finder .item-SOC { grid-area: search-SOC; margin-bottom: 10px; } #program-finder .item-SOE { grid-area: search-SOE; margin-bottom: 10px; } #program-finder .item-SIS { grid-area: search-SIS; margin-bottom: 10px; } #program-finder .item-SPEXS { grid-area: search-SPEXS; margin-bottom: 10px; } #program-finder .item-SPA { grid-area: search-SPA; margin-bottom: 10px; } #program-finder .item-WCL { grid-area: search-WCL; margin-bottom: 10px; } #program-finder .grid-container { display: grid; grid-gap: 1rem 2.5rem; grid-template-rows: repeat(3, min-content); grid-template-columns: 1fr; grid-template-areas: "form" "browseBy" "searchBtns"; } #program-finder form { position: relative; } #program-finder form input { display: block; width: 100%; color: #FFFFFF !important; background-color: transparent; margin-top: .6em; border-width: 0 0 6px 0; } #program-finder form button { border: none; cursor: pointer; right: .1rem; position: absolute; background: transparent; color: #FFFFFF !important; transform: rotate(90deg); } #program-finder label { position: absolute; width: 100%; top: -3rem; transition: font-size .5s ease; color: #FFFFFF !important; } #program-finder label.overlay { position: absolute; } #program-finder h2 { font-size: 1.8rem; color: #FFFFFF !important; } #program-finder div.bg-blue > p { margin:0; } #program-finder div.bg-blue > p > a { display: block; padding:7px 0px 10px 15px; text-decoration: none; } #program-finder div.bg-blue > p > a:hover { color: #FFFFFF; text-decoration: underline; background-color: #034775; } /* 2024 update: */ #program-finder .teaser-text { margin-bottom: 25px; } #program-finder .teaser-text h1 { font-family: "GT Walsheim", Arial, sans-serif; color: black !important; font-size: clamp(4.5rem, 5vw, 6rem); line-height: clamp(4.5rem, 5vw, 6rem); } #program-finder .teaser-text h2, #program-finder .teaser-text h2 p { font-family: "GT Walsheim", Arial, sans-serif; color: var(--default-heading) !important; font-size: clamp(2.5rem, 5vw, 3.8rem); line-height: clamp(2.5rem, 5vw, 3.8rem); font-weight: 500; font-style: italic; margin-bottom: 35px; } #program-finder .teaser-text .hot-text { font-family: "GT Walsheim", Arial, sans-serif; color: #A82860; font-weight: 800; font-size: clamp(3.3rem, 5vw, 5.3rem); text-decoration: underline; } #program-finder .rankings .ranking { /*border: 1px solid red;*/ } #program-finder .rankings .ranking span.value { width: 35%; float: left; display: block; font-family: "GT Walsheim", Arial, sans-serif; color: var(--suffragist-purple); /*font-size: 10.2rem;*/ font-size: clamp(6rem, 6vw, 10.2rem); font-weight: 800; text-align: center; } #program-finder .rankings .ranking p { width: 55%; float: left; font-family: "GT Walsheim", Arial, sans-serif; font-size: clamp(1rem, 4vw, 2.5rem); line-height: clamp(1rem, 4vw, 2.5rem); /*margin-top: 35px;*/ margin-top: clamp(1px, 3vw, 35px); margin-right: 25px; font-weight: 500; color: var(--default-heading); } #program-finder .rankings .ranking p span.source { font-style: italic; font-weight: 500; display: block; font-size: clamp(0.8rem, 3vw, 1.8rem); line-height: clamp(0.8rem, 3vw, 1.8rem); margin-top: 8px; } #program-finder .rankings .ranking a, #program-finder .rankings .ranking a:visited, #program-finder .rankings .ranking a:focus { font-family: "GT Walsheim", Arial, sans-serif; color: var(--web-bright-blue); font-weight: 800; display: block; padding-top: 20px; } #program-finder .bg-blue.light a[href]:not(.btn) { color: #fff !important; } #program-finder div.bg-blue > p > a:hover, #program-finder div.bg-blue > p > a:focus { background-color: var(--web-bright-blue); text-decoration: underline; } #program-finder .btn.btn-white.lighttext { color: var(--embassy-blue) !important; } #program-finder .border-solid { border-radius: 0 !important; border-style: solid !important; border-color: #fff !important; } /* Mobile/Tablet Version 767px 991px */ @media (max-width: 991px) { #program-finder { } #program-finder .grid-container { grid-template-columns: 1fr; } #program-finder form input { font-size: 2.1rem; } #program-finder form button { font-size: 3rem; top: -1rem; /* -3rem; */ } #program-finder label.overlay { font-size: 2.1rem; } #program-finder .btn-white { font-size: 1.8rem; } } /* For 3rd action button addition */ @media (max-width: 1470px) { #program-finder .grid-browseBtn { padding: var(--default-padding); grid-area: browseBtn; display: grid; grid-gap: 2rem; grid-template-rows: 2fr; grid-template-columns: 1fr; grid-template-areas: "undergrad" "grad" "pl"; } } /* Ultra small screen */ @media (max-width: 320px) { #program-finder { padding: var(--default-padding); } #program-finder form input { font-size: 1.7rem; } #program-finder form button { font-size: 2.5rem; top: -1rem; /* -3rem; */ } #program-finder label.overlay { font-size: 1.7rem; } #program-finder .btn-white { font-size: 1.7rem; } #program-finder div.bg-blue > p > a { font-size: 1.7rem; } } /* Desktop Version 768px 992px */ @media (min-width: 992px) { #program-finder { /*padding: var(--default-padding-xl); */ padding-top: 30px; } #program-finder .grid-container { grid-template-columns: 2fr 1fr; grid-template-areas: "form searchBtns" "browseBy searchBtns"; } #program-finder form { margin-top: 11rem; margin-bottom: 0; } #program-finder .item-browseBy { padding-top: 4.5rem; } #program-finder form input { font-size: 2.5rem;; } #program-finder form button { font-size: 3.5rem; top: -1.3rem; /* -2.3rem; */ } #program-finder label.overlay { font-size: 3.5rem; } #program-finder .btn-white { min-width: 25rem; } #program-finder .teaser-text { margin-left: 40px; } } /* For 3rd action button addition */ @media (min-width: 1471px) { #program-finder .item-undergrad, #program-finder .item-grad { margin-right:2.5rem; } } </style> <script> jQuery(function() { jQuery('#query').on('focus', function(){ jQuery('[for="query"]').removeClass('overlay'); }).on('blur', function(){ if (jQuery(this).val().length == 0) { jQuery('[for="query"]').addClass('overlay'); }; }); }); </script> <section class="container-fluid clearfix" id="program-finder"> <div class="teaser-text"> <h1>Discover Your Future with AU</h1> <h2><p><span class="hot-text">91%</span> of undergraduates are working, in graduate school, or both within six months of graduation</p></h2> </div> <div class="grid-container"> <div class="item-form bg-blue light"> <form class="dynamic-label" action="/programs/" method="get"> <legend class="sr-only">Explore AU's academic offerings</legend> <label for="query" class="overlay">I want to study...</label> <span> <input id="query" class="border-solid bottom-only" name="query" type="text" maxlength="100" value="" /> </span> <button type="submit"> <span class="ion-ios-search-strong"></span> <span class="sr-only">Search</span> </button> </form> </div> <div class="item-browseBy bg-blue light"> <h2>Or browse by:</h2> <div class="grid-browseBtn"> <a class="btn btn-white lighttext item-undergrad" title="Undergraduate Programs" href="/programs/undergraduate/">Undergraduate</a> <a class="btn btn-white lighttext item-grad" title="Graduate Programs" href="/programs/graduate/">Graduate</a> <a class="btn btn-white lighttext item-pl" title="Graduate Programs" href="/programs/?f.Degree+Type%7CprogramAcademicLevel=Professional+Learning">Professional Learning</a> </div> </div> <div class="item-searchBtns"> <div class="bg-blue light item-CAS"> <p><a href="/cas">College of Arts & Sciences</a></p> </div> <div class="bg-blue light item-KOGOD"> <p><a href="/kogod">Kogod School of Business</a></p> </div> <div class="bg-blue light item-SPEXS"> <p><a href="/provost/ogps/">Professional Studies and Executive Education</a></p> </div> <div class="bg-blue light item-SOC"> <p><a href="/soc">School of Communication</a></p> </div> <div class="bg-blue light item-SOE"> <p><a href="/soe">School of Education</a></p> </div> <div class="bg-blue light item-SIS"> <p><a href="/sis">School of International Service</a></p> </div> <div class="bg-blue light item-SPA"> <p><a href="/spa">School of Public Affairs</a></p> </div> <div class="bg-blue light item-WCL"> <p><a href="/wcl">Washington College of Law</a></p> </div> </div> </div> <div class="row full rankings"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 ranking"> <span class="value">#4</span> <p>for Study Abroad programs <span class="source">U.S. News & World Report 2025</span></p> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 ranking"> <span class="value">#23</span> <p>for Undergraduate Research/Creative Projects <span class="source">U.S. News & World Report 2025</span></p> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 ranking"> <span class="value">#19</span> <p>for Co-ops/Internships <span class="source">U.S. News & World Report 2025</span></p> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 ranking"> <span class="value">#2</span> <p>for Green Colleges <span class="source">Princeton Review 2025</span></p> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 ranking"> <span class="value">#8</span> <p>for undergraduate and master’s programs in international relations (SIS) <span class="source">Foreign Policy Magazine 2024</span></p> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 ranking"> <span class="value">#13</span> <p>for Schools of Public Affairs (SPA), with three programs rated in the top 10 <span class="source">U.S. News & World Report 2024</span></p> </div> </div> </section> </div><div id="cs_control_6891603" class="cs_control CS_Element_Custom"> <style type="text/css"> .belong-container { --intern-blue: #182449; --embassy-blue: #005099; /*display: flex; flex-wrap: wrap;*/ width: 100%; background-color: #fff; margin: 25px 0; } .belong-container img:last-child { margin-bottom: 0; } .belong-container .cta { background: transparent linear-gradient(90deg, #E41748 0%, #4918CD 80%, #4918CD 100%) 0% 0% no-repeat padding-box; color: #FFFFFF !important; width: 250px; position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); font-family: 'GT Walsheim', sans-serif; font-size: 1.6rem; font-weight: 700; letter-spacing: 0.9px; line-height: 22px; text-align: center; padding: 16px 37px; text-decoration-color: #FFFFFF; } .belong-container .cta-info { color: #FFFFFF !important; border: 5px solid #fff; font-family: 'GT Walsheim', sans-serif; font-size: 2rem; font-weight: 700; letter-spacing: 0.9px; line-height: 22px; text-align: center; /*padding: 16px 37px;*/ text-decoration-color: #FFFFFF; margin-top: 30px; } .belong-container a, .belong-container a:visited { text-decoration: none; } .belong-container a:hover, .belong-container a:focus { text-decoration: underline; } .belong-container .flexrow { display: flex; width: 100%; } .belong-container .area { position: relative; padding: 20px; box-sizing: border-box; min-height: 450px; } .belong-container .area1 { flex: 0 0 30%; padding: 0; display: flex; justify-content: center; align-items: center; } .belong-container .area1 img { max-width: 100%; height: auto; padding: 5%; } .belong-container .area2 { flex: 0 0 35%; padding: 0; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); } .belong-container .area2 img { object-fit: cover; width: 100%; height: 100%; } /* Area 3 = Tout Area, image + text */ .belong-container .area3 { flex: 0 0 35%; background-color: #e8eaee; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); } /* Area 4 = Tout Area, image + text */ .belong-container .area4 { flex: 0 0 35%; } /* Area 5 = Tout Area, image + text */ .belong-container .area5 { flex: 0 0 35%; } .belong-container .area6 { flex: 0 0 30%; padding: 0; display: flex; justify-content: center; align-items: end; } .belong-container .area6 img { max-width: 100%; height: auto; } /* CTA Third Row ------------------------------------------------------------------------------------------------------------------------------------- */ .belong-container .flexrow-ctas { display: flex; width: 75%; gap: 15%; margin-left: auto; margin-right: auto; justify-content: center; } .belong-container .cta-row { background-color: var(--intern-blue); width: 100%; text-align: center; padding: 25px 0; } .belong-container .cta-row .cta-row-title h1 { text-transform: uppercase; color: white; font-weight: 400; font-size: clamp(3rem, 3.1vw, 5rem) !important; } .belong-container .cta-row .cta-row-title h1 strong, .belong-container .cta-row .cta-row-title h1 u { font-weight: 900; } .belong-container .cta-area { /*position: relative;*/ padding: 20px; /*max-width: 260px;*/ /*box-sizing: border-box;*/ flex-basis: calc(33.333% - 10px); } /* .area1 { flex: 0 0 30%; background-color: #f8b400; } .area2 { flex: 0 0 35%; background-color: #34a4eb; } .area3 { flex: 0 0 35%; background-color: #50c878; } .area4 { flex: 0 0 35%; background-color: #f8b400; } .area5 { flex: 0 0 35%; background-color: #34a4eb; } .area6 { flex: 0 0 30%; background-color: #50c878; } */ .belong-container .area .beyond-photo img { width: 100%; } .belong-container .area .beyond-text { margin-top: 10px; margin-left: 10px; margin-right: 10px; } .belong-container .area .beyond-text .beyond-content p { line-height: 1.2; } .belong-container .area.noimage .beyond-text { margin-top: 30px; margin-left: 0; margin-right: 0; } .belong-container .area.noimage .beyond-text h1 { font-size: clamp(3.8rem, 3.1vw, 3.8rem); } .belong-container .area.noimage .beyond-text .beyond-content p { font-size: 2.5rem; } /* .area.noimage h1 { margin-top: 10px; } */ .belong-container .cta-row { min-height: 310px; } .belong-container .cta-row .cta-row-title { margin-top: 30px; } .belong-container .cta-row .mobile-cta-content a { white-space: normal; color: var(--intern-blue) !important; background: #fff; border: 1px solid var(--intern-blue); width: 100%; height: auto; line-height: 5rem; margin: 0; } .belong-container .cta-row .mobile-cta-content a:hover, .belong-container .cta-row .mobile-cta-content a:focus { text-decoration: underline; } .belong-container .popover, .belong-container .popover .popover-title, .belong-container .popover .popover-content { background: var(--embassy-blue); } .belong-container .popover:before { right: 10px; } @media (max-width: 768px) { .belong-container .flexrow, .belong-container .flexrow-ctas { flex-direction: column; } .belong-container .flexrow-ctas { width: 60%; } .belong-container .area { flex: 0 0 100%; min-height: 550px; } .belong-container .area.noimage { min-height: 375px; } .belong-container .area2 img { position: absolute; left: 50%; transform: translateX(-50%); } .belong-container img.dtp-img { display: none; } .belong-container .cta-row { min-height: initial; } .belong-container .cta-area { flex-basis: 100%; } } @media (min-width: 769px) { .belong-container img.mob-img { display: none; } } </style> <div class="belong-container"> <div class="flexrow"> <div class="area area1"> <img class="lazyload" loading="lazy" data-src="/images/YouBelongAtAU_lockup.png" src="" alt="You Belong at AU wordmark" /> </div> <div class="area area2"> <img class="lazyload" loading="lazy" data-src="/images/bronze-eagle-pano.jpg" src="" alt="Panorama of students near a bronze eagle" /> </div> <div class="area area3 noimage"> <div class="beyond-text"> <header> <h1> Pursue Your Purpose </h1> </header> <div class="beyond-content"> <p> <p>We are here to help you soar. As you navigate your journey, explore the amazing opportunities AU and Washington, DC, have to offer.</p> </p> </div> </div> <a href="/admissions/experience-au/index.cfm" class="cta">Experience AU</a> </div> </div> <div class="flexrow"> <div class="area area4"> <div class="beyond-photo"> <img class="lazyload dtp-img" loading="lazy" data-src="/images/map-desktop.png" src="" alt="Portion of the AU campus map" /> <img class="lazyload mob-img" loading="lazy" data-src="/images/map-mobile.png" src="" alt="Portion of the AU campus map" /> </div> <div class="beyond-text"> <header> <h1> Explore our DC Campus </h1> </header> <div class="beyond-content"> <p> <p>Use our interactive campus map to learn why AU is a bustling community for inquiry, discovery, service, and fun.</p> </p> </div> </div> <a href="https://map-american.university-tour.com/au-main-campus" class="cta">AU Campus Map</a> </div> <div class="area area5"> <div class="beyond-photo"> <img class="lazyload dtp-img" loading="lazy" data-src="/images/clawed-desktop.jpg" src="" alt="Clawed the eagle and students dancing on a basketball court" /> <img class="lazyload mob-img" loading="lazy" data-src="/images/clawed-mobile.jpg" src="" alt="Clawed the eagle and students dancing on a basketball court" /> </div> <div class="beyond-text"> <header> <h1> Learn Here and Everywhere </h1> </header> <div class="beyond-content"> <p> <p>AU students engage, connect, and innovate. They build skills in the classroom, across DC, and around the world. And they have fun doing it.</p> </p> </div> </div> <a href="/student-affairs/index.cfm" class="cta">Student Life</a> </div> <div class="area area6"> <img class="lazyload" loading="lazy" data-src="/images/eagle-homepage-576-525.png" src="" alt="A bronze eagle stares skyward" /> </div> </div> <div class="cta-row"> <div class="cta-row-title"><h1>Find your AU opportunity. <strong>Challenge accepted.</strong></h1></div> <div class="flexrow-ctas"> <a class="cta-info cta-area" href="/admissions/apply">Apply</a> <a tabindex="0" href="javascript:void(0);" class="cta-info cta-area" role="button" data-toggle="popover" data-trigger="focus" data-placement="top" data-content=" <div class='mobile-cta-content' style='display: static !important;'> <a tabindex='0' class='btn btn-outline gtm-metric' href='https://future-eagle.american.edu/Undergrad-Admissions/Account/Create'>Undergraduate</a> <a tabindex='0' class='btn btn-outline gtm-metric' href='https://www.american.edu/learn-more/graduate/index.cfm?inq_src=di_int_bnr_au_02242020_brandcamp'>Graduate</a>  </div> " data-html="true" title="Are you interested in...">Request Info</a> <a class="cta-info cta-area" href="/admissions/experience-au">Visit</a> </div> <div class="collapse" id="belong-CTA-request-content" aria-expanded="false" style="height: 0px; border:1px solid red;"> <h2>Are you interested in...</h2> <a class="btn gtm-metric" href="https://americanuniversity2.my.site.com/AUApplicantPortal/s/request-information">Undergraduate</a> <a class="btn gtm-metric" href="https://www.american.edu/admissions/graduate-admissions/">Graduate</a> </div> </div> </div> </div><div id="cs_control_5727986" class="cs_control CS_Element_Custom"> <section data-audience="All Students" class="el-flex-grid flex-count-3 row row-center clearfix" id="our-commitments"> <header class="col-xs-12 no-bs-padding separator-gradient"> <h1>Our Commitments</h1> </header> <ul class="flex-grid-container"> <li> <div id="cs_control_5727987" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_5727366_5727987"></div></div> </li> <li> <div id="cs_control_5727988" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_5727366_5727988"></div></div> </li> <li> <div id="cs_control_5727989" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_5727366_5727989"></div></div> </li> </ul> </section> <style> #section-content > div > div > div > div > div > .el-flex-grid { padding-left: var(--default-padding-xl); padding-right: var(--default-padding-xl); padding-left: 15px; padding-right: 15px; max-width: 100%; } #section-content .el-flex-grid > header { padding-left: 55px; padding-bottom: clamp(3rem, 3vw, 6rem); } .el-flex-grid .flex-grid-container { margin: 0; padding: 0; list-style: none; /*overflow-x: auto; scroll-snap-type: x mandatory; display: flex; flex-wrap: nowrap; align-items: flex-start;*/ display: grid; grid-template-columns: calc(33.3333% - 1rem * 2/3) calc(33.3333% - 1rem * 2/3) calc(33.3333% - 1rem * 2/3); grid-column-gap: 1rem; grid-row-gap: 1rem; width: 100%; } .el-flex-grid .flex-grid-container > li { /*scroll-snap-align: center; flex: 0 0 auto; display: grid; grid-column-gap: 7px; grid-auto-rows: 1fr; align-items: center; margin-bottom: 0; width: calc(100% / 3);*/ position: relative; background: rgba(217, 220, 227, 0.3); margin-bottom: 0; } .el-flex-grid .flex-grid-container article { /*padding: 0 20px 0 0; width: 100%; position: relative; display: grid; grid-auto-rows: 1fr; max-height: 500px; max-height: clamp(350px, 30vw, 500px); height: 500px; height: clamp(350px, 30vw, 500px); overflow: hidden;*/ } /*.el-flex-grid .flex-grid-container article:before {*/ .el-flex-grid .flex-grid-container > li:before { background: transparent var(--challenge-gradient-vertical) 0% 0% no-repeat padding-box; content: ""; display: block; height: calc(100% - 50px); left: 0; margin: 25px 0 30px 16px; position: absolute; top: 0; width: 4px; z-index: 1; } .el-flex-grid .flex-grid-container article > img { width: 100%; } .el-flex-grid .flex-grid-container article > h2 { padding: 20px 30px 20px 40px; padding-top: clamp(0px, 1vw, 20px); padding-bottom: clamp(0px, 1vw, 20px); margin:0; } .el-flex-grid .flex-grid-container article > p { padding: 20px 30px 20px 40px; padding-top: clamp(0px, 1vw, 20px); padding-bottom: clamp(40px, calc(1vw + 40px), 60px); /* background: rgba(217, 220, 227, 0.3); */ margin:0; } .el-flex-grid .flex-grid-container article > a { position: absolute; bottom: 0; left: 40px; } @media screen and (max-width: 991px) { .el-flex-grid .flex-grid-container { grid-template-columns: 100%; } .el-flex-grid .flex-grid-container article > h2 { font-size: clamp(2.5rem, 2.5vw, 4rem); } .el-flex-grid .flex-grid-container article > p { font-size: 2rem; } .el-flex-grid .flex-grid-container article > a.btn-link { font-size: 1.5rem; } } </style> </div><div id="cs_control_5727372" class="cs_control CS_Element_Custom"><div class="row row-halves-no-gutter-full-full"> <div class="col-grid col-xs-12 col-sm-12 col-md-6"> <div id="cs_control_5727549" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_5727366_5727549"><div id="gridRow_1_1_5727549" class="cs_GridRow"><div id="gridCol_1_1_1_1_5727549" class="cs_GridColumn"><div id="cs_control_5727559" class="cs_control CS_Element_Custom"> <section class="brandspotlight text-block clearfix" id="5727559"> <div class="brandspotlightLeft"> <a href="https://www.american.edu/president/diversity/inclusive-excellence/" aria-label="Inclusive Excellence"> <header> <h1>Inclusive Excellence</h1> </header> <picture> <source srcset="/images/Inclusive-Excellence_5726945_400x355.jpg" media="(max-width: 400px)"></source> <source srcset="/images/Inclusive-Excellence_5726945_632x560.jpg" media="(max-width: 632px)"></source> <source srcset="/images/Inclusive-Excellence_5726945_952x844.jpg" media="(min-width: 900px)"></source> <img src="/images/Inclusive-Excellence_5726945_952x844.jpg" alt="Students at AUx" /> </picture> </a> <div class="full-width-left"> <a href="https://www.american.edu/president/diversity/inclusive-excellence/" aria-label="Inclusive Excellence"> <p class="lede"> For AU to be excellent, we must be inclusive. </p> <p> From the creation of inclusive policies and scholarship that addresses racism in its many forms, Inclusive Excellence shapes our current actions and is our roadmap to building a more equitable future. </p> </a> </div> </div> </section> <script> $(function() { $(".brandspotlight").parents(".col-grid:first-child").css("padding-left","0rem"); $(".brandspotlight").parents(".col-grid:first-child").css("padding-right","0rem"); $(".brandspotlight").parents(".col-grid:last-child").css("padding-right","0rem"); $(".brandspotlight").parents(".col-grid:last-child").css("padding-left","0rem"); }); </script> </div></div></div></div></div> </div> <div class="col-grid col-xs-12 col-sm-12 col-md-6"> <div id="cs_control_5727550" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_5727366_5727550"><div id="gridRow_1_1_5727550" class="cs_GridRow"><div id="gridCol_1_1_1_1_5727550" class="cs_GridColumn"><div id="cs_control_5727561" class="cs_control CS_Element_Custom"> <section class="brandspotlight text-block clearfix" id="5727561"> <div class="brandspotlightRight"> <a href="https://www.american.edu/about/sustainability/" aria-label="Sustainability"> <header> <h1>Sustainability</h1> </header> <picture> <source srcset="/ucm/images/OoS-Homepage-Element-Bees_5726945_400x355.jpg" media="(max-width: 400px)"></source> <source srcset="/ucm/images/OoS-Homepage-Element-Bees_5726945_632x560.jpg" media="(max-width: 632px)"></source> <source srcset="/ucm/images/OoS-Homepage-Element-Bees_5726945_952x844.jpg" media="(min-width: 991px)"></source> <img src="/ucm/images/OoS-Homepage-Element-Bees_5726945_952x844.jpg" alt="Two American University students wearing bee suits on the Mary Graydon Center's green roof, observing a beehive." /> </picture> </a> <div class="full-width-right"> <a href="https://www.american.edu/about/sustainability/" aria-label="Sustainability"> <p class="lede"> A culture of climate action powers our impact. </p> <p> As the nation’s first carbon neutral university, the entire American University community contributes to our sustainability progress. From choosing eco-friendly transportation to food waste composting, we all play a vital role. </p> </a> </div> </div> </section> <script> $(function() { $(".brandspotlight").parents(".col-grid:first-child").css("padding-left","0rem"); $(".brandspotlight").parents(".col-grid:first-child").css("padding-right","0rem"); $(".brandspotlight").parents(".col-grid:last-child").css("padding-right","0rem"); $(".brandspotlight").parents(".col-grid:last-child").css("padding-left","0rem"); }); </script> </div></div></div></div></div> </div> </div></div><div id="cs_control_5727373" class="cs_control CS_Element_Custom"> <section data-audience="All Students" class="el-flex-grid flex-count-3 row row-center clearfix" id="news--events"> <header class="col-xs-12 no-bs-padding separator-gradient"> <h1>News + Events</h1> </header> <ul class="flex-grid-container"> <li> <div id="cs_control_5727552" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_5727366_5727552"><div id="gridRow_1_1_5727552" class="cs_GridRow"><div id="gridCol_1_1_1_1_5727552" class="cs_GridColumn"><div id="cs_control_5727555" class="cs_control CS_Element_Custom"> <article> <img src="/news/images/Photo-Oct-21-2024-11-40-25-AM-1_5589884_600x315.jpg" alt="President Jon Alger speaks at the launch event for the Civic Life. Photo by Jeff Watts."/> <h2 class="brand-h3"><a href="/news/Learning-from-Disagreement.cfm">Learning from Disagreement</a></h2> <p> On October 21, AU launched the Civic Life with a discussion about finding ways to dialogue through disagreement featuring campus experts. </p> <a href="/news/Learning-from-Disagreement.cfm" class="btn btn-link" title="Read more about Learning from Disagreement" aria-label="Read more about Learning from Disagreement">Read More</a> </article> </div></div></div></div></div> </li> <li> <div id="cs_control_5727553" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_5727366_5727553"><div id="gridRow_1_1_5727553" class="cs_GridRow"><div id="gridCol_1_1_1_1_5727553" class="cs_GridColumn"><div id="cs_control_5727556" class="cs_control CS_Element_Custom"> <article> <img src="/change-cant-wait/discovery/images/Moby-Dick_1200x630_5589884_600x315.jpg" alt="Ink markings appear in the first chapter of the rare 1853 edition copy of "The Whale"—definitively titled "Moby-Dick.""/> <h2 class="brand-h3"><a href="/change-cant-wait/discovery/AU-Friend-and-Neighbor-Bequests-Rare-Copy-of-Moby-Dick-to-University-Library.cfm">AU Friend and Neighbor Bequests Rare Copy of Moby-Dick to University Library</a></h2> <p> Through her estate gift, Mary deLimur Weinmann entrusted a rare 1853 edition copy of Herman Melville’s novel to AU’s University Library. Its ink markings make it an extraordinary resource for new scholarship. </p> <a href="/change-cant-wait/discovery/AU-Friend-and-Neighbor-Bequests-Rare-Copy-of-Moby-Dick-to-University-Library.cfm" class="btn btn-link" title="Read more about AU Friend and Neighbor Bequests Rare Copy of Moby-Dick to University Library" aria-label="Read more about AU Friend and Neighbor Bequests Rare Copy of Moby-Dick to University Library">Read More</a> </article> </div></div></div></div></div> </li> <li> <div id="cs_control_5727554" class="cs_control CS_Element_Schedule"><div title="" id="CS_Element_5727366_5727554"><div id="gridRow_1_1_5727554" class="cs_GridRow"><div id="gridCol_1_1_1_1_5727554" class="cs_GridColumn"><div id="cs_control_5727557" class="cs_control CS_Element_Custom"> <article> <img src="/news/images/D25_150_123_1_5589884_600x315.jpg" alt="AU faculty and staff sit at tables in Constitution Hall at an Office of Inclusive Excellence event. Photo by Jeff Watts."/> <h2 class="brand-h3"><a href="/news/Turning-Talk-into-Action.cfm">Turning Talk into Action</a></h2> <p> The Office of Inclusive Excellence convened faculty, staff, and university leadership on October 22 to kick off Dialogue Across Differences, an ongoing series about how to build a more inclusive AU. </p> <a href="/news/Turning-Talk-into-Action.cfm" class="btn btn-link" title="Read more about Turning Talk into Action" aria-label="Read more about Turning Talk into Action">Read More</a> </article> </div></div></div></div></div> </li> </ul> </section> <style> #section-content > div > div > div > div > div > .el-flex-grid { padding-left: var(--default-padding-xl); padding-right: var(--default-padding-xl); padding-left: 15px; padding-right: 15px; max-width: 100%; } #section-content .el-flex-grid > header { padding-left: 55px; padding-bottom: clamp(3rem, 3vw, 6rem); } .el-flex-grid .flex-grid-container { margin: 0; padding: 0; list-style: none; /*overflow-x: auto; scroll-snap-type: x mandatory; display: flex; flex-wrap: nowrap; align-items: flex-start;*/ display: grid; grid-template-columns: calc(33.3333% - 1rem * 2/3) calc(33.3333% - 1rem * 2/3) calc(33.3333% - 1rem * 2/3); grid-column-gap: 1rem; grid-row-gap: 1rem; width: 100%; } .el-flex-grid .flex-grid-container > li { /*scroll-snap-align: center; flex: 0 0 auto; display: grid; grid-column-gap: 7px; grid-auto-rows: 1fr; align-items: center; margin-bottom: 0; width: calc(100% / 3);*/ position: relative; background: rgba(217, 220, 227, 0.3); margin-bottom: 0; } .el-flex-grid .flex-grid-container article { /*padding: 0 20px 0 0; width: 100%; position: relative; display: grid; grid-auto-rows: 1fr; max-height: 500px; max-height: clamp(350px, 30vw, 500px); height: 500px; height: clamp(350px, 30vw, 500px); overflow: hidden;*/ } /*.el-flex-grid .flex-grid-container article:before {*/ .el-flex-grid .flex-grid-container > li:before { background: transparent var(--challenge-gradient-vertical) 0% 0% no-repeat padding-box; content: ""; display: block; height: calc(100% - 50px); left: 0; margin: 25px 0 30px 16px; position: absolute; top: 0; width: 4px; z-index: 1; } .el-flex-grid .flex-grid-container article > img { width: 100%; } .el-flex-grid .flex-grid-container article > h2 { padding: 20px 30px 20px 40px; padding-top: clamp(0px, 1vw, 20px); padding-bottom: clamp(0px, 1vw, 20px); margin:0; } .el-flex-grid .flex-grid-container article > p { padding: 20px 30px 20px 40px; padding-top: clamp(0px, 1vw, 20px); padding-bottom: clamp(40px, calc(1vw + 40px), 60px); /* background: rgba(217, 220, 227, 0.3); */ margin:0; } .el-flex-grid .flex-grid-container article > a { position: absolute; bottom: 0; left: 40px; } @media screen and (max-width: 991px) { .el-flex-grid .flex-grid-container { grid-template-columns: 100%; } .el-flex-grid .flex-grid-container article > h2 { font-size: clamp(2.5rem, 2.5vw, 4rem); } .el-flex-grid .flex-grid-container article > p { font-size: 2rem; } .el-flex-grid .flex-grid-container article > a.btn-link { font-size: 1.5rem; } } </style> </div><div id="cs_control_5727379" class="cs_control CS_Element_CustomCF"><div id="CS_CCF_5727366_5727379"> <script type="text/javascript" src="/customcf/2021-brand/jquery.scrollbox.min.js"></script> <div id="washSpotlight"> <div id="fader"></div> <div id="slides"> <picture> <source srcset="https://cloudfront.american.edu/assets/2021-images/community_m.jpg" media="(max-width: 768px)"></source> <source srcset="https://cloudfront.american.edu/assets/2021-images/community.jpg" media="(min-width: 769px)"></source> <img src="https://cloudfront.american.edu/assets/2021-images/community.jpg" alt="community" /> </picture> <picture> <source srcset="https://cloudfront.american.edu/assets/2021-images/playground_m.jpg" media="(max-width: 768px)"></source> <source srcset="https://cloudfront.american.edu/assets/2021-images/playground.jpg" media="(min-width: 769px)"></source> <img src="https://cloudfront.american.edu/assets/2021-images/playground.jpg" alt="playground" /> </picture> <picture> <source srcset="https://cloudfront.american.edu/assets/2021-images/lab_m.jpg" media="(max-width: 768px)"></source> <source srcset="https://cloudfront.american.edu/assets/2021-images/lab.jpg" media="(min-width: 769px)"></source> <img src="https://cloudfront.american.edu/assets/2021-images/lab.jpg" alt="lab" /> </picture> <picture> <source srcset="https://cloudfront.american.edu/assets/2021-images/classroom_m.jpg" media="(max-width: 768px)"></source> <source srcset="https://cloudfront.american.edu/assets/2021-images/classroom.jpg" media="(min-width: 769px)"></source> <img src="https://cloudfront.american.edu/assets/2021-images/classroom.jpg" alt="classroom" /> </picture> <picture> <source srcset="https://cloudfront.american.edu/assets/2021-images/home_m.jpg" media="(max-width: 768px)"></source> <source srcset="https://cloudfront.american.edu/assets/2021-images/home.jpg" media="(min-width: 769px)"></source> <img src="https://cloudfront.american.edu/assets/2021-images/home.jpg" alt="home" /> </picture> </div> <div class="scrollingAnim"> <div class="col-xs-6 stationary"> <div>Washington, DC is our</div> </div> <div class="spotlight-accent"></div> <div class="col-xs-6" id="scrollbox"> <ul> <li><a href="/research/students.cfm">laboratory.</a></li> <li><a href="/learning-communities/universitycollege/au-cornerstone/dc/index.cfm">classroom.</a></li> <li><a href="https://www.american.edu/">home.</a></li> <li><a href="/ocl/housing/">community.</a></li> <li><a href="https://washington.org/" target="_blank">playground.</a></li> <li><a href="/research/students.cfm">laboratory.</a></li> <li><a href="/learning-communities/universitycollege/au-cornerstone/dc/index.cfm">classroom.</a></li> <li><a href="https://www.american.edu/">home.</a></li> <li><a href="/ocl/housing/">community.</a></li> <li><a href="https://washington.org/" target="_blank">playground.</a></li> </ul> </div> </div> </div> <script> /*global jQuery */ /*! * jQuery Scrollbox * (c) 2009-2013 Hunter Wu <hunter.wu@gmail.com> * MIT Licensed. * * http://github.com/wmh/jquery-scrollbox */ (function($) { $.fn.scrollbox = function(config) { //default config var defConfig = { linear: false, // Scroll method startDelay: 2, // Start delay (in seconds) delay: 3, // Delay after each scroll event (in seconds) step: 5, // Distance of each single step (in pixels) speed: 32, // Delay after each single step (in milliseconds) switchItems: 1, // Items to switch after each scroll event direction: 'vertical', distance: 'auto', autoPlay: true, onMouseOverPause: true, paused: false, queue: null, listElement: 'ul', listItemElement:'li', infiniteLoop: true, // Infinite loop or not switchAmount: 0, // Give a number if you don't want to have infinite loop afterForward: null, // Callback function after each forward action afterBackward: null, // Callback function after each backward action triggerStackable: false // Allow triggers when action is not finish yet }; config = $.extend(defConfig, config); config.scrollOffset = config.direction === 'vertical' ? 'scrollTop' : 'scrollLeft'; if (config.queue) { config.queue = $('#' + config.queue); } return this.each(function() { var container = $(this), containerUL, scrollingId = null, nextScrollId = null, paused = false, releaseStack, backward, forward, resetClock, scrollForward, scrollBackward, forwardHover, pauseHover, switchCount = 0, stackedTriggerIndex = 0; if (config.onMouseOverPause) { container.bind('mouseover', function() { paused = true; }); container.bind('mouseout', function() { paused = false; }); } containerUL = container.children(config.listElement + ':first-child'); // init default switchAmount if (config.infiniteLoop === false && config.switchAmount === 0) { config.switchAmount = containerUL.children().length; } scrollForward = function() { if (paused) { return; } var curLi, i, newScrollOffset, scrollDistance, theStep; curLi = containerUL.children(config.listItemElement + ':first-child'); scrollDistance = config.distance !== 'auto' ? config.distance : config.direction === 'vertical' ? curLi.outerHeight(true) : curLi.outerWidth(true); // offset if (!config.linear) { theStep = Math.max(3, parseInt((scrollDistance - container[0][config.scrollOffset]) * 0.3, 10)); newScrollOffset = Math.min(container[0][config.scrollOffset] + theStep, scrollDistance); } else { newScrollOffset = Math.min(container[0][config.scrollOffset] + config.step, scrollDistance); } container[0][config.scrollOffset] = newScrollOffset; if (newScrollOffset >= scrollDistance) { for (i = 0; i < config.switchItems; i++) { if (config.queue && config.queue.find(config.listItemElement).length > 0) { containerUL.append(config.queue.find(config.listItemElement)[0]); containerUL.children(config.listItemElement + ':first-child').remove(); } else { containerUL.append(containerUL.children(config.listItemElement + ':first-child')); } ++switchCount; } container[0][config.scrollOffset] = 0; clearInterval(scrollingId); scrollingId = null; $('#slides').append($('#slides > img:first-child, #slides > picture:first-child')); $('.spotlight-accent').animate({ opacity: 1}, 250); $('#fader').animate({ opacity: 0}, 750, function() { if ($.isFunction(config.afterForward)) { config.afterForward.call(container, { switchCount: switchCount, currentFirstChild: containerUL.children(config.listItemElement + ':first-child') }); } if (config.triggerStackable && stackedTriggerIndex !== 0) { releaseStack(); return; } if (config.infiniteLoop === false && switchCount >= config.switchAmount) { return; } if (config.autoPlay) { nextScrollId = setTimeout(forward, config.delay * 1000); } }); } }; slideNext = function() { var slides = $('.img-container img'); var current = 0; slides.each(function(i) { if ($(this).hasClass('show')) { current = i; } }); $(slides[current]).removeClass('show'); if (current == slides.length-1) $(slides[0]).addClass('show'); else $(slides[current+1]).addClass('show'); }; // Backward // 1. If forwarding, then reverse // 2. If stoping, then backward once scrollBackward = function() { if (paused) { return; } var curLi, i, newScrollOffset, scrollDistance, theStep; // init if (container[0][config.scrollOffset] === 0) { for (i = 0; i < config.switchItems; i++) { containerUL.children(config.listItemElement + ':last-child').insertBefore(containerUL.children(config.listItemElement+':first-child')); } curLi = containerUL.children(config.listItemElement + ':first-child'); scrollDistance = config.distance !== 'auto' ? config.distance : config.direction === 'vertical' ? curLi.height() : curLi.width(); container[0][config.scrollOffset] = scrollDistance; } // new offset if (!config.linear) { theStep = Math.max(3, parseInt(container[0][config.scrollOffset] * 0.3, 10)); newScrollOffset = Math.max(container[0][config.scrollOffset] - theStep, 0); } else { newScrollOffset = Math.max(container[0][config.scrollOffset] - config.step, 0); } container[0][config.scrollOffset] = newScrollOffset; if (newScrollOffset === 0) { --switchCount; clearInterval(scrollingId); scrollingId = null; if ($.isFunction(config.afterBackward)) { config.afterBackward.call(container, { switchCount: switchCount, currentFirstChild: containerUL.children(config.listItemElement + ':first-child') }); } if (config.triggerStackable && stackedTriggerIndex !== 0) { releaseStack(); return; } if (config.autoPlay) { nextScrollId = setTimeout(forward, config.delay * 1000); } } }; releaseStack = function () { if (stackedTriggerIndex === 0) { return; } if (stackedTriggerIndex > 0) { stackedTriggerIndex--; nextScrollId = setTimeout(forward, 0); } else { stackedTriggerIndex++; nextScrollId = setTimeout(backward, 0); } }; forward = function() { clearInterval(scrollingId); $('.spotlight-accent').animate({ opacity: 0}, 1000); $('#fader').animate({ opacity: 1.0 }, 1000, function() { scrollingId = setInterval(scrollForward, config.speed); }); }; backward = function() { clearInterval(scrollingId); slideNext(); $('.separator-gradient').hide(50); scrollingId = setInterval(scrollBackward, config.speed); $('.separator-gradient').show(50); }; // Implements mouseover function. forwardHover = function() { config.autoPlay = true; paused = false; clearInterval(scrollingId); scrollingId = setInterval(scrollForward, config.speed); }; pauseHover = function() { paused = true; }; resetClock = function(delay) { config.delay = delay || config.delay; clearTimeout(nextScrollId); if (config.autoPlay) { nextScrollId = setTimeout(forward, config.delay * 1000); } }; if (config.autoPlay) { nextScrollId = setTimeout(forward, config.startDelay * 1000); } // bind events for container container.bind('resetClock', function(delay) { resetClock(delay); }); container.bind('forward', function() { if (config.triggerStackable) { if (scrollingId !== null) { stackedTriggerIndex++; } else { forward(); } } else { clearTimeout(nextScrollId); forward(); } }); container.bind('backward', function() { if (config.triggerStackable) { if (scrollingId !== null) { stackedTriggerIndex--; } else { backward(); } } else { clearTimeout(nextScrollId); backward(); } }); container.bind('pauseHover', function() { pauseHover(); }); container.bind('forwardHover', function() { forwardHover(); }); container.bind('speedUp', function(event, speed) { if (speed === 'undefined') { speed = Math.max(1, parseInt(config.speed / 2, 10)); } config.speed = speed; }); container.bind('speedDown', function(event, speed) { if (speed === 'undefined') { speed = config.speed * 2; } config.speed = speed; }); container.bind('updateConfig', function (event, options) { config = $.extend(config, options); }); }); }; }(jQuery)); $(document).ready(function() { $('html').addClass('js'); $('#scrollbox').scrollbox({ linear: true, autoPlay: true, step: 1, delay: 10, speed: 0, infiniteLoop: true }); }); </script> </div></div></div></div></div></div> </section> </main>  <script src="https://kit.fontawesome.com/51e409e4f4.js" crossorigin="anonymous"></script> <footer class="container-fluid" id="site-footer" role="contentinfo"> <div class="row row-center" id="ftr-flex-context"> <div class="col-md-4 col-sm-12 col-xs-12 no-bs-padding" id="ftr-address-policies"> <address>4400 Massachusetts Avenue, NW<br />Washington, DC 20016</address> <ul class="clearfix"> <li><a href="tel:2028851000" data-track-gtm="footer-link|Contact: Phone Number|www.american.edu/">(202) 885-1000</a></li> <li><a href="/contact-au.cfm" data-track-gtm="footer-link|Contact: Page|www.american.edu/">Contact Us</a></li> <li><a href="/about/visiting-campus.cfm" data-track-gtm="footer-link|Visit AU|www.american.edu/">Visit AU</a></li> <li><a href="/hr/" data-track-gtm="footer-link|Work at AU|www.american.edu/">Work at AU</a></li> </ul> <div class="policies"> <p>Copyright © 2024 American University.</p> <ul class="clearfix"> <li><a href="/emergency/" data-track-gtm="footer-link|Emergency Preparedness|www.american.edu/">Emergency Preparedness</a></li> <li><a href="/policies/" data-track-gtm="footer-link|Policies|www.american.edu/">Policies</a></li> <li><a href="/privacy/" data-track-gtm="footer-link|Privacy|www.american.edu/">Privacy</a></li> <li><a href="/disclosure/" data-track-gtm="footer-link|Disclosure|www.american.edu/">Disclosure</a></li> <li><a href="/eeo/" data-track-gtm="footer-link|EEO|www.american.edu/">EEO</a></li> <li><a href="/policies/au-community/title-ix-sexual-harassment-policy.cfm" data-track-gtm="footer-link|TitleIX|www.american.edu/">Title IX</a></li> </ul> </div> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 no-bs-padding" id="ftr-social-blogs"> <div class="social"> <ul> <li><a href="http://www.facebook.com/AmericanUniversity" data-track-gtm="footer-link|Social: Facebook|www.american.edu/"><i class="fab fa-facebook-f"></i><span class="sr-only">Facebook</span></a></li> <li><a href="http://www.twitter.com/AmericanU" data-track-gtm="footer-link|Social: Twitter|www.american.edu/"><i class="fa-brands fa-x-twitter"></i><span class="sr-only">Twitter</span></a></li> <li><a href="http://www.youtube.com/americanuniversity" data-track-gtm="footer-link|Social: YouTube|www.american.edu/"><i class="fab fa-youtube"></i><span class="sr-only">Youtube</span></a></li> <li><a href="https://www.linkedin.com/school/american-university/" data-track-gtm="footer-link|Social: LinkedIn|www.american.edu/index.cfm"><i class="fab fa-linkedin-in"></i><span class="sr-only">LinkedIn</span></a></li> <li><a href="http://instagram.com/americanuniversity" data-track-gtm="footer-link|Instagram|www.american.edu/"><i class="fab fa-instagram"></i><span class="sr-only">Instagram</span></a></li> </ul> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 no-bs-padding" id="ftr-logo-home"> <a href="/" data-track-gtm="footer-link|Homepage|www.american.edu/"><img src="/customcf/2016-redesign/images/logos/crest-logotype-blue.svg" alt="American University in Washington, DC"><span class="sr-only"> Homepage</span></a> </div> </div> <script> var loadingSupported = ('loading' in HTMLImageElement.prototype); var bgImages = document.querySelectorAll('[data-bg]'); if (!loadingSupported || bgImages.length > 0) { // Dynamically import the LazySizes library const script1 = document.createElement('script'); const script2 = document.createElement('script'); script1.src = '/customcf/2016-redesign/js/ls.unveilhooks.min.js'; document.body.appendChild(script1); script2.src = '/customcf/2016-redesign/js/lazysizes.min.js'; document.body.appendChild(script2); } else { const images = document.querySelectorAll('img[loading="lazy"]'); const iframes = document.querySelectorAll('iframe[loading="lazy"]'); // images.forEach(function(img) { return img.src = img.dataset.src; }); iframes.forEach(function(iframe) { // return iframe.src = iframe.dataset.src; // }); // } </script> </footer>  </div>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script><script src="/commonspot/javascript/lightbox/overrides.js"></script><script src="/commonspot/javascript/lightbox/window_ref.js"></script><script src="/commonspot/pagemode/always-include-common.js"></script>   <script src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.2/picturefill.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-storage-api/1.8.1/jquery.storageapi.min.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"></script><script src="https://cloudfront.american.edu/assets-dev/js/AU-slim.js"></script> <script>  </script><script src="/commonspot/javascript/browser-all.js"></script> <script>  </script> </body></html>