CINXE.COM
Study Abroad | UCLA Undergraduate Admission
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <meta name="description" content="Learn about study abroad programs and benefits at UCLA and read students’ stories about their experiences studying in other countries." /> <link rel="canonical" href="https://admission.ucla.edu/explore/study-abroad" /> <meta property="og:site_name" content="Undergraduate Admission" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://admission.ucla.edu/explore/study-abroad" /> <meta property="og:title" content="Study Abroad" /> <meta property="og:description" content="Learn about study abroad programs and benefits at UCLA and read students’ stories about their experiences studying in other countries." /> <meta property="og:image" content="https://admission.ucla.edu/sites/default/files/slider-main-image/01-three-students.jpg" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:image" content="https://admission.ucla.edu/sites/default/files/slider-main-image/01-three-students.jpg" /> <meta name="google-site-verification" content="QIWkpPhkZwsoHh9LyOrhVHCFXWdGuYDCOLF1n7gzy74" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/admissions2020/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="alternate" hreflang="en" href="https://admission.ucla.edu/explore/study-abroad" /> <link rel="alternate" hreflang="es" href="https://admission.ucla.edu/es/explore/study-abroad" /> <script src="/sites/default/files/google_tag/admission_gtm/google_tag.script.js?snd6e6" defer></script> <title>Study Abroad | UCLA Undergraduate Admission</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_s4I33BqNDNWbthzWRPgJ39AZvdcWBCMme8DZKUA-EGM.css?delta=0&language=en&theme=admissions2020&include=eJxNyUEKxCAMQNELWVN6oSFqsIFogtGCt-_sZnaf9337pAYJnQKWxu6s3a_zOqGKJpTD5xbuNVRS0Yzz--GvY0MLglvX_BT2rA-NDdopqwTDgXWg3Q5lLEOJP4mr20rCflN5AZrnNEQ" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css___ORaKvlryzJzPOEyKyWXWPhACMxdP6LtiL8SslMXL4.css?delta=1&language=en&theme=admissions2020&include=eJxNyUEKxCAMQNELWVN6oSFqsIFogtGCt-_sZnaf9337pAYJnQKWxu6s3a_zOqGKJpTD5xbuNVRS0Yzz--GvY0MLglvX_BT2rA-NDdopqwTDgXWg3Q5lLEOJP4mr20rCflN5AZrnNEQ" /> <meta name="google-site-verification" content="HFFHYxW9Xsg0ZDpYnYQXKu_kZJoZDdLhXSFbPGpLhkI" /> </head> <body class="node-type-landing-page landing_page page--english"> <div id="skip-nav" class="skip-nav" role="navigation" aria-label=Skip navigation> <a id="skip-nav__menu-link" href="#block-admissions2020-main-menu" class="visually-hidden focusable"> Skip to navigation </a> <a href="#main-content" class="visually-hidden focusable"> Skip to main content </a> <a href="#footer" class="visually-hidden focusable"> Skip to footer </a> </div> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TNXKQVM" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager technical content" tabindex="-1" aria-hidden="true"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container"> <header role="banner" class="adm-header" id="top-of-page"> <div class="adm-header--banner"> <div class="adm-header--banner-wrap"> <a href="http://www.ucla.edu" id="ucla-home"><img src="/themes/custom/admissions2020/images/logo-ucla.svg" alt="UCLA" /></a> <div class="region" > <section class="language-switcher-language-url" id="block-admissions2020-languageswitcher" role="navigation"> <h2 class="visually-hidden">Language switcher</h2> <ul class="language-switcher"> <li> <a href="/es/explore/study-abroad" class="language-link"> Español <img src="/themes/custom/admissions2020/images/icons/globe.svg" alt="" class="language-icon" /> </a> </li> </ul> </section> </div> </div> </div> <div class="region" > <section id="block-admissions2020-branding"> <a href="/" rel="home">Undergraduate Admission</a> </section> <nav aria-labelledby="block-desktopheadernavigation-menu" id="block-desktopheadernavigation"> <h2 class="visually-hidden" id="block-desktopheadernavigation-menu">Desktop Header Navigation</h2> <ul> <li> <a href="https://bruins.admission.ucla.edu/myApplication">Applicant Login</a> </li> <li> <a href="https://connect.admission.ucla.edu/register/getconnected">Request Information</a> </li> </ul> </nav> </div> <button id="primary-ham" class="hamburger hamburger--squeeze" type="button" aria-label=Menu aria-controls="block-admissions2020-main-menu" alt=navigation and search> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <div class="adm-header--primary-nav"> <div class="region" > <nav aria-labelledby="block-admissions2020-main-menu-menu" id="block-admissions2020-main-menu"> <h2 class="visually-hidden" id="block-admissions2020-main-menu-menu">Main navigation</h2> <ul data-region="nav" class="menu menu-level-0"> <li class="menu-item menu-item--expanded"> <a href="/apply" data-drupal-link-system-path="node/6">Apply</a> <ul class="menu menu-level-1"> <li class="menu-item menu-item--collapsed"> <a href="/apply/first-year" data-drupal-link-system-path="node/14">First-Year</a> </li> <li class="menu-item menu-item--collapsed"> <a href="/apply/transfer" data-drupal-link-system-path="node/166">Transfers</a> </li> <li class="menu-item"> <a href="/apply/international-applicants" title="Whether you are applying to UCLA as a freshman or transfer student, this page provides specific information for you, the international student." data-drupal-link-system-path="node/23">International</a> </li> <li class="menu-item"> <a href="/apply/personal-insight-questions" title="Answering personal insight questions is a key part of your UCLA application. Learn more about the requirements and get helpful tips on how to best answer the questions." data-drupal-link-system-path="node/160">Personal Insight Questions</a> </li> <li class="menu-item"> <a href="/apply/majors" data-drupal-link-system-path="node/236">Majors</a> </li> <li class="menu-item"> <a href="/apply/minors" data-drupal-link-system-path="node/241">Minors</a> </li> <li class="menu-item"> <a href="/apply/transferring-credits" title="Understand how UCLA assigns course credit. Learn how the course credits you complete at other schools will transfer to UCLA and help you progress toward your degree." data-drupal-link-system-path="node/221">Transferring Credits</a> </li> </ul> </li> <li class="menu-item menu-item--expanded menu-item--active-trail"> <a href="/explore" data-drupal-link-system-path="node/20">Explore</a> <ul class="menu menu-level-1"> <li class="menu-item menu-item--collapsed"> <a href="/explore/academics" data-drupal-link-system-path="node/21">Academics</a> </li> <li class="menu-item"> <a href="/explore/campus-life" data-drupal-link-system-path="node/141">Campus Life</a> </li> <li class="menu-item"> <a href="/explore/belonging" data-drupal-link-system-path="node/935">Belonging</a> </li> <li class="menu-item"> <a href="/explore/clubs-organizations" data-drupal-link-system-path="node/34">Clubs & Organizations</a> </li> <li class="menu-item"> <a href="/explore/housing-dining" data-drupal-link-system-path="node/35">Housing & Dining</a> </li> <li class="menu-item"> <a href="/explore/los-angeles" data-drupal-link-system-path="node/36">Los Angeles & Westwood</a> </li> <li class="menu-item"> <a href="/explore/internships" data-drupal-link-system-path="node/37">Internships & Experiential Learning</a> </li> <li class="menu-item menu-item--active-trail"> <a href="/explore/study-abroad" data-drupal-link-system-path="node/38" class="is-active" aria-current="page">Study Abroad</a> </li> <li class="menu-item"> <a href="/explore/research" data-drupal-link-system-path="node/39">Research</a> </li> <li class="menu-item"> <a href="/explore/student-outcomes" data-drupal-link-system-path="node/40">Student Outcomes</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/visit" data-drupal-link-system-path="node/143">Visit</a> <ul class="menu menu-level-1"> <li class="menu-item"> <a href="/visit/campus-tours" data-drupal-link-system-path="node/144">Campus Tours</a> </li> <li class="menu-item"> <a href="/visit/events" data-drupal-link-system-path="node/145">Events</a> </li> <li class="menu-item"> <a href="/visit/maps-and-parking" data-drupal-link-system-path="node/142">Maps & Parking</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/tuition-aid" data-drupal-link-system-path="node/146">Tuition & Aid</a> <ul class="menu menu-level-1"> <li class="menu-item"> <a href="/tuition-aid/tuition-fees" data-drupal-link-system-path="node/326">Tuition & Fees</a> </li> <li class="menu-item"> <a href="/tuition-aid/financial-aid-and-scholarships" data-drupal-link-system-path="node/148">Financial Aid & Scholarships</a> </li> <li class="menu-item"> <a href="/tuition-aid/net-price-calculator" data-drupal-link-system-path="node/149">Net Price Calculator</a> </li> </ul> </li> <li class="menu-item menu-item--expanded"> <a href="/admitted-students" data-drupal-link-system-path="node/150">Admitted Students</a> <ul class="menu menu-level-1"> <li class="menu-item"> <a href="/admitted-students/first-year-checklist" data-drupal-link-system-path="node/151">First-Year New Student Checklist</a> </li> <li class="menu-item"> <a href="/admitted-students/transfer-checklist" data-drupal-link-system-path="node/153">Transfer New Student Checklist</a> </li> </ul> </li> <li class="menu-item"> <a href="/contact" data-drupal-link-system-path="node/152">Contact</a> </li> </ul> </nav> <section class="search-block-form" data-drupal-selector="search-block-form" id="block-admissions2020-search" role="search"> <h2>Search</h2> <form action="/search/node" method="get" id="search-block-form" accept-charset="UTF-8"> <div class="js-form-item form-item form-type-search js-form-type-search form-item-keys js-form-item-keys form-no-label"> <label for="edit-keys" class="visually-hidden">Search</label> <input title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search" /> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="button js-form-submit form-submit" /> </div> </form> </section> </div> </div> </header> <main id="main-content" > <div class="region" > <section id="block-admissions2020-breadcrumbs"> <nav aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol> <li> <a href="/">Home</a> </li> <li> <a href="/explore">Explore</a> </li> </ol> </nav> </section> </div> <div class="region" > <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="layout-content"> <div class="region" > <section id="block-admissions2020-page-title"> <h1 class="subpage__title"><span>Study Abroad</span> </h1> </section> </div> <div class="region" > <section id="block-admissions2020-content"> <article data-history-node-id="38"> <div> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <section class="border-bottom"> <div> <div class="page-hero paragraph paragraph--type--hero-image-landing-page paragraph--view-mode--default"> <div class="page-hero__image"> <img loading="lazy" src="/sites/default/files/hero-landing-images/study-abroad.jpg" width="1366" height="640" alt="A group of students marvels at a historical site in Greece." /> </div> <div class="page-hero__content"> <div class="page-hero__content-paragraph"> <div><p>Santiago. Beijing. Paris. Oslo. Experience the world from multiple perspectives through our expansive study abroad program. While immersing yourself in another culture, you can earn academic credit and add international experience to your resume. </p></div> </div> </div> </div> </div> </section> <section class="stat-set"> <div class="adm-statistics "> <div class="stat-wrapper clearfix paragraph paragraph--type--statistic-set paragraph--view-mode--default"> <div class="stat-tout stat-tout--inline"> <span class="stat-tout__number"> <div>160+</div> </span> <div class="stat-tout__image"> <img src="" alt=""> </div> <div class="stat-tout__info-wrap"> <span class="stat-tout__label"> <div><p>programs</p></div> </span> </div> </div> </div> <div class="stat-wrapper clearfix paragraph paragraph--type--statistic-set paragraph--view-mode--default"> <div class="stat-tout stat-tout--inline"> <span class="stat-tout__number"> <div>40+</div> </span> <div class="stat-tout__image"> <img src="" alt=""> </div> <div class="stat-tout__info-wrap"> <span class="stat-tout__label"> <div><p>countries</p></div> </span> </div> </div> </div> </div> </section> <section class="left blade"> <!-- Image gallery --> <div class="blade-image slider-image"> <div class="slider-text__img"> <div> <img loading="lazy" src="/sites/default/files/blade-slider-image/01-study-peru-mountaintop-2x_0.jpg" width="1466" height="1100" alt="A group of study abroad students pose in front of a mountainous backdrop." /> </div> <div> <img loading="lazy" src="/sites/default/files/blade-slider-image/02-study-england-architecture-2x_0.jpg" width="1466" height="1100" alt=" A group of students in England learn about the historic location they’re visiting." /> </div> <div> <img loading="lazy" src="/sites/default/files/blade-slider-image/03-study-jk-jorge-rosa-2x_0.jpg" width="1466" height="1100" alt="A student holding a bird takes notes while sitting in a rainforest with two others." /> </div> <div> <img loading="lazy" src="/sites/default/files/blade-slider-image/04-study-peru-local-artist_0.jpg" width="733" height="550" alt="Two students pose with a local artist and his work in Peru." /> </div> <div> <img loading="lazy" src="/sites/default/files/blade-slider-image/05-study-lesotho-waterfall_0.jpg" width="733" height="550" alt="A student makes a heart with her hands, the Eiffel Tower behind her." /> </div> <div> <img loading="lazy" src="/sites/default/files/blade-slider-image/06-study-guam-2x_0.jpg" width="1466" height="1100" alt="A couple of students and a local pose in front of a cliff and waterfall in South Africa." /> </div> <div> <img loading="lazy" src="/sites/default/files/blade-slider-image/07-study-paris-2x_0.jpg" width="1466" height="1100" alt="A group of study abroad students pose in front of a mountainous backdrop." /> </div> </div> </div> <!-- Blurb content --> <div class="blade-content"> <div class="blade-content__wrap"> <div class="element-category"><h3 class="blade-content__tag">Study Abroad Programs</h3></div> <div class="blade-content__title"><h3>Experience a Completely New Point of View</h3></div> <div class="custom-field"><p>Study abroad for a summer, a quarter or an entire year. Learn with UCLA faculty and students or immerse yourself in a university. Do it for academic credit, an internship or research as early as the summer after your first year. Head to a top travel destination or an unexpected corner of the world. No matter what program you choose, the experience will be transformative.</p></div> <div><a href="https://ieo.ucla.edu/" class="blade-content__link">Explore study abroad programs</a></div> </div> </div> </section> <section> <section class="adm-testimonials"> <h2 class="visuallyhidden">Testimonials</h2> <!-- <div --> <div class="left testimonial paragraph paragraph--type--testimonial-with-image paragraph--view-mode--default"> <figure class="block-quote"> <div> <img loading="lazy" src="/sites/default/files/testimonials/mika-nagamoto.jpg" width="160" height="160" alt="A headshot of UCLA student Mika Nagamoto" /> </div> <blockquote class="block-quote__content"> <div class="block-quote__content-testimonial"><p>I never imagined that a college field trip would involve a hike through the Amazon Rainforest or a visit to a manatee sanctuary.</p></div> <footer class="block-quote__content-source"> <cite class="block-quote__content-source--name">— <div>Mika Nagamoto, psychology major</div> </cite> <cite class="block-quote__content-source--link"> <a href="https://ieo.ucla.edu/peru-amazon-rainforest-excursion/">Learn about Mika’s summer travel study program in Peru <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>External Link</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M31,38 L10,38 L10,17 L17,17 L17,10 L38,10 L38,31 L31,31 L31,38 Z M34.5,13.5 L20.5,13.5 L20.5,27.5 L34.5,27.5 L34.5,13.5 Z M17,31 L17,20.5 L13.5,20.5 L13.5,34.5 L27.5,34.5 L27.5,31 L17,31 Z" fill="#00598C"></path> </g> </svg> </a> </cite> </footer> </blockquote> </figure> </div> <!-- </div> --> </section> </section> <div class="student-stories__container"> <section class="student-stories"> <div class="student-stories__wrapper"> <div class="element-category"><h2 class="student-stories__header">Students’ Experiences</h2></div> <h2 class="student-stories__tagline"> Be Inspired by Our Students’ Stories From Abroad </h2> <div class="student-stories student-stories__carousel"> <div> <div> <div class="paragraph paragraph--type--card-slider paragraph--view-mode--default"> <div class="student-stories__story"> <div class="student-stories__story-image"> <div> <img loading="lazy" src="/sites/default/files/card-slider-image/01-experiences-musee-2x.jpg" width="424" height="424" alt="Sarah Brandenburg poses in a historic ballroom inside the Musée d’Orsay." /> </div> </div> <div class="student-stories__story-title">Surprises in the Musée d’Orsay</div> <div class="student-stories__story-cta"> <div><a href="https://ieo.ucla.edu/france-a-historic-ballroom-in-the-musee-dorsay/">Read about Sarah’s tour </a></div> </div> </div> </div> </div> <div> <div class="paragraph paragraph--type--card-slider paragraph--view-mode--default"> <div class="student-stories__story"> <div class="student-stories__story-image"> <div> <img loading="lazy" src="/sites/default/files/card-slider-image/02-experiences-tokyo-2x.jpg" width="424" height="424" alt="Deran Chan and fellow study abroad students pose for a cool photo at TeamLab in Japan." /> </div> </div> <div class="student-stories__story-title">Seeing the Light in Tokyo</div> <div class="student-stories__story-cta"> <div><a href="https://ieo.ucla.edu/japan-teamlab/">Learn about Deran’s trip</a></div> </div> </div> </div> </div> <div> <div class="paragraph paragraph--type--card-slider paragraph--view-mode--default"> <div class="student-stories__story"> <div class="student-stories__story-image"> <div> <img loading="lazy" src="/sites/default/files/card-slider-image/03-experiences-reflections-2x.jpg" width="423" height="424" alt="Kelli Hamilton and two friends pose in a boat on the water in South Africa." /> </div> </div> <div class="student-stories__story-title">Reflections on South Africa</div> <div class="student-stories__story-cta"> <div><a href="https://ieo.ucla.edu/south-africa-post-program-reflection/">Read about Kelli’s trip</a></div> </div> </div> </div> </div> </div> </div> </div> <div id="student-profile-modal" class="student-profile-modal" style="display: none;" aria-hidden="true"> <div class="student-profile-modal__content"> <div id="student-profile-modal__body" class="student-profile-modal__body"> </div> <button class="student-profile-modal__close">×</button> </div> </div> </section> </div> <section class="border-bottom custom-field custom-field--center-aligned section__text-background__white"> <h2 class="custom-field__header" id="UC_Program_Benefits">UC Program Benefits</h2> <div class="custom-field"><p>Enjoy more benefits with your travel and study options through the University of California Education Abroad Program (UCEAP), the official system-wide study abroad program for the University of California.</p></div> <div class="custom-field three-col-left"><h3>Earn Academic Credit</h3> <p>UCLA students earn academic credit by engaging in the UCEAP program, which integrates immersive learning into every adventure.</p></div> <div class="custom-field three-col-middle"><h3>Get Financial Support</h3> <p>Receiving financial aid? Those funds may be used toward UCEAP. You can also apply for scholarships to support your dream to study abroad.</p></div> <div class="custom-field three-col-right"><h3>Be Safe and Sound</h3> <p>The University of California thoroughly vets each opportunity and has protocols in place to support students’ health and safety.</p></div> </section> <div class="border-bottom"> <section class="next-up"> <div class="next-up__wrapper"> <div class="next-up__pre-text"> <div>Next up</div> </div> <div class="next-up__link"> <div><a href="/explore/research">Research</a></div> </div> </div> </section> </div> <section class="adm-blade-links"> <h2 class="blade-links__title">Important Information</h2> <div> <div> <div class="paragraph paragraph--type--blade-information-blocks paragraph--view-mode--default"> <div class="blade-links__box" style="background-image: url( /sites/default/files/infomration-blocks-bg/tile-apply-2x.jpg );"> <div><a href="/apply" class="blade-links__box-link">Apply</a></div> </div> </div> </div> <div> <div class="paragraph paragraph--type--blade-information-blocks paragraph--view-mode--default"> <div class="blade-links__box" style="background-image: url( /sites/default/files/infomration-blocks-bg/tile-tuition-aid-2x.jpg );"> <div><a href="/tuition-aid" class="blade-links__box-link">Tuition & Aid</a></div> </div> </div> </div> <div> <div class="paragraph paragraph--type--blade-information-blocks paragraph--view-mode--default"> <div class="blade-links__box" style="background-image: url( /sites/default/files/infomration-blocks-bg/tile-campus-tours-2x.jpg );"> <div><a href="/visit/campus-tours" class="blade-links__box-link">Campus Tours</a></div> </div> </div> </div> <div> <div class="paragraph paragraph--type--blade-information-blocks paragraph--view-mode--default"> <div class="blade-links__box" style="background-image: url( /sites/default/files/infomration-blocks-bg/tile-admission-events-2x.jpg );"> <div><a href="/visit/events" class="blade-links__box-link">Admission Events</a></div> </div> </div> </div> </div> </section> </div> </div> </div> </article> </section> </div> </div> </main> <div class="region" > <section id="block-homepagefooterinfobarlearnmoreaboutucla" class="blade-request"> <div class="blade-request__wrapper"> <div class="blade-request__heading"> Learn more about UCLA </div> <div class="blade-request__description">Hear more about events in your area, application deadlines and more.</div> <div class="blade-request__button"> <a href="https://connect.admission.ucla.edu/register/getconnected">Request Information</a> </div> </div> </section> </div> <footer id="footer" class="foot container"> <div class="foot-upper"> <div class="foot-upper__wrap"> <div class="foot-upper__address"> <img src="/themes/custom/admissions2020/images/admission-dept-logo-wht.svg" alt="Undergraduate Admissions Logo" /> <address> 1147 Murphy Hall, Box 951436<br/> Los Angeles, CA 90095-1436 </address> </div> <ul class="social-icons"> <li class="social-icons_facebook"> <a href="https://www.facebook.com/uclaadmission/"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Icon/Social/facebook-white</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M15.0396667,20 L15.0396667,13.804 L17.1195,13.804 L17.4308333,11.3891667 L15.0396667,11.3891667 L15.0396667,9.8475 C15.0396667,9.14833333 15.2338333,8.672 16.2363333,8.672 L17.5151667,8.67133333 L17.5151667,6.51166667 C17.2938333,6.48233333 16.5348333,6.4165 15.6518333,6.4165 C13.8081667,6.4165 12.5461667,7.54183333 12.5461667,9.60833333 L12.5461667,11.3891667 L10.461,11.3891667 L10.461,13.804 L12.5461667,13.804 L12.5461667,20 L15.0396667,20 Z M4.883,20 C4.39516667,20 4,19.6045 4,19.117 L4,4.883 C4,4.39516667 4.39516667,4 4.883,4 L19.1168333,4 C19.6045,4 20,4.39516667 20,4.883 L20,19.117 C20,19.6045 19.6045,20 19.1168333,20 L4.883,20 Z" class="Shape" fill="#FFFFFF"></path> </g> </svg> </a> </li> <li class="social-icons_twitter"> <a href="https://twitter.com/UCLAAdmission"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Icon/Social/twitter-white</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M13.3,10.7l5.2-6h-1.2l-4.6,5.2L9.1,4.7H4.9l5.5,7.8l-5.5,6.3h1.2l4.8-5.5l3.8,5.5H19L13.3,10.7L13.3,10.7z M11.6,12.6 L11,11.8L6.6,5.6h1.9l3.6,5l0.6,0.8l4.6,6.5h-1.9L11.6,12.6L11.6,12.6z" class="Shape" fill="#FFFFFF"></path> </g> </svg> </a> </li> <li class="social-icons_instagram"> <a href="https://www.instagram.com/uclaadmission/?hl=en"> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Icon/Social/instagram-white</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M12.9394593,4.00086741 C14.2796,4.00391556 14.5873333,4.01576 15.2984,4.04816 C16.14992,4.08688 16.73136,4.22224 17.24032,4.42 C17.7664,4.62448 18.21248,4.89792 18.65728,5.34272 C19.10208,5.78752 19.37568,6.2336 19.58,6.75968 C19.77776,7.26864 19.91296,7.85008 19.95184,8.7016 C19.99072,9.55488 20,9.82736 20,12 C20,14.17264 19.99072,14.44512 19.95184,15.2984 C19.91296,16.14992 19.77776,16.73136 19.58,17.24032 C19.37568,17.7664 19.10208,18.21248 18.65728,18.65728 C18.21248,19.10208 17.7664,19.37552 17.24032,19.58 C16.73136,19.77776 16.14992,19.91312 15.2984,19.95184 C14.44512,19.99072 14.17264,20 12,20 C9.82736,20 9.55488,19.99072 8.7016,19.95184 C7.85008,19.91312 7.26864,19.77776 6.75968,19.58 C6.2336,19.37552 5.78752,19.10208 5.34272,18.65728 C4.89792,18.21248 4.62432,17.7664 4.42,17.24032 C4.22224,16.73136 4.08704,16.14992 4.04816,15.2984 C4.01576,14.5873333 4.00391556,14.2796 4.00086741,12.9394593 L4.00086741,11.0605407 C4.00391556,9.7204 4.01576,9.41266667 4.04816,8.7016 C4.08704,7.85008 4.22224,7.26864 4.42,6.75968 C4.62432,6.2336 4.89792,5.78752 5.34272,5.34272 C5.78752,4.89792 6.2336,4.62448 6.75968,4.42 C7.26864,4.22224 7.85008,4.08688 8.7016,4.04816 C9.41266667,4.01576 9.7204,4.00391556 11.0605407,4.00086741 Z M12.7176166,5.44186563 L11.2823834,5.44186563 C9.7913725,5.4439525 9.50544,5.4544 8.76736,5.488 C7.98736,5.52368 7.56368,5.65392 7.28192,5.76352 C6.90848,5.90864 6.64192,6.08208 6.36208,6.36192 C6.08208,6.64192 5.90864,6.90848 5.76352,7.28176 C5.65408,7.56368 5.52352,7.98736 5.48816,8.76736 C5.45442,9.50544 5.443955,9.7913725 5.44186594,11.2823834 L5.44186594,12.7176166 C5.443955,14.2086275 5.45442,14.49456 5.48816,15.23264 C5.52352,16.01264 5.65408,16.43632 5.76352,16.71824 C5.90864,17.09152 6.08208,17.35808 6.36208,17.63808 C6.64192,17.91792 6.90848,18.09136 7.28192,18.23648 C7.56368,18.34608 7.98736,18.47632 8.76736,18.512 C9.5053,18.5456 9.791215,18.5560475 11.2823309,18.5581344 L12.7176691,18.5581344 C14.208785,18.5560475 14.4947,18.5456 15.23264,18.512 C16.01264,18.47632 16.43632,18.34608 16.71808,18.23648 C17.09152,18.09136 17.35808,17.91792 17.63792,17.63808 C17.91792,17.35808 18.09136,17.09152 18.23648,16.71824 C18.34592,16.43632 18.47648,16.01264 18.51184,15.23264 C18.54558,14.49456 18.556045,14.2086275 18.5581341,12.7176166 L18.5581341,11.2823834 C18.556045,9.7913725 18.54558,9.50544 18.51184,8.76736 C18.47648,7.98736 18.34592,7.56368 18.23648,7.28176 C18.09136,6.90848 17.91792,6.64192 17.63792,6.36192 C17.35808,6.08208 17.09152,5.90864 16.71808,5.76352 C16.43632,5.65392 16.01264,5.52368 15.23264,5.488 C14.49456,5.4544 14.2086275,5.4439525 12.7176166,5.44186563 Z M12,7.89192 C14.26896,7.89192 16.10816,9.73112 16.10816,11.99992 C16.10816,14.26888 14.26896,16.10808 12,16.10808 C9.73104,16.10808 7.89184,14.26888 7.89184,11.99992 C7.89184,9.73112 9.73104,7.89192 12,7.89192 Z M12,9.33336 C10.5272,9.33336 9.33328,10.52728 9.33328,11.99992 C9.33328,13.47272 10.5272,14.66664 12,14.66664 C13.4728,14.66664 14.66672,13.47272 14.66672,11.99992 C14.66672,10.52728 13.4728,9.33336 12,9.33336 Z M16.270464,6.769616 C16.800544,6.769616 17.230464,7.199376 17.230464,7.729616 C17.230464,8.259696 16.800544,8.689616 16.270464,8.689616 C15.740224,8.689616 15.310464,8.259696 15.310464,7.729616 C15.310464,7.199376 15.740224,6.769616 16.270464,6.769616 Z" class="Shape" fill="#FFFFFF"></path> </g> </svg> </a> </li> </ul> <div class="foot-upper__info-menu"> <div class="region" > <nav aria-labelledby="block-footer-menu" id="block-footer"> <h2 class="visually-hidden" id="block-footer-menu">Footer Menu</h2> <ul> <li> <span>Column One</span> <ul> <li> <a href="/visit/maps-and-parking" data-drupal-link-system-path="node/142">Maps & Parking</a> </li> <li> <a href="/visit/campus-tours" data-drupal-link-system-path="node/144">Campus Tours</a> </li> <li> <a href="/visit/events" data-drupal-link-system-path="node/145">Admission Events</a> </li> <li> <a href="https://www.youvisit.com/tour/ucla/81405?tourid=tour1_11_15_15_32109&pl=v&m_prompt=1">Virtual Tour</a> </li> </ul> </li> <li> <span>Column Two</span> <ul> <li> <a href="/publications" data-drupal-link-system-path="node/821">Publications</a> </li> <li> <a href="/contact" data-drupal-link-system-path="node/152">Contact Us</a> </li> </ul> </li> </ul> </nav> </div> </div> </div> </div> <div class="foot-lower"> <div class="foot-lower__wrap"> <div id="footer-social-menu-mobile" class="foot-lower__social foot-lower__social__mobile"> <div class="region" > <nav aria-labelledby="block-socialmedia-mobile-menu" id="block-socialmedia-2"> <h2 id="block-socialmedia-mobile-menu">Mobile Social Media</h2> <ul> <li> <a href="https://www.facebook.com/UCLA">Facebook</a> </li> <li> <a href="https://www.instagram.com/ucla/">Instagram</a> </li> <li> <a href="https://www.linkedin.com/school/ucla/">LinkedIn</a> </li> <li> <a href="https://twitter.com/ucla">Twitter</a> </li> <li> <a href="https://www.youtube.com/user/UCLA">YouTube</a> </li> <li> <a href="https://www.tiktok.com/@ucla?lang=en">TikTok</a> </li> <li> <a href="https://www.threads.net/@ucla">Threads</a> </li> </ul> </nav> </div> </div> <div class="foot-lower__copyright"> ©2024 Regents of the University of California </div> <div class="foot-lower__toc"> <ul> <li><a href="https://www.bso.ucla.edu/">Emergency</a></li> <li><a href="https://www.ucpd.ucla.edu/reports-statistics/jeanne-clery-act">Security & Fire Safety</a></li> <li><a href="https://www.ucla.edu/accessibility">Accessibility</a></li> <li><a href="https://www.ucla.edu/terms-of-use/">Privacy & Terms of Use</a></li> </ul> </div> <div id="footer-social-menu-desktop" class="foot-lower__social foot-lower__social__desktop"> <div class="region" > <nav aria-labelledby="block-socialmedia-menu" id="block-socialmedia"> <h2 id="block-socialmedia-menu">Desktop Social Media</h2> <ul> <li> <a href="https://www.facebook.com/UCLA">Facebook</a> </li> <li> <a href="https://www.instagram.com/ucla/">Instagram</a> </li> <li> <a href="https://www.linkedin.com/school/ucla/">LinkedIn</a> </li> <li> <a href="https://twitter.com/ucla">Twitter</a> </li> <li> <a href="https://www.youtube.com/user/UCLA">YouTube</a> </li> <li> <a href="https://www.tiktok.com/@ucla?lang=en">TikTok</a> </li> <li> <a href="https://www.threads.net/@ucla">Threads</a> </li> </ul> </nav> </div> </div> </div> </div> <div class="back-to-top-wrapper"> <a href="#top-of-page" class="back-to-top-link" aria-label=Scroll to Top> <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" class="back-to-top-link__svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xml:space="preserve"> <g class="back-to-top-link__svg-g"> <polygon fill="#00598C" class="back-to-top-link__svg-polygon" points="4,12 5.4,13.4 11,7.8 11,20 13,20 13,7.8 18.6,13.4 20,12 12,4 "/> </g> </svg> </a> </div> </footer> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/38","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxtyUEOwyAMBMAP0RDlQ5UBi1hysOWFSvy-x156naH2CCA2cJ3XmbtaIX2hhvhEov87t8roSWnbmu8mqPbh2NkGV9PkFNSD_EZusZz0-Mmxhq-igptbwsbkJxcCfwHFjjRU","theme":"admissions2020","theme_token":null},"ajaxTrustedUrl":{"\/search\/node":true},"user":{"uid":0,"permissionsHash":"8ae75b65a9384e912b8aa88fb84f4c0a9427c6a72a8a4ce41b5ec683f680a339"},"geolocation":[]}</script> <script src="/sites/default/files/js/js_Wv0ik1tRzJg0-mK5GC-lH7Utb8n-QeuKJ0CQwqMXyy4.js?scope=footer&delta=0&language=en&theme=admissions2020&include=eJxLTMnNLC7OzM8rNjIwMtBPz8lPSszRLU4uyiwoKQYAoOAK1A"></script> <script src="https://unpkg.com/@googlemaps/markerclustererplus/dist/index.min.js"></script> <script src="/sites/default/files/js/js_-Hs_rOTdT6jPWs7aJBnD4UJVGeWIGG3tV__JRkucrh0.js?scope=footer&delta=2&language=en&theme=admissions2020&include=eJxLTMnNLC7OzM8rNjIwMtBPz8lPSszRLU4uyiwoKQYAoOAK1A"></script> <script type="text/javascript"> (function ($, Drupal, drupalSettings) { // Homepage slideshow $(".hp-hero--slideshow > div").slick({ dots: true, autoplay: true, autoplaySpeed: 4000, arrows: false, customPaging: function(slider, i) { return '<button class="visuallyhidden">' + Drupal.t('Slide') + ' ' + (i+1) + '</button>'; }, }); function moveDots() { $('.hp-hero--buttons').append($('.slick-dots')); }; moveDots(); $.fn.clickToggle = function(func1, func2) { var funcs = [func1, func2]; this.data('toggleclicked', 0); this.click(function() { var data = $(this).data(); var tc = data.toggleclicked; $.proxy(funcs[tc], this)(); data.toggleclicked = (tc + 1) % 2; }); return this; }; $('.hp-hero--buttons_toggleauto').clickToggle(function() { $('.hp-hero--slideshow > div').slick('slickPause'); $('.hp-hero--buttons_toggleauto > img').attr('src', '/themes/custom/admissions2020/images/icons/play-white.svg'); //console.log('pause'); }, function() { $('.hp-hero--slideshow > div').slick('slickPlay'); $('.hp-hero--buttons_toggleauto > img').attr('src', '/themes/custom/admissions2020/images/icons/pause-white.svg'); //console.log('play'); }); }(jQuery, Drupal, drupalSettings)); (function ($, Drupal, drupalSettings) { $(".slideshow-mid-arrows > div").slick({ dots: true, arrows: true, customPaging: function(slider, i) { return '<button class="visuallyhidden">Slide ' + (i+1) + '</button>'; }, prevArrow: '<div class="button-wrap prev"><button type="button" value="previous" class="slick-prev"><svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Arrow Left</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polygon class="Shape" fill="#ffffff" transform="translate(12.295000, 12.000000) scale(-1, 1) translate(-12.295000, -12.000000) " points="8.59 16.59 13.17 12 8.59 7.41 10 6 16 12 10 18"></polygon></g></svg></button></div>', nextArrow: '<div class="button-wrap next"><button type="button" value="next" class="slick-next"><svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Arrow Right</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polygon class="Shape" fill="#ffffff" points="9 16.59 13.3265857 12 9 7.41 10.3319838 6 16 12 10.3319838 18"></polygon></g></svg></button></div>', responsive: [{ breakpoint: 1024, settings: { arrows: false, }, }] }); }(jQuery, Drupal, drupalSettings)); (function ($, Drupal, drupalSettings) { $(".student-stories__carousel > div").slick({ dots: true, mobileFirst: true, arrows: false, slidesToShow: 1, slidesToScroll: 1, customPaging: function(slider, i) { return '<button class="visuallyhidden">' + Drupal.t('Slide') + ' ' + (i+1) + '</button>'; }, prevArrow: '<div class="button-wrap prev"><button type="button" value="previous" class="slick-prev"><svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Arrow Left</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polygon class="Shape" fill="#ffffff" transform="translate(12.295000, 12.000000) scale(-1, 1) translate(-12.295000, -12.000000) " points="8.59 16.59 13.17 12 8.59 7.41 10 6 16 12 10 18"></polygon></g></svg></button></div>', nextArrow: '<div class="button-wrap next"><button type="button" value="next" class="slick-next"><svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Arrow Right</title><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><polygon class="Shape" fill="#ffffff" points="9 16.59 13.3265857 12 9 7.41 10.3319838 6 16 12 10.3319838 18"></polygon></g></svg></button></div>', responsive: [ { breakpoint: 767, settings: { arrows: true, dots: false, slidesToShow: 2, slidesToScroll: 1 }, }, { breakpoint: 1023, settings: { slidesToShow: 3, slidesToScroll: 1 }, }, ] }); }(jQuery, Drupal, drupalSettings)); (function ($, Drupal, drupalSettings) { $(".blade-image.slider-image > div").slick({ dots: true, customPaging: function(slider, i) { return '<button class="visuallyhidden">' + Drupal.t('Slide') + ' ' + (i+1) + '</button>'; }, arrows: false, }); }(jQuery, Drupal, drupalSettings)); (function ($, Drupal, drupalSettings) { $('.tile-section--blue.card-section__carousel').each(function () { $(this).children('.card-row').wrapAll('<div class="card-carousel"></div>'); }); $(document).ready(function (){ const windowWidth = $( window ).width(); var $team_slider = $('.card-carousel'); var team_slider_settings = { arrows: false, centerMode: true, centerPadding: '15px', dots: true, customPaging: function(slider, i) { return '<button class="visuallyhidden">' + Drupal.t('Slide') + ' ' + (i+1) + '</button>'; }, mobileFirst: true, slidesToShow: 1, slidesToScroll: 1, responsive: [ { breakpoint: 767, settings: { slidesToShow: 2, slidesToScroll: 2, } }, { breakpoint: 1023, settings: "unslick" } ] }; if (windowWidth < 1023) { $('.tile-section--blue.card-section__carousel .card-row').each(function () { // remove .card-row $(this).children().first().unwrap(); }); // apply slick slider $team_slider.slick(team_slider_settings); } // Reslick only if it's not slick() }); }(jQuery, Drupal, drupalSettings)); </script> </body> </html>