CINXE.COM
Tuition and Fees | 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 more about the costs associated with attending UCLA, including residency, tuition, fees and more." /> <link rel="canonical" href="https://admission.ucla.edu/tuition-aid/tuition-fees" /> <meta property="og:site_name" content="Undergraduate Admission" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://admission.ucla.edu/tuition-aid/tuition-fees" /> <meta property="og:title" content="Tuition and Fees" /> <meta property="og:description" content="Learn more about the costs associated with attending UCLA, including residency, tuition, fees and more." /> <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/tuition-aid/tuition-fees" /> <link rel="alternate" hreflang="es" href="https://admission.ucla.edu/es/tuition-aid/tuition-fees" /> <script src="/sites/default/files/google_tag/admission_gtm/google_tag.script.js?snd6e6" defer></script> <title>Tuition and Fees | UCLA Undergraduate Admission</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_0WZ5PkKee25SEiqksBT7QeM3AjTUPt1ACc2lpvCP94g.css?delta=0&language=en&theme=admissions2020&include=eJxNi1EKwzAMxS6UzqUXKk5igsGJS5_bkduv-xjsT0gIEyGdMkMS166A-sC2bis188y2IKbpaKmJmxeOp9MfvzofyXj6FXtVFL_lnORDitvP50utyknx9sfukPI9P3kKMDs" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css___ORaKvlryzJzPOEyKyWXWPhACMxdP6LtiL8SslMXL4.css?delta=1&language=en&theme=admissions2020&include=eJxNi1EKwzAMxS6UzqUXKk5igsGJS5_bkduv-xjsT0gIEyGdMkMS166A-sC2bis188y2IKbpaKmJmxeOp9MfvzofyXj6FXtVFL_lnORDitvP50utyknx9sfukPI9P3kKMDs" /> <meta name="google-site-verification" content="HFFHYxW9Xsg0ZDpYnYQXKu_kZJoZDdLhXSFbPGpLhkI" /> </head> <body class="node-type-two-column two_column_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/tuition-aid/tuition-fees" 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"> <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"> <a href="/explore/study-abroad" data-drupal-link-system-path="node/38">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 menu-item--active-trail"> <a href="/tuition-aid" data-drupal-link-system-path="node/146">Tuition & Aid</a> <ul class="menu menu-level-1"> <li class="menu-item menu-item--active-trail"> <a href="/tuition-aid/tuition-fees" data-drupal-link-system-path="node/326" class="is-active" aria-current="page">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="/tuition-aid">Tuition & Aid</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>Tuition and Fees</span> </h1> </section> </div> <div class="region" > <section id="block-admissions2020-content"> <article data-history-node-id="326"> <div> <div class="layout layout--twocol-section layout--twocol-section--67-33 ucla campus"> <div class="ucla campus"> <div> <div class="layout__region layout__region--first col span_8_of_12 my-0"> <section class="border-bottom intro-paragraph"> <p>Attending UCLA is a valuable investment in your future. In fact, in 2019, <em>Forbes</em> ranked UCLA the No. 4 best value university in the nation, considering price, average student debt, future earnings, education quality and other factors.</p> </section> <section class="border-bottom custom-field custom-field--center-aligned section__text-background__white" id="block-1211"> <div> <h2 class="custom-field__header" id="20242025_Estimated_Undergraduate_Student_Budget_">2024–2025 Estimated Undergraduate Student Budget </h2> </div> <div class="custom-field"> <p>Some or all instruction for all or part of the academic year may be delivered remotely. Tuition and fees have been set regardless of the method of instruction and will not be refunded in the event instruction occurs remotely for any part of the academic year.</p><p>Figures for tuition and fees represent currently approved or proposed amounts and may not be final. Actual tuition and fees are subject to change by the University of California as determined to be necessary or appropriate. Final approved tuition and fee levels may differ from the amounts presented.</p><p>The University of California Board of Regents approved a multiyear <a href="https://admission.universityofcalifornia.edu/tuition-financial-aid/tuition-cost-of-attendance/tuition-stability-plan.html">Tuition Stability Plan</a> on July 22, 2021. The plan helps students and families budget for a UC education by keeping UC tuition stable and predictable and providing new resources for financial aid. </p><p>Updated - Summer 2024</p><table><caption>Cost Per Academic Year (Nine Months)</caption><thead><tr><th> </th><th><strong>UCLA Residence Halls</strong></th><th><strong>Off-Campus Apartments</strong></th><th><strong>Commuter</strong></th></tr></thead><tbody><tr><td>University Fees</td><td>$15,154</td><td>$15,154</td><td>$15,154</td></tr><tr><td>Food and Housing</td><td>$18,369</td><td>$18,609</td><td>$8,019</td></tr><tr><td>Books, Course Materials, Supplies, and Equipment</td><td>$1,641</td><td>$1,641</td><td>$1,641</td></tr><tr><td>Transportation</td><td>$778</td><td>$1,458</td><td>$2,451</td></tr><tr><td>Personal</td><td>$2,226</td><td>$2,340</td><td>$2,535</td></tr><tr><td>Health Insurance*</td><td>$3,774</td><td>$3,774</td><td>$3,774</td></tr><tr><td>Loan Fees</td><td>$117</td><td>$117</td><td>$117</td></tr><tr class="yellow-total"><td>Total – California Residents</td><td>$42,059</td><td>$43,093</td><td>$33,691</td></tr><tr><td>Nonresident Supplemental Tuition</td><td>$34,200</td><td>$34,200</td><td>$34,200</td></tr><tr class="yellow-total"><td>Total – Nonresidents</td><td>$76,259</td><td>$77,293</td><td>$67,891</td></tr></tbody></table><p class="small-text">* The UC SHIP health insurance requirement and fees can be waived if a student already has adequate insurance coverage. </p> </div> <div class="border-bottom custom-field custom-field--center-aligned section__text-background__white align_link_with_content"> </div> </section> <section class="border-bottom custom-field custom-field--center-aligned section__text-background__white" id="block-1216"> <div> <h2 class="custom-field__header" id="Residency_Requirements_and_Tuition">Residency Requirements and Tuition</h2> </div> <div class="custom-field"> <p>As the nation’s premier public research university, UCLA is grateful to the people of California. Residents contribute to state education funding and are responsible for the continued existence of this special California institution.</p> <p>As a result, the tuition you pay depends on your residency status, which is determined by a specific process. California residency for tuition is not the same as other definitions of California residency.</p> <p>If your parents are not California residents, then the financial independence requirement makes it extremely difficult for most undergraduates to qualify for classification as a California resident at UCLA. This includes students from community colleges and other post-secondary institutions within the state.</p> <p>Transfer students who were classified as residents of California at their previous school should not assume that they’ll be classified as residents here.</p> <p>If you’re unsure whether you qualify for in-state tuition at UCLA, visit the UC’s residency requirements page for more information.</p> </div> <div class="border-bottom custom-field custom-field--center-aligned section__text-background__white align_link_with_content"> <div> <a href="https://www.ucop.edu/residency/residency-requirements.html" class="custom-field__button--secondary">See UC residency requirements</a> </div> </div> </section> <section class="custom-field custom-field--center-aligned section__text-background__white" id="block-1221"> <div> <h2 class="custom-field__header" id="Paying_for_Your_Education_">Paying for Your Education </h2> </div> <div class="custom-field"> <p>We’re proud to offer a generous financial aid program. For more information, visit the financial aid page.</p> </div> <div class="custom-field custom-field--center-aligned section__text-background__white align_link_with_content"> <div> <a href="/tuition-aid/financial-aid-and-scholarships" class="custom-field__button--secondary">Get info on financial aid</a> </div> </div> </section> </div> <div class="col span_1_of_12 my-0"></div> <div class="layout__region layout__region--second col span_3_of_12 my-0"> <nav aria-labelledby="sidebar-menu"> <h2 class="visually-hidden" id="sidebar-menu">Sidebar navigation</h2> <ul class="menu menu-level-0"> <li class="menu-item menu-item--active-trail"> <a href="/tuition-aid/tuition-fees" data-drupal-link-system-path="node/326" class="is-active" aria-current="page">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> </nav> </div> </div> </div> </div> <div class="layout layout--onecol"> <div > </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\/326","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxty0EKgCAQBdALGYYXilEHGZic8E-Ft69Nu9aPR3UXQKwjrWmNTS2TLihDDkegf_Wp0ltQmnb6lk_RyiP6bcV0Axd_x6dVUOziMaN1fj1gwnmPmcAPpqYwSw","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>