UCLA Mindful - Mindfulness Education Center

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " class="scroll-smooth"> <head> <meta charset="utf-8" /> <meta name="description" content="UCLA Mindful, the mindfulness education center at UCLA Health, is dedicated to advancing mindfulness education to promote individual and cultural well-being and resilience world-wide." /> <link rel="canonical" href="https://www.uclahealth.org/uclamindful" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.uclahealth.org/uclamindful" /> <meta property="og:title" content="UCLA Mindful - Mindfulness Education Center" /> <meta property="og:description" content="UCLA Mindful, the mindfulness education center at UCLA Health, is dedicated to advancing mindfulness education to promote individual and cultural well-being and resilience world-wide." /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="UCLA Mindful, the mindfulness education center at UCLA Health, is dedicated to advancing mindfulness education to promote individual and cultural well-being and resilience world-wide." /> <meta name="twitter:title" content="UCLA Mindful - Mindfulness Education Center" /> <meta name="twitter:site" content="@UCLAHealth" /> <meta name="twitter:url" content="https://www.uclahealth.org/uclamindful" /> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/uclahealth/favicons/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/uclahealth/favicons/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/uclahealth/favicons/favicon-16x16.png"/> <link rel="manifest" href="/themes/custom/uclahealth/favicons/site.webmanifest"/> <link rel="mask-icon" href="/themes/custom/uclahealth/favicons/safari-pinned-tab.svg" color="#005587"/> <meta name="apple-mobile-web-app-title" content="UCLA Health"/> <meta name="application-name" content="UCLA Health"/> <meta name="msapplication-TileColor" content="#2d89ef"/> <meta name="theme-color" content="#ffffff"/> <meta name="favicon-generator" content="Drupal responsive_favicons + realfavicongenerator.net" /> <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" /> <script src="/sites/default/files/google_tag/uclahealth_gtm/google_tag.script.js?srttcr" defer></script> <title>UCLA Mindful - Mindfulness Education Center | UCLA Health</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_s3pGNBrRYpGRiC3vHO1HVoD-1NqfsU_hwnLVokHKLAI.css?delta=0&language=en&theme=uclahealth&include=eJx9j0FuxCAMRS8UhiONDHiCOwYjY9LJ7YuaDVm0kjd-T9_6jqLok44G_IAv-GxxAYmAZd-Y6rsNbdLRMwUFPbeCU3rBEjA9XqIFzFC3fnbD4gN03EZkyAhsee7x7UzmtBseZlJXsrME4JUwnDJsJU2pzAquwkE7GN0vdASNeSWj0oHagf9IHJRQFvCEVKh6mSGdqrtpdHbHj7nrU5eR2y_4L7ZTdVd7FwZxQnVF0u275-X9azB_U7L8A7ODm0c" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_9L9IHGDStyD6pu4DGcp3TlbZyN6tTqrFbn1eTQ-L_Qs.css?delta=1&language=en&theme=uclahealth&include=eJx9j0FuxCAMRS8UhiONDHiCOwYjY9LJ7YuaDVm0kjd-T9_6jqLok44G_IAv-GxxAYmAZd-Y6rsNbdLRMwUFPbeCU3rBEjA9XqIFzFC3fnbD4gN03EZkyAhsee7x7UzmtBseZlJXsrME4JUwnDJsJU2pzAquwkE7GN0vdASNeSWj0oHagf9IHJRQFvCEVKh6mSGdqrtpdHbHj7nrU5eR2y_4L7ZTdVd7FwZxQnVF0u275-X9azB_U7L8A7ODm0c" /> <link rel="stylesheet" media="all" href="//use.typekit.net/qtg1foo.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_0QCwL-dMEp-39H6NYmcBjI79pIZi8Gt2ip86Mfh6avo.css?delta=3&language=en&theme=uclahealth&include=eJx9j0FuxCAMRS8UhiONDHiCOwYjY9LJ7YuaDVm0kjd-T9_6jqLok44G_IAv-GxxAYmAZd-Y6rsNbdLRMwUFPbeCU3rBEjA9XqIFzFC3fnbD4gN03EZkyAhsee7x7UzmtBseZlJXsrME4JUwnDJsJU2pzAquwkE7GN0vdASNeSWj0oHagf9IHJRQFvCEVKh6mSGdqrtpdHbHj7nrU5eR2y_4L7ZTdVd7FwZxQnVF0u275-X9azB_U7L8A7ODm0c" /> <script src="/libraries/fontawesome/js/fontawesome.min.js?v=6.4.0" defer></script> <script src="/libraries/fontawesome/js/brands.min.js?v=6.4.0" defer></script> <script src="/libraries/fontawesome/js/custom-icons.min.js?v=6.4.0" defer></script> <script src="/libraries/fontawesome/js/regular.min.js?v=6.4.0" defer></script> <script src="/libraries/fontawesome/js/solid.min.js?v=6.4.0" defer></script> </head> <body x-data="{ mobileNavOpen: false }" :class="{'overflow-hidden max-h-screen' : mobileNavOpen}" class="aliased"> <a href="#main-content" class="visually-hidden focusable"> Skip to main content </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NSK4WRJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container brand--main"> <header id="page-header" role="banner" x-data="scrollToReveal()" x-ref="navbar" x-on:scroll.window="scroll()" x-bind:class="{ 'sticky-ready sticky -top-32 z-500 transition-all duration-500': sticky_ready, 'sticky top-0 z-500 transition-all duration-500': sticky, 'relative transition-all duration-500': relative }" > <div class="bg-primary-darkest px-5 md:px-7 lg:px-10"> <div class="max-w-screen-xl mx-auto"> <div class="flex items-center"> <nav role="navigation" aria-labelledby="block-explore-links-header-menu" id="block-explore-links-header" class="hidden lg:flex -ml-3 xl:-ml-4 mr-4 py-2"> <div class="visually-hidden" id="block-explore-links-header-menu">Explore links (header)</div> <div region="utility_bar" class="flex flex-row items-center justify-between"> <div class="relative" x-data="{ isOpen: false, leftIsLimited: false }" @mouseleave = "isOpen = false" x-init=" window.addEventListener('mouseover', () => { leftIsLimited = ($el.getBoundingClientRect().left) < 144; }); " > <button aria-haspopup="true" :aria-expanded="isOpen.toString()" class="group focus:outline-none focus:ring" @keydown.escape="isOpen = false" @mouseenter="isOpen = true" role="button" type="button" > <span class="block group-hover:text-white leading-tight px-3 xl:px-4 py-1 text-white text-sm xl:text-base"> Explore UCLA Health <i class="fas fa-caret-down ml-1"></i> </span> </button> <div class="absolute left-1/2 transform -translate-x-1/2 -translate-y-1 z-30" x-bind:class="{ 'left-0 -translate-x-0' : leftIsLimited, 'left-1/2 -translate-x-1/2' : !leftIsLimited }" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" x-cloak > <div class="universal-navigation__submenu-triangle mx-auto w-0 h-0" x-bind:class="{ 'ml-auto md:ml-3 lg:ml-6' : leftIsLimited, 'mx-auto' : !leftIsLimited }"></div> <div class="relative bg-white shadow-xl rounded-lg w-screen max-w-xs p-4 text-sm"> <ul class=""> <li> <a href="/" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="<front>">UCLA Health Home</a> </li> <li> <a href="/discover/about" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/801">About Us</a> </li> <li> <a href="/cancer" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/120626">Cancer Center</a> </li> <li> <a href="/locations" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1091">Hospitals & Clinics</a> </li> <li> <a href="https://medschool.ucla.edu/" target="_blank" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none">School of Medicine</a> </li> <li> <a href="/departments" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1411">Academic Departments</a> </li> </ul> </div> </div> </div> </div> </nav> <nav role="navigation" aria-labelledby="block-universal-links-header-menu" id="block-universal-links-header" class="hidden lg:flex lg:flex-grow -ml-3 xl:-ml-4 py-2"> <div class="visually-hidden" id="block-universal-links-header-menu">Universal links (header)</div> <div region="utility_bar" class="flex flex-row items-center justify-between"> <div> <a href="/myuclahealth/nojs" class="use-ajax block group-hover:text-white leading-tight px-3 xl:px-4 py-1 text-white text-sm xl:text-base" data-dialog-options="{"height":"auto","width":"auto"}" data-dialog-type="modal" title="myUCLAhealth Login." data-drupal-link-system-path="myuclahealth/nojs">myUCLAhealth</a> </div> <div> <a href="/news" class="block group-hover:text-white leading-tight px-3 xl:px-4 py-1 text-white text-sm xl:text-base" data-drupal-link-system-path="node/936">News & Insights</a> </div> <div> <a href="/community-equity" class="block group-hover:text-white leading-tight px-3 xl:px-4 py-1 text-white text-sm xl:text-base" data-drupal-link-system-path="node/11">Community & Equity</a> </div> <div> <a href="/contact-us" class="block group-hover:text-white leading-tight px-3 xl:px-4 py-1 text-white text-sm xl:text-base" data-drupal-link-system-path="node/966">Contact Us</a> </div> </div> </nav> <div id="block-phone-number-header" class="lg:flex-grow-0 lg:ml-0 -ml-3 py-2"> <div class="leading-tight text-sm xl:text-base flex items-center"> <a class="flex items-center h-full px-3 xl:px-4 py-1 text-sand space-x-2" href="tel:3108252631"><i class="fas fa-phone"></i><span>310-825-2631</span></a> </div> </div> <div id="google_translate_element" class="lg:flex-grow-0 py-2"> <div class="dropdown show" id="googletranslate">  <div class="relative hidden lg:inline-flex" x-data="{ isOpen: false }" @mouseleave = "isOpen = false" x-cloak> <div> <button class="px-4 flex items-center h-full text-sm xl:text-base leading-tight lg:px-2 xl:px-4 py-1 text-sand space-x-2" role="button" type="button" aria-haspopup="true" @keydown.escape="isOpen = false" @mouseenter="isOpen = true" :aria-expanded="isOpen.toString()" > <div class="space-x-2"> <span class="fas fa-globe" aria-hidden="true" ></span> <span>Translate</span> <i class="fas fa-caret-down"></i> </div> </button> <div class="lg:my-0.5 pt-2 lg:pt-0 lg:transform z-50 absolute left-0 lg:right-0 lg:-translate-y-2 w-full lg:w-auto" id="toggle-languages" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <div class="translate-menu-triangle mx-auto w-0 h-0 pt-1"></div> <div class="bg-white py-4 lg:p-4 lg:rounded-lg rounded-b-md shadow-md lg:shadow-xl lg:text-lg w-full"> <ul> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="en" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">English</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="ar" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">العربية</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="zh-CN" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">中文</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="it" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">Italiano</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="ja" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">日本語</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="ko" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">한국어</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="fa" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">فارسی</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="ru" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">Русский</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="es" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">Español</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="vi" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">Tiếng Việt</a> </li> </ul> </div> </div> </div> </div>  <div x-data="{ isOpen: false }" class="block lg:hidden" x-cloak> <div> <button class="px-4 flex items-center h-full text-sm xl:text-base leading-tight lg:px-2 xl:px-4 py-1 text-sand space-x-2" role="button" type="button" aria-haspopup="true" x-on:click="isOpen = !isOpen" x-on:click.away="isOpen = false" :aria-expanded="isOpen.toString()" > <div class="space-x-2"> <span class="fas fa-globe" aria-hidden="true" ></span> <i class="fas fa-caret-down"></i> </div> </button> <div x-show="isOpen" class="lg:my-0.5 pt-2 lg:pt-0 lg:transform z-50 absolute left-0 lg:right-0 lg:-translate-y-2 w-full lg:w-auto" id="toggle-languages" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <div class="bg-white py-4 lg:p-4 lg:rounded-lg rounded-b-md shadow-md lg:shadow-xl lg:text-lg w-full"> <ul> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="en" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">English</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="ar" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">العربية</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="zh-CN" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">中文</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="it" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">Italiano</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="ja" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">日本語</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="ko" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">한국어</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="fa" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">فارسی</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="ru" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">Русский</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="es" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">Español</a> </li> <li> <a href="#nolink" x-on.click="isOpen = !isOpen" lang="vi" translate="no" class="google-translate-language active:bg-primary active:text-white lg:active:text-almost-black text-left inline-block text-base w-full py-3 px-6 lg:flex lg:items-center lg:space-x-3 lg:p-3 lg:rounded-md lg:hover:bg-sand lg:text-almost-black lg:leading-none lg:text-sm lg:whitespace-pre">Tiếng Việt</a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="uclahealth-general-search-modal-form flex-grow lg:flex-grow-0" data-drupal-selector="uclahealth-general-search-modal-form" id="block-general-search-with-modal"> <div> <form action="/search" method="get" id="uclahealth-general-search-modal-form" accept-charset="UTF-8"> <div class="flex-grow-0 py-2 -mr-3 xl:-mr-4" x-data="{ isOverlayOpen: false }" x-cloak> <button class="flex items-center h-full text-sm xl:text-base leading-tight px-3 xl:px-4 py-1 text-sand space-x-2 ml-auto lg:m-auto" x-on:click="isOverlayOpen = true; document.body.classList.add('overflow-hidden');" type="button" aria-label="Open General Search"><i class="fas fa-search text-sand"></i><span>Search</span></button> <div class="overflow-auto overlay-background z-501 bg-white bg-opacity-90" x-show="isOverlayOpen" x-transition :class="{ 'fixed inset-0 flex items-center justify-center': isOverlayOpen }"> <div class="absolute top-5 md:top-10 px-6 pb-10 pt-2 min-w-3/4" x-show="isOverlayOpen"> <div class="flex justify-end items-center"> <button type="button" aria-label="Close Overlay"><i x-on:click="isOverlayOpen = false; document.body.classList.remove('overflow-hidden');" class="fas fa-times text-5xl text-almost-black cursor-pointer"></i></button> </div> <div class="text-primary-darkest text-5xl md:text-7xl font-serif mt-3 md:mt-9">Search</div> <div class="mt-6 text-lg">Try looking up a doctor, a clinic location, or information about a condition/treatment.</div> <div class="mt-9 md:mt-3"> <div class="relative"> <div class="js-form-item form-item js-form-type-textfield form-item-s js-form-item-s form-no-label"> <label for="edit-s-uclahealth-general-search-modal-form" class="visually-hidden">Search</label> <input data-drupal-selector="edit-s-uclahealth-general-search-modal-form" type="text" id="edit-s-uclahealth-general-search-modal-form" name="s" value="" maxlength="128" placeholder="What are you looking for?" class="form-text w-full border border-gray-medium focus:border-primary text-lg leading-5 rounded-md py-6 pl-6 pr-16" /> </div> <div class="absolute h-full flex items-center top-0 right-4"> <button data-drupal-selector="edit-submit-uclahealth-general-search-modal-form" type="submit" id="edit-submit-uclahealth-general-search-modal-form" value="Search" class="button js-form-submit form-submit inline-flex items-center p-2" aria-label="Search"> <i class="fas text-primary fa-search text-2xl"></i> </button> </div> </div> </div> <div class="lg:w-full lg:flex lg:justify-center"> <div class="lg:w-full p-2 mt-9 md:mt-20 xl:w-auto"> <div class="text-lg font-bold">Examples</div> <div class="prose lg:prose-lg mt-3"> <div class="multicolumn lg:col-count-2"> <ul><li>"Lin Chang" <span class="text-primary-darkest italic">for a Doctor by name</span></li> <li>"Flu Symptoms" <span class="text-primary-darkest italic">for a Condition</span></li> <li>"Cardiologist" <span class="text-primary-darkest italic">for a Doctor by specialty</span></li> <li>"Santa Monica" <span class="text-primary-darkest italic">for a Location</span></li></ul> </div> </div> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="relative bg-white px-5 md:px-7 lg:px-10 shadow-md z-20 region-navigation-bar"> <div class="max-w-screen-xl mx-auto"> <div class="flex items-center justify-between"> <div id="block-uclahealthlogo" class="flex-shrink flex-grow flex items-center py-2 pr-2 -ml-3 xl:-ml-4"> <a href="https://www.uclahealth.org/" class="px-3 xl:px-4 py-3" rel="home"> <img src="/themes/custom/uclahealth/images/ucla-health-logo.svg" width="192" height="40" alt="UCLA Health" /> </a> </div> <nav role="navigation" aria-labelledby="block-primary-navigation-menu" id="block-primary-navigation" class="hidden lg:block lg:flex-grow"> <div class="visually-hidden" id="block-primary-navigation-menu">Primary navigation</div> <div x-cloak> <div region="navigation_bar" class="flex items-center justify-between space-x-1 xl:space-x-4"> <div class="flex items-center space-x-1 xl:space-x-4"> <div class="relative" x-data="{ isOpen: false, isLimited: false }" @mouseleave = "isOpen = false" > <button aria-haspopup="true" :aria-expanded="isOpen.toString()" class="group px-2 xl:px-4 py-3 focus:outline-none" @keydown.escape="isOpen = false" @mouseenter="isOpen = true" role="button" type="button" > <span class="block text-lg leading-tight py-1 border-b border-transparent group-hover:text-primary-darkest group-hover:border-primary-darkest"> Find Care </span> </button> <div class="absolute left-1/2 transform -translate-x-1/2 pt-1 z-20" x-bind:class="{ 'right-0 -translate-x-0' : isLimited, 'left-1/2 -translate-x-1/2' : !isLimited }" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <div class="primary-navigation__submenu-triangle mx-auto w-0 h-0" x-bind:class="{ 'ml-auto md:mr-3 lg:mr-6' : isLimited, 'mx-auto' : !isLimited }"></div> <div class="relative bg-white shadow-xl rounded-lg w-screen max-w-xs p-4 text-lg"> <ul class=""> <li> <a href="/providers" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1076">Find a Doctor</a> </li> <li> <a href="/locations" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1091">Find a Location</a> </li> <li> <a href="/find-care/appointments/virtual-care" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/56">Virtual Care</a> </li> <li> <a href="/find-care/appointments" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/46">Make an Appointment</a> </li> <li> <a href="/find-care/appointments/second-opinion-consults" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/74601">Second Opinion Consults</a> </li> <li> <a href="/medical-services" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/241">Medical Services</a> </li> <li> <a href="/cancer/cancer-services" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1136">Cancer Medical Services</a> </li> <li> <a href="/locations" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1091">Outpatient Locations</a> </li> </ul> </div> </div> </div> <div class="relative" x-data="{ isOpen: false, isLimited: false }" @mouseleave = "isOpen = false" > <button aria-haspopup="true" :aria-expanded="isOpen.toString()" class="group px-2 xl:px-4 py-3 focus:outline-none" @keydown.escape="isOpen = false" @mouseenter="isOpen = true" role="button" type="button" > <span class="block text-lg leading-tight py-1 border-b border-transparent group-hover:text-primary-darkest group-hover:border-primary-darkest"> Patient Resources </span> </button> <div class="absolute left-1/2 transform -translate-x-1/2 pt-1 z-20" x-bind:class="{ 'right-0 -translate-x-0' : isLimited, 'left-1/2 -translate-x-1/2' : !isLimited }" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <div class="primary-navigation__submenu-triangle mx-auto w-0 h-0" x-bind:class="{ 'ml-auto md:mr-3 lg:mr-6' : isLimited, 'mx-auto' : !isLimited }"></div> <div class="relative bg-white shadow-xl rounded-lg w-screen max-w-xs p-4 text-lg"> <ul class=""> <li> <a href="/patient-resources/prepare-your-visit" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/111">Prepare for Your Visit</a> </li> <li> <a href="/patient-resources/visitor-guidelines" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1551">Visitor Guidelines</a> </li> <li> <a href="/patient-resources/billing-insurance" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/51">Billing & Insurance</a> </li> <li> <a href="/patient-resources/medical-records" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/126">Medical Records</a> </li> <li> <a href="/patient-resources/community-resources" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/178771">Community Resources</a> </li> <li> <a href="/patient-resources/support-information" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1106">Support & Information</a> </li> <li> <a href="/patient-resources/support-information/patient-financial-assistance-program" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/86">Patient Financial Assistance Program</a> </li> <li> <a href="/international-services" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/104131">International Services</a> </li> </ul> </div> </div> </div> <div class="relative" x-data="{ isOpen: false, isLimited: false }" @mouseleave = "isOpen = false" > <button aria-haspopup="true" :aria-expanded="isOpen.toString()" class="group px-2 xl:px-4 py-3 focus:outline-none" @keydown.escape="isOpen = false" @mouseenter="isOpen = true" role="button" type="button" > <span class="block text-lg leading-tight py-1 border-b border-transparent group-hover:text-primary-darkest group-hover:border-primary-darkest"> Treatment Options </span> </button> <div class="absolute left-1/2 transform -translate-x-1/2 pt-1 z-20" x-bind:class="{ 'right-0 -translate-x-0' : isLimited, 'left-1/2 -translate-x-1/2' : !isLimited }" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <div class="primary-navigation__submenu-triangle mx-auto w-0 h-0" x-bind:class="{ 'ml-auto md:mr-3 lg:mr-6' : isLimited, 'mx-auto' : !isLimited }"></div> <div class="relative bg-white shadow-xl rounded-lg w-screen max-w-xs p-4 text-lg"> <ul class=""> <li> <a href="/medical-services" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/241">Medical Services</a> </li> <li> <a href="/patient-resources/support-information/patient-education/annual-health-wellness-screenings" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1581">Wellness & Routine Care</a> </li> <li> <a href="/clinical-trials" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/626">Clinical Trials</a> </li> <li> <a href="/treatment-options/coronavirus" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/641">COVID-19 Info</a> </li> </ul> </div> </div> </div> <div class="relative" x-data="{ isOpen: false, isLimited: false }" @mouseleave = "isOpen = false" > <button aria-haspopup="true" :aria-expanded="isOpen.toString()" class="group px-2 xl:px-4 py-3 focus:outline-none" @keydown.escape="isOpen = false" @mouseenter="isOpen = true" role="button" type="button" > <span class="block text-lg leading-tight py-1 border-b border-transparent group-hover:text-primary-darkest group-hover:border-primary-darkest"> Locations </span> </button> <div class="absolute left-1/2 transform -translate-x-1/2 pt-1 z-20" x-bind:class="{ 'right-0 -translate-x-0' : isLimited, 'left-1/2 -translate-x-1/2' : !isLimited }" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <div class="primary-navigation__submenu-triangle mx-auto w-0 h-0" x-bind:class="{ 'ml-auto md:mr-3 lg:mr-6' : isLimited, 'mx-auto' : !isLimited }"></div> <div class="relative bg-white shadow-xl rounded-lg w-screen max-w-xs p-4 text-lg"> <ul class=""> <li> <a href="/locations/immediate-care" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/671">Immediate Care</a> </li> <li> <a href="/locations/search?s=&f%5B0%5D=type%3A741" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-query="{"f":["type:741"],"s":""}" data-drupal-link-system-path="node/1606">Primary Care</a> </li> <li> <a href="/locations/search?s=&f%5B0%5D=type%3A781" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-query="{"f":["type:781"],"s":""}" data-drupal-link-system-path="node/1606">Pediatric Care</a> </li> <li> <a href="/cancer/locations" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/121151">Cancer Care</a> </li> <li> <a href="/locations/search?s=&f%5B0%5D=type%3A761" title="See a list of outpatient surgical centers at UCLA Health" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-query="{"f":["type:761"],"s":""}" data-drupal-link-system-path="node/1606">Surgical Centers</a> </li> <li> <a href="/locations/search?s=&f%5B0%5D=type%3A786" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-query="{"f":["type:786"],"s":""}" data-drupal-link-system-path="node/1606">Imaging/Radiology</a> </li> <li> <a href="/locations/search?f%5B0%5D=type%3A751" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-query="{"f":["type:751"]}" data-drupal-link-system-path="node/1606">Hospitals</a> </li> <li> <a href="/locations" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/1091">All Locations</a> </li> </ul> </div> </div> </div> <div class="relative" x-data="{ isOpen: false, isLimited: false }" @mouseleave = "isOpen = false" > <button aria-haspopup="true" :aria-expanded="isOpen.toString()" class="group px-2 xl:px-4 py-3 focus:outline-none" @keydown.escape="isOpen = false" @mouseenter="isOpen = true" role="button" type="button" > <span class="block text-lg leading-tight py-1 border-b border-transparent group-hover:text-primary-darkest group-hover:border-primary-darkest"> Discover </span> </button> <div class="absolute left-1/2 transform -translate-x-1/2 pt-1 z-20" x-bind:class="{ 'right-0 -translate-x-0' : isLimited, 'left-1/2 -translate-x-1/2' : !isLimited }" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <div class="primary-navigation__submenu-triangle mx-auto w-0 h-0" x-bind:class="{ 'ml-auto md:mr-3 lg:mr-6' : isLimited, 'mx-auto' : !isLimited }"></div> <div class="relative bg-white shadow-xl rounded-lg w-screen max-w-xs p-4 text-lg"> <ul class=""> <li> <a href="/discover/about" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/801">About UCLA Health</a> </li> <li> <a href="/news/search?f%5B0%5D=type%3A80636" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-query="{"f":["type:80636"]}" data-drupal-link-system-path="node/1611">Patient Stories</a> </li> <li> <a href="/events" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none">Events Calendar</a> </li> <li> <a href="/giving" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/102971">Donate to UCLA Health</a> </li> <li> <a href="/human-resources" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/117886">Work at UCLA Health</a> </li> <li> <a href="/discover/healthcare-professionals" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/946">For Healthcare Professionals</a> </li> <li> <a href="/discover-ucla-health/connect" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/931">Connect with UCLA Health</a> </li> <li> <a href="/care-compliments" class="flex items-center space-x-3 p-3 rounded-md hover:bg-sand text-gray-dark leading-none" data-drupal-link-system-path="node/121836">Care Compliments</a> </li> </ul> </div> </div> </div> </div> <div class="flex-shrink-0"> <a href="/providers" class="inline-flex items-center justify-center text-center text-base leading-4 font-bold px-6 py-3 border rounded-md transition-colors duration-200 ease-in-out bg-white shadow-md hover:shadow-xl active:shadow-inner button--primary-alt button">Find a Doctor</a> </div> </div> </div> </nav>  <button type="button" class="block lg:hidden text-almost-black focus:outline-none" x-on:click="mobileNavOpen = !mobileNavOpen" :class="{ 'transition transform-180': mobileNavOpen }" aria-haspopup="true" :aria-expanded="mobileNavOpen.toString()" > <svg :class="{'rotate-180': mobileNavOpen, 'rotate-0': !mobileNavOpen}" class="h-8 w-8 transition-transform duration-200 transform rotate-180 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path x-show="mobileNavOpen" fill-rule="evenodd" clip-rule="evenodd" d="M18.278 16.864a1 1 0 0 1-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 0 1-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 0 1 1.414-1.414l4.829 4.828 4.828-4.828a1 1 0 1 1 1.414 1.414l-4.828 4.829 4.828 4.828z" /> <path x-show="!mobileNavOpen" fill-rule="evenodd" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z" /> </svg> <div class="text-xs uppercase"> <div x-show="!mobileNavOpen">Main</div> <div x-show="mobileNavOpen">Close</div> </div> </button> </div> </div> </div> <div id="mobile-nav" class="lg:hidden relative z-20 bg-white" :class="{ 'shadow-md overflow-scroll mobile-nav-open pb-24' : mobileNavOpen }" x-show="mobileNavOpen"> <nav role="navigation" aria-labelledby="block-primary-navigation-mobile-menu" id="block-primary-navigation-mobile" class="pt-6 pb-4 bg-sand"> <div class="visually-hidden" id="block-primary-navigation-mobile-menu">Primary navigation (mobile)</div> <div region="header_mobile"> <div class="px-6"> <a class="button button--primary inline-flex flex-nowrap gap-2" href="/providers" > <span>Find a Doctor</span> </a> </div> <div class="divide-y divide-gray-light mt-4"> <div class="" x-data="{ isOpen: false }"> <button class="text-xl leading-tight text-primary flex items-center justify-between w-full px-6 py-3" :class="{ 'text-primary-darkest': isOpen }" role="button" type="button" aria-haspopup="true" x-on:click="isOpen = !isOpen" x-on:click.away="isOpen = false" @keydown.escape="isOpen = false" #} > <span> Find Care </span> <i x-show="!isOpen" class="fas fa-fw fa-plus"></i> <i x-show="isOpen" class="fas fa-fw fa-minus"></i> </button> <div class="text-lg" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <ul class="pl-6 pb-4"> <li> <a href="/providers" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/1076">Find a Doctor</a> </li> <li> <a href="/locations" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/1091">Find a Location</a> </li> <li> <a href="/find-care/appointments/virtual-care" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/56">Virtual Care</a> </li> <li> <a href="/find-care/appointments" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/46">Make an Appointment</a> </li> <li> <a href="/find-care/appointments/second-opinion-consults" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/74601">Second Opinion Consults</a> </li> <li> <a href="/medical-services" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/241">Medical Services</a> </li> <li> <a href="/cancer/cancer-services" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/1136">Cancer Medical Services</a> </li> <li> <a href="/locations" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/1091">Outpatient Locations</a> </li> </ul> </div> </div> <div class="" x-data="{ isOpen: false }"> <button class="text-xl leading-tight text-primary flex items-center justify-between w-full px-6 py-3" :class="{ 'text-primary-darkest': isOpen }" role="button" type="button" aria-haspopup="true" x-on:click="isOpen = !isOpen" x-on:click.away="isOpen = false" @keydown.escape="isOpen = false" #} > <span> Patient Resources </span> <i x-show="!isOpen" class="fas fa-fw fa-plus"></i> <i x-show="isOpen" class="fas fa-fw fa-minus"></i> </button> <div class="text-lg" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <ul class="pl-6 pb-4"> <li> <a href="/patient-resources/prepare-your-visit" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/111">Prepare for Your Visit</a> </li> <li> <a href="/patient-resources/visitor-guidelines" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/1551">Visitor Guidelines</a> </li> <li> <a href="/patient-resources/billing-insurance" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/51">Billing & Insurance</a> </li> <li> <a href="/patient-resources/medical-records" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/126">Medical Records</a> </li> <li> <a href="/patient-resources/community-resources" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/178771">Community Resources</a> </li> <li> <a href="/patient-resources/support-information" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/1106">Support & Information</a> </li> <li> <a href="/patient-resources/support-information/patient-financial-assistance-program" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/86">Patient Financial Assistance Program</a> </li> <li> <a href="/international-services" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/104131">International Services</a> </li> </ul> </div> </div> <div class="" x-data="{ isOpen: false }"> <button class="text-xl leading-tight text-primary flex items-center justify-between w-full px-6 py-3" :class="{ 'text-primary-darkest': isOpen }" role="button" type="button" aria-haspopup="true" x-on:click="isOpen = !isOpen" x-on:click.away="isOpen = false" @keydown.escape="isOpen = false" #} > <span> Treatment Options </span> <i x-show="!isOpen" class="fas fa-fw fa-plus"></i> <i x-show="isOpen" class="fas fa-fw fa-minus"></i> </button> <div class="text-lg" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <ul class="pl-6 pb-4"> <li> <a href="/medical-services" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/241">Medical Services</a> </li> <li> <a href="/patient-resources/support-information/patient-education/annual-health-wellness-screenings" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/1581">Wellness & Routine Care</a> </li> <li> <a href="/clinical-trials" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/626">Clinical Trials</a> </li> <li> <a href="/treatment-options/coronavirus" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/641">COVID-19 Info</a> </li> </ul> </div> </div> <div class="" x-data="{ isOpen: false }"> <button class="text-xl leading-tight text-primary flex items-center justify-between w-full px-6 py-3" :class="{ 'text-primary-darkest': isOpen }" role="button" type="button" aria-haspopup="true" x-on:click="isOpen = !isOpen" x-on:click.away="isOpen = false" @keydown.escape="isOpen = false" #} > <span> Locations </span> <i x-show="!isOpen" class="fas fa-fw fa-plus"></i> <i x-show="isOpen" class="fas fa-fw fa-minus"></i> </button> <div class="text-lg" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <ul class="pl-6 pb-4"> <li> <a href="/locations/immediate-care" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/671">Immediate Care</a> </li> <li> <a href="/locations/search?s=&f%5B0%5D=type%3A741" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-query="{"f":["type:741"],"s":""}" data-drupal-link-system-path="node/1606">Primary Care</a> </li> <li> <a href="/locations/search?s=&f%5B0%5D=type%3A781" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-query="{"f":["type:781"],"s":""}" data-drupal-link-system-path="node/1606">Pediatric Care</a> </li> <li> <a href="/cancer/locations" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/121151">Cancer Care</a> </li> <li> <a href="/locations/search?s=&f%5B0%5D=type%3A761" title="See a list of outpatient surgical centers at UCLA Health" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-query="{"f":["type:761"],"s":""}" data-drupal-link-system-path="node/1606">Surgical Centers</a> </li> <li> <a href="/locations/search?s=&f%5B0%5D=type%3A786" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-query="{"f":["type:786"],"s":""}" data-drupal-link-system-path="node/1606">Imaging/Radiology</a> </li> <li> <a href="/locations/search?f%5B0%5D=type%3A751" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-query="{"f":["type:751"]}" data-drupal-link-system-path="node/1606">Hospitals</a> </li> <li> <a href="/locations" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/1091">All Locations</a> </li> </ul> </div> </div> <div class="" x-data="{ isOpen: false }"> <button class="text-xl leading-tight text-primary flex items-center justify-between w-full px-6 py-3" :class="{ 'text-primary-darkest': isOpen }" role="button" type="button" aria-haspopup="true" x-on:click="isOpen = !isOpen" x-on:click.away="isOpen = false" @keydown.escape="isOpen = false" #} > <span> Discover </span> <i x-show="!isOpen" class="fas fa-fw fa-plus"></i> <i x-show="isOpen" class="fas fa-fw fa-minus"></i> </button> <div class="text-lg" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" > <ul class="pl-6 pb-4"> <li> <a href="/discover/about" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/801">About UCLA Health</a> </li> <li> <a href="/news/search?f%5B0%5D=type%3A80636" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-query="{"f":["type:80636"]}" data-drupal-link-system-path="node/1611">Patient Stories</a> </li> <li> <a href="/events" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2">Events Calendar</a> </li> <li> <a href="/giving" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/102971">Donate to UCLA Health</a> </li> <li> <a href="/human-resources" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/117886">Work at UCLA Health</a> </li> <li> <a href="/discover/healthcare-professionals" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/946">For Healthcare Professionals</a> </li> <li> <a href="/discover-ucla-health/connect" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/931">Connect with UCLA Health</a> </li> <li> <a href="/care-compliments" class="flex items-center space-x-2 text-primary leading-tight px-6 py-2" data-drupal-link-system-path="node/121836">Care Compliments</a> </li> </ul> </div> </div> </div> </div> </nav> <nav role="navigation" aria-labelledby="block-explore-links-mobile-menu" id="block-explore-links-mobile" class="bg-white pt-4 pb-1"> <div class="visually-hidden" id="block-explore-links-mobile-menu">Explore links (mobile)</div> <div region="header_mobile" class="px-6 space-y-4 mt-4"> <div class="" x-data="{ isOpen: false }"> <button class="flex items-center justify-between leading-tight text-primary text-base text-left w-full" :class="{ 'text-primary-darkest': isOpen }" role="button" type="button" aria-haspopup="true" x-on:click="isOpen = !isOpen" x-on:click.away="isOpen = false" @keydown.escape="isOpen = false" #} > <span class="leading-tight text-primary text-base w-full inline-block"> Explore UCLA Health </span> <i x-show="!isOpen" class="fas fa-fw fa-plus"></i> <i x-show="isOpen" class="fas fa-fw fa-minus"></i> </button> <div class="text-base" x-show="isOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-90" x-cloak > <ul class="pl-6 py-2"> <li> <a href="/" class="flex items-center leading-tight py-2 text-primary" data-drupal-link-system-path="<front>">UCLA Health Home</a> </li> <li> <a href="/discover/about" class="flex items-center leading-tight py-2 text-primary" data-drupal-link-system-path="node/801">About Us</a> </li> <li> <a href="/cancer" class="flex items-center leading-tight py-2 text-primary" data-drupal-link-system-path="node/120626">Cancer Center</a> </li> <li> <a href="/locations" class="flex items-center leading-tight py-2 text-primary" data-drupal-link-system-path="node/1091">Hospitals & Clinics</a> </li> <li> <a href="https://medschool.ucla.edu/" target="_blank" class="flex items-center leading-tight py-2 text-primary">School of Medicine</a> </li> <li> <a href="/departments" class="flex items-center leading-tight py-2 text-primary" data-drupal-link-system-path="node/1411">Academic Departments</a> </li> </ul> </div> </div> </div> </nav> <nav role="navigation" aria-labelledby="block-universal-links-mobile-menu" id="block-universal-links-mobile" class="bg-white pt-0.5 pb-1"> <div class="visually-hidden" id="block-universal-links-mobile-menu">Universal links (mobile)</div> <div region="header_mobile" class="px-6 space-y-4 mt-4"> <div class="leading-tight text-primary text-base w-full inline-block"> <a href="/myuclahealth/nojs" class="use-ajax block" data-dialog-options="{"height":"auto","width":"auto"}" data-dialog-type="modal" title="myUCLAhealth Login." data-drupal-link-system-path="myuclahealth/nojs">myUCLAhealth</a> </div> <div class="leading-tight text-primary text-base w-full inline-block"> <a href="/news" class="block" data-drupal-link-system-path="node/936">News & Insights</a> </div> <div class="leading-tight text-primary text-base w-full inline-block"> <a href="/community-equity" class="block" data-drupal-link-system-path="node/11">Community & Equity</a> </div> <div class="leading-tight text-primary text-base w-full inline-block"> <a href="/contact-us" class="block" data-drupal-link-system-path="node/966">Contact Us</a> </div> </div> </nav> <div id="block-phone-number-mobile" class="bg-white px-2 pb-4 pt-1"> <div> <a class="flex items-center px-4 py-2 text-primary-darkest space-x-2" href="tel:3108252631"><i class="fas fa-phone"></i><span>310-825-2631</span></a> </div> </div> </div> </header> <div class="bg-sand px-5 md:px-7 lg:px-10"> <div class="max-w-screen-xl mx-auto"> <div data-drupal-messages-fallback class="hidden"></div> </div> </div> <main role="main"> <a id="main-content" tabindex="-1"></a> <div class="layout-content"> <div> <div id="block-main-content"> <article about="/uclamindful"> <div> <div class="relative"> <div > <div > <div class="bg-primary-darkest "> <div class="md:h-88 lg:h-116 xl:h-132"> <div class="relative h-full max-w-screen-xxl mx-auto"> <div class="relative px-5 md:z-10 md:px-7 lg:px-10 pt-4 pb-8 lg:pb-24 lg:pt-8 md:h-full"> <div class="relative space-y-5 max-w-screen-xl mx-auto md:h-full"> <div> <nav role="navigation" aria-labelledby="page-breadcrumb"> <div id="page-breadcrumb" class="hidden">Breadcrumb</div> <ol class="inline-flex flex-wrap items-center leading-loose font-normal text-xs md:text-sm lg:text-base"> <li class="flex items-center mr-3"> <a class="text-primary-alt-darker hover:underline font-normal" href="/"> <i class="fas fa-home-lg-alt"></i> <span class="sr-only">Home</span></a> <i class="fas fa-caret-right text-gray-medium right-px top-px relative ml-4"></i> </li> <li class="flex items-center mr-3"> <a class="text-primary-alt-darker hover:underline font-normal" href="/departments">Departments</a> <i class="fas fa-caret-right text-gray-medium right-px top-px relative ml-4"></i> </li> <li class="flex items-center"> <a class="text-primary-alt-darker hover:underline font-normal" href="/uclamindful">UCLA Mindful</a> <i class="fas fa-caret-right text-gray-medium right-px top-px relative ml-4"></i> </li> </ol> </nav> </div> <div class="space-y-5 md:flex md:flex-col md:h-full md:w-3/4 lg:w-2/3 xl:w-1/2"> <div class="space-y-5 md:space-y-7 lg:space-y-10 md:flex-grow md:flex md:flex-col md:justify-center md:pb-5 lg:pb-10"> <div> <h1 class="leading-tight font-serif text-white text-3xl md:text-4xl lg:text-5xl xl:text-6xl md:text-shadow-md">UCLA Mindful</h1> </div> <p class="font-sans text-lg md:text-xl lg:text-2xl xl:text-3xl text-white md:text-shadow-md">UCLA Health's Mindfulness Education Center</p> </div> </div> </div> </div> <div class="px-5 pb-5 md:p-0 md:absolute md:top-0 md:bottom-0 md:left-0 md:right-0 md:overflow-hidden"> <div class="md:absolute md:transform md:top-1/2 md:-translate-y-1/2 md:right-0 md:min-w-lg lg:min-w-xl xl:min-w-xxl hidden md:block"> <div> <div> <picture> <source srcset="/sites/default/files/styles/landscape_272x100_036000_1440x528_desktop_hero/public/banner-images/UCLA-Mindful-Awareness-Research-Center.jpg?itok=XXOR_Xm4 1x" media="(min-width: 640px)" type="image/jpeg" width="1440" height="528"/> <source srcset="/sites/default/files/styles/landscape_3x2_016000_640x427_mobile_hero/public/banner-images/UCLA-Mindful-Awareness-Research-Center.jpg?itok=Vc0nSJfA 1x" type="image/jpeg" width="640" height="427"/> <img loading="lazy" width="640" height="427" src="/sites/default/files/styles/landscape_3x2_016000_640x427_mobile_hero/public/banner-images/UCLA-Mindful-Awareness-Research-Center.jpg?itok=Vc0nSJfA" alt="Woman meditating indoors with assistance of laptop" typeof="foaf:Image" /> </picture> </div> </div> </div> </div> <div class="hero__gradient-overlay--blue-darkest md:absolute md:inset-0 hidden md:block md:h-full"></div> </div> </div> </div> </div> </div> </div> <div class="relative bg-transparent pt-8 pt-0 lg:pt-8 lg:pb-8 px-5 md:px-7 lg:px-10"> <div class="relative max-w-screen-xl mx-auto "> <div class="space-y-8 lg:-mt-16"> <nav role="navigation" aria-labelledby="sub-navigation-heading"> <h2 id="sub-navigation-heading" class="visually-hidden">Sub-navigation</h2>  <div class="justify-center hidden lg:flex"> <div class="py-2 px-4 bg-white shadow-lg rounded center inline-block z-10"> <ul class="flex justify-evenly items-center"> <li> <a href="/programs/uclamindful/about-us" class="text-base font-bold text-center block rounded-md hover:bg-gray-faint py-3 px-4 text-link" data-drupal-link-system-path="node/83871">About Us</a> </li> <li> <a href="/uclamindful/classes-events" class="text-base font-bold text-center block rounded-md hover:bg-gray-faint py-3 px-4 text-link" data-drupal-link-system-path="node/83936">Classes & Events</a> </li> <li> <a href="/programs/uclamindful/facilitating-mindfulness" class="text-base font-bold text-center block rounded-md hover:bg-gray-faint py-3 px-4 text-link" data-drupal-link-system-path="node/84006">Facilitating Mindfulness</a> </li> <li> <a href="/uclamindful/free-guided-meditations" class="text-base font-bold text-center block rounded-md hover:bg-gray-faint py-3 px-4 text-link" data-drupal-link-system-path="node/84126">Free Guided Meditations</a> </li> <li> <a href="/programs/uclamindful/resources" class="text-base font-bold text-center block rounded-md hover:bg-gray-faint py-3 px-4 text-link" data-drupal-link-system-path="node/84026">Resources</a> </li> <li> <a href="/uclamindful/subscribe" class="text-base font-bold text-center block rounded-md hover:bg-gray-faint py-3 px-4 text-link" data-drupal-link-system-path="node/84161">Join Our Mailing List</a> </li> </ul> </div> </div>  <div class="bg-transparent lg:hidden"> <div x-data="{ isMenuOpen: false }" > <div class="bg-white shadow-md -mx-5 md:-mx-7 -mt-8 p-6 md:p-7 relative z-10"> <div class="text-xl font-bold text-primary"> Sub-navigation menu bar <div class="float-right text-almost-black text-center -mt-2.5"> <button x-on:click="isMenuOpen = !isMenuOpen" class="focus:outline-none focus:ring" role="button" type="button" > <svg :class="{'rotate-180': isMenuOpen, 'rotate-0': !isMenuOpen}" class="h-8 w-8 transition-transform duration-200 transform rotate-180 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path x-show="isMenuOpen" fill-rule="evenodd" clip-rule="evenodd" d="M18.278 16.864a1 1 0 0 1-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 0 1-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 0 1 1.414-1.414l4.829 4.828 4.828-4.828a1 1 0 1 1 1.414 1.414l-4.828 4.829 4.828 4.828z" /> <path x-show="!isMenuOpen" fill-rule="evenodd" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z" /> </svg> <div class="text-xs uppercase font-normal"> <div x-show="!isMenuOpen">More</div> <div x-show="isMenuOpen">Close</div> </div> </button> </div> </div> <div class="text-lg -mx-5 md:-mx-7"> <div x-show="isMenuOpen" x-transition x-on:click.away="isMenuOpen = false" class="w-full"> <ul class="px-5 pt-5 md:px-7 md:pt-7"> <li x-data="{ isMenuOpen_1: false }"> <div class="flex justify-between items-center w-full"> <a href="/programs/uclamindful/about-us" class="text-xl inline-block flex-grow py-5 text-link hover:text-primary-darkest active:text-white active:bg-primary duration-200">About Us</a> </div> </li> <li x-data="{ isMenuOpen_2: false }"> <div class="flex justify-between items-center w-full"> <a href="/uclamindful/classes-events" class="text-xl inline-block flex-grow py-5 text-link hover:text-primary-darkest active:text-white active:bg-primary duration-200">Classes & Events</a> </div> </li> <li x-data="{ isMenuOpen_3: false }"> <div class="flex justify-between items-center w-full"> <a href="/programs/uclamindful/facilitating-mindfulness" class="text-xl inline-block flex-grow py-5 text-link hover:text-primary-darkest active:text-white active:bg-primary duration-200">Facilitating Mindfulness</a> </div> </li> <li x-data="{ isMenuOpen_4: false }"> <div class="flex justify-between items-center w-full"> <a href="/uclamindful/free-guided-meditations" class="text-xl inline-block flex-grow py-5 text-link hover:text-primary-darkest active:text-white active:bg-primary duration-200">Free Guided Meditations</a> </div> </li> <li x-data="{ isMenuOpen_5: false }"> <div class="flex justify-between items-center w-full"> <a href="/programs/uclamindful/resources" class="text-xl inline-block flex-grow py-5 text-link hover:text-primary-darkest active:text-white active:bg-primary duration-200">Resources</a> </div> </li> <li x-data="{ isMenuOpen_6: false }"> <div class="flex justify-between items-center w-full"> <a href="/uclamindful/subscribe" class="text-xl inline-block flex-grow py-5 text-link hover:text-primary-darkest active:text-white active:bg-primary duration-200">Join Our Mailing List</a> </div> </li> <li class="text-xs text-right"> <button x-on:click="isMenuOpen = !isMenuOpen"> <svg class="h-8 w-8 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.278 16.864a1 1 0 0 1-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 0 1-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 0 1 1.414-1.414l4.829 4.828 4.828-4.828a1 1 0 1 1 1.414 1.414l-4.828 4.829 4.828 4.828z" /> </svg> <div class="text-xs uppercase">Close</div> </button> </li> </ul> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="relative bg-sand pt-8 pb-8 lg:pt-8 lg:pb-16 px-5 md:px-7 lg:px-10"> <div class="relative mx-auto max-w-screen-xl grid gap-y-8 lg:gap-x-8 lg:grid-cols-67-33 "> <div class="space-y-8 order-1 lg:order-1 lg:space-y-8 lg:mt-0 lg:row-span-1" data-view-count=""> <div> <div class=""> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl "> About UCLA Mindful </h2> <div class="mt-3"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <p><span>UCLA Mindful, the mindfulness education center at UCLA Health, is dedicated to advancing mindfulness education to promote individual and cultural well-being and resilience world-wide. Our mission is to provide innovative, evidence-based mindfulness programs that empower individuals and institutions to manage stress, enhance health, and cultivate inner and outer peace. Through educational programs, we strive to inspire transformative growth and contribute to a culture of compassion and wellness for all.</span></p> </div> </div> </div> </div> </div> </div> </div> <div class="space-y-8 order-2 lg:order-2 lg:row-span-1 lg:space-y-8 lg:mt-0" data-view-count=""> <div class="h-full"> <div class="bg-white shadow-xl rounded-md p-6 h-full flex flex-col"> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl text-center "> Contact Us </h2> <div class="flex justify-center text-center text-sm md:text-base mt-6"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5e2b3d323f3337303a382b321e333b3a303b2a702b3d323f703b3a2b">[email protected]</a></p> </div> </div> </div> </div> <div class=" m-0 mt-auto pt-6 "> <div class="flex sm:justify-center "> <div class="flex w-full sm:w-auto flex-col button-group--stacked"> <div class="mt-3 "> <a class="button button--primary button--small inline-flex flex-nowrap gap-2" href="/uclamindful/subscribe" target="_blank" > <span>Join our Mailing List</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="relative bg-white pt-8 pb-8 lg:pt-8 lg:pb-16 px-5 md:px-7 lg:px-10"> <div class="relative max-w-screen-xl mx-auto "> <div class="space-y-4 lg:mt-0"> <div> <div class="flex flex-col justify-center items-center"> <div class="mt-3 text-center"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <h2><span><strong>Wildfire Resources</strong></span></h2><p><span>As wildfires continue to affect the greater Los Angeles area, many of us are facing heightened emotions and stress. Our mindfulness education center is here to offer support through meditations and lectures designed to help you navigate these difficult times.<strong> Scroll down for meditations, talks, and community practice opportunities.</strong></span></p><p><span>We're here for you—together, we can find strength and healing.</span><br> </p> </div> </div> </div> </div> </div> </div> <div> <div class=""> <div class="mt-3"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <h3><span><strong>Meditations</strong></span></h3><ul><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer021325.mp3"><span>Inner Wisdom Guided Meditation with Diana Winston</span></a><span> Latest Meditation</span></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer020625.mp3"><span>I Can Handle This! - Meditations on Equanimity and Action With Diana Winston</span></a><span> </span></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer012325.mp3" target="_blank"><span>RAIN: A Tool for Working with Difficult Emotions with Diana Winston</span></a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/011625Hammer.wav" target="_blank">Accessing the Relaxation Response with Allyson Pimentel</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer010925.mp3" target="_blank">Compassion Meditation with Diana Winston</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer052622C.mp3" target="_blank">Practices for Difficult Times with Diana Winston</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer102424+Meditation_EDIT.m4a" target="_blank">Working with Anxiety Meditation with Diana Winston</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer062923C.mp3" target="_blank">Cultivating Equanimity with Diana Winston</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer110923C.mp3" target="_blank">Working with Difficult Emotions Meditation with Diana Winston</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer082522C.mp3" target="_blank">Rest Meditation with Allyson Pimentel</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer071124C.mp3" target="_blank">Welcoming Your Experience with Allyson Pimentel</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Hammer050621C.mp3" target="_blank">Mindfulness as Support for Caregivers</a></li></ul><h3><span><strong>Talks</strong></span></h3><ul><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Talks021225.mp3" target="_blank"><span>Talks: Accessing your Inner Wisdom with Diana Winston</span></a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Talks020525.mp3"><span>Talks: Equanimity in Action with Diana Winston</span></a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Talks012225.mp3" target="_blank"><span>Talks: Mindfulness Tools to Help Balance your Nervous System with Bhanu Joy Harrison, LCSW</span></a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Talks011525.mp3" target="_blank">Talks: Working with Difficult Emotions with Diana Winston</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Talks092424_EDIT.m4a" target="_blank">Talks: Equanimity with Diana Winston</a></li><li><a href="https://d1cy5zxxhbcbkk.cloudfront.net/hammer-podcast/Talks010825.mp3" target="_blank">Talk: Compassion Practice in the Time of Fire with Diana Winston</a></li></ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="relative bg-white bg-no-repeat bg-bottom layout-section--tall-white-wave-bg pt-8 pt-0 lg:pt-8 lg:pb-0 px-5 md:px-7 lg:px-10"> <div class="deco pointer-events-none"></div> <div class="relative z-10 max-w-screen-xl mx-auto "> <div class="space-y-8 lg:mt-0"> <div> <div class=""> <div class="mt-3"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <h3><strong>Community Practice - Free Meditation Sessions</strong></h3> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="relative bg-white pt-16 pb-8 lg:pt-16 lg:pb-8 px-5 md:px-7 lg:px-10"> <div class="relative mx-auto max-w-screen-xl grid gap-y-8 lg:gap-x-8 lg:grid-cols-50-50 "> <div class="space-y-8 order-1 lg:order-1 lg:space-y-4 lg:mt-0 lg:row-span-1" data-view-count=""> <div> <div class=""> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl "> Morning Sit </h2> <div class="mt-3"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <h4><strong>Meditate with UCLA Mindful</strong></h4><p><span>As a support for those impacted by the wildfires, we are starting a daily 9am PT "Meditate with UCLA Mindful" session. Sessions are led by UCLA Mindful trained facilitators. Join us to meditate in community.</span><br><br><strong>When: </strong>Our January program has ended.</p><p>Check back for future dates and time.</p> </div> </div> </div> </div> </div> </div> </div> <div class="space-y-8 order-2 lg:order-2 lg:row-span-1 lg:space-y-4 lg:mt-0" data-view-count=""> <div> <div class=""> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl "> Mondays </h2> <div class="mt-3"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <h4><strong>Mindful Monday</strong></h4><p>This drop-in is facilitated by <a href="https://www.uclahealth.org/marc/free-drop-in-meditation#Marvin-Belzer">Marvin G. Belzer</a> as well as other UCLA Mindful teachers. These meditations will be held weekly via Zoom video conferencing. Please join us from home.</p><p><strong>When: </strong>Mondays, 12:30 - 1pm PST</p> </div> </div> </div> </div> <div class="mt-6"> <div class="flex w-full sm:w-auto button-group--inline md:flex-row flex-col flex-wrap md:justify-start "> <div class="mt-3 md:mr-3 "> <a class="button button--primary inline-flex flex-nowrap gap-2" href="/programs/uclamindful/events/mindful-monday" target="_blank" > <span>More Details</span> </a> </div> <div class="mt-3 "> <a class="button button--secondary inline-flex flex-nowrap gap-2" href="https://uclahs.zoom.us/j/98224132979" target="_blank" > <span>Join Zoom Now</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="relative bg-white pt-4 pb-24 lg:pt-4 lg:pb-24 px-5 md:px-7 lg:px-10"> <div class="relative mx-auto max-w-screen-xl grid gap-y-8 lg:gap-x-8 lg:grid-cols-50-50 "> <div class="space-y-8 order-1 lg:order-1 lg:space-y-4 lg:mt-0 lg:row-span-1" data-view-count=""> <div> <div class=""> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl "> Wednesdays </h2> <div class="mt-3"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <h4><strong>Meditation Class</strong></h4><p>Join UCLA Mindful teachers live online for a weekly opportunity to practice together and learn about different aspects of mindfulness. Each week we will explore a new theme or topic in mindfulness. All are welcome.</p><p><strong>When: </strong>Wednesdays, 4 - 5:30 pm, PT</p> </div> </div> </div> </div> <div class="mt-6"> <div class="flex w-full sm:w-auto button-group--inline md:flex-row flex-col flex-wrap md:justify-start "> <div class="mt-3 md:mr-3 "> <a class="button button--primary inline-flex flex-nowrap gap-2" href="/programs/uclamindful/events/wednesday-meditation-class" target="_blank" > <span>More Details</span> </a> </div> <div class="mt-3 "> <a class="button button--secondary inline-flex flex-nowrap gap-2" href="https://uclahs.zoom.us/j/97878342670" target="_blank" > <span>Join Zoom Now</span> </a> </div> </div> </div> </div> </div> </div> <div class="space-y-8 order-2 lg:order-2 lg:row-span-1 lg:space-y-4 lg:mt-0" data-view-count=""> <div> <div class=""> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl "> Thursdays </h2> <div class="mt-3"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <h4><strong>Hammer Museum Drop-In (Hybrid)</strong></h4><p><span>Join teachers from UCLA Mindful to meditate weekly or learn about themes in mindfulness. Enjoy in person in the Billy Wilder Theater or broadcast live on the </span><a class="link-purpose link-purpose-external link-purpose-hide-on-image" href="https://hammer.ucla.edu/programs-events/2014/05/mindful-awareness-meditation">Hammer's<span class="link-purpose-spacer"> </span><span class="link-purpose-nobreak">website</span></a><br><br><strong>When: </strong>Thursdays, 12:30 - 1pm, PT</p> </div> </div> </div> </div> <div class="mt-6"> <div class="flex w-full sm:w-auto button-group--inline md:flex-row flex-col flex-wrap md:justify-start "> <div class="mt-3 md:mr-3 "> <a class="button button--primary inline-flex flex-nowrap gap-2" href="/programs/uclamindful/events/hammer-meditation" target="_blank" > <span>More Details</span> </a> </div> <div class="mt-3 "> <a class="button button--secondary inline-flex flex-nowrap gap-2" href="https://hammer.ucla.edu/programs-events/2014/05/mindful-awareness-meditation" target="_blank" > <span>Join Now</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="relative bg-sand pt-8 pb-16 lg:pt-16 lg:pb-16 px-5 md:px-7 lg:px-10"> <div class="relative max-w-screen-xl mx-auto "> <div class="space-y-8 lg:mt-0"> <div> <div class="flex flex-col-reverse md:flex-row -mx-4"> <div class="w-full md:w-3/5 px-4"> <div class="mb-6 md:mt-0"> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl md:text-right "> Bring Mindfulness to your Workplace </h2> </div> <div class="mt-6 md:mt-0 md:text-right flex justify-end"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <p><span>Collaborate with UCLA Mindful to introduce or fully integrate mindfulness into your work setting.</span></p> </div> </div> </div> </div> <div class="mt-6 w-full md:w-auto"> <div class="flex flex-col md:flex-row flex-wrap md:justify-end"> <div class="mt-2.5 "> <a class="text-lg leading-tight text-link" href="/programs/marc/classes-events/mindfulness-workplace" > For medical or mental health settings, K-12 schools, businesses, or nonprofits <i class="ml-2 fas fa-arrow-right"></i></a> </div> <div class="mt-2.5 md:ml-8"> <a class="text-lg leading-tight text-link" href="/programs/marc/free-programming-resources/marc-mindfulness-toolkit" > For within UCLA and other higher education related inquiries <i class="ml-2 fas fa-arrow-right"></i></a> </div> </div> </div> </div> <div class="w-full sm:max-w-md md:max-w-full md:w-2/5 px-4"> <div class="mb-6 md:mb-0 w-full"> <div> <div class="media-image"> <div class="table"> <div class="shadow-md"> <div> <img loading="lazy" srcset="/sites/default/files/styles/max_width_012000_480/public/images/office.png?f=a7918864&itok=xyAbKY41 480w, /sites/default/files/styles/max_width_016000_640/public/images/office.png?f=a7918864&itok=RUYwXFOQ 640w, /sites/default/files/styles/max_width_018000_720/public/images/office.png?f=a7918864&itok=vRIJU5to 720w, /sites/default/files/styles/max_width_032000_1280/public/images/office.png?f=a7918864&itok=g22wqHFy 750w" sizes="(min-width:481px) 640px, 480px" width="640" height="427" src="/sites/default/files/styles/max_width_016000_640/public/images/office.png?f=a7918864&itok=RUYwXFOQ" alt="empty conference room with view of blue skies" typeof="foaf:Image" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="relative bg-primary-darker pt-8 pb-24 lg:pt-16 lg:pb-24 px-5 md:px-7 lg:px-10"> <div class="relative mx-auto max-w-screen-xl grid gap-y-8 lg:gap-x-8 lg:grid-cols-50-50 "> <div class="space-y-8 order-1 lg:order-1 lg:space-y-8 lg:mt-0 lg:row-span-1" data-view-count=""> <div> <div> <div> <div class="aspect-w-16 aspect-h-9 w-full"> <iframe src="https://www.uclahealth.org/media/oembed?url=https%3A//youtu.be/ilzc3gsIHos&max_width=0&max_height=0&hash=sgCypg_mkcOv_g0aHR7v6vR46skVMlA7KkDtWdPalQE" width="200" height="113" class="media-oembed-content" loading="lazy" title="Mindfulness for Health and Wellbeing | Diana Winston | UCLAMDChat"></iframe> </div> </div> </div> </div> </div> <div class="space-y-8 order-2 lg:order-2 lg:row-span-1 lg:space-y-8 lg:mt-0" data-view-count=""> <div> <div class=""> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl text-white "> What is Mindfulness Meditation? </h2> <div class="mt-3"> <div class="spacing-y-5"> <div> <div class="prose prose-dark lg:prose-lg"> <p>Join Diana Winston, director of UCLA Mindful, and learn the science behind mindfulness, as well as practical, scientifically-proven techniques for reducing stress and cultivating well-being.</p> </div> </div> </div> </div> <div class="mt-6"> <div class="flex w-full sm:w-auto button-group--inline md:flex-row flex-col flex-wrap md:justify-start "> <div class="mt-3 "> <a class="button button--secondary dark-mode inline-flex flex-nowrap gap-2" href="/programs/uclamindful/resources/video-gallery" > <span>Video Gallery</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="relative bg-primary-darkest pt-8 pb-8 lg:pt-16 lg:pb-24 px-5 md:px-7 lg:px-10"> <div class="relative mx-auto max-w-screen-xl grid gap-y-8 lg:gap-x-8 lg:grid-cols-67-33 "> <div class="space-y-8 order-1 lg:order-1 lg:space-y-16 lg:mt-0 lg:row-span-1" data-view-count=""> <div> <div class=""> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl text-white "> Free Programming at UCLA Mindful </h2> <div class="mt-3"> <div class="spacing-y-5"> <div> <div class="prose prose-dark lg:prose-lg"> <p>Stream or download our Free Studio-Recorded Guided Meditations, or our Weekly Live Podcasts. La <a href="/node/84156">meditación en español</a> está disponible.</p> </div> </div> </div> </div> <div class="mt-6"> <div class="flex w-full sm:w-auto button-group--inline md:flex-row flex-col flex-wrap md:justify-start "> <div class="mt-3 md:mr-3 "> <a class="button button--secondary dark-mode inline-flex flex-nowrap gap-2" href="/uclamindful/guided-meditations" > <span>Free Studio-Recorded Guided Meditations</span> </a> </div> <div class="mt-3 "> <a class="button button--secondary dark-mode inline-flex flex-nowrap gap-2" href="/uclamindful/weekly-meditations-talks" > <span>Weekly Live Podcasts</span> </a> </div> </div> </div> </div> </div> </div> <div class="space-y-8 order-2 lg:order-2 lg:row-span-1 lg:space-y-16 lg:mt-0" data-view-count=""> <div> <div class="bg-white shadow-xl rounded-md p-12"> <h2 class="font-serif font-normal text-xl md:text-2xl lg:text-3.5xl text-center "> UCLA Mindful App </h2> <div class="flex justify-center text-center md:text-lg mt-6 md:mt-9"> <div class="spacing-y-5"> <div> <div class="prose lg:prose-lg"> <p>Download the free UCLA Mindful App for iOS and Android.</p> </div> </div> </div> </div> <div class=" mt-6 "> <div class="flex sm:justify-center "> <div class="flex w-full sm:w-auto button-group--inline md:flex-row flex-col flex-wrap"> <div class="mt-3 "> <a class="button button--primary inline-flex flex-nowrap gap-2" href="/ulcamindful/ucla-mindful-app" > <span>Download Now</span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="space-y-8 order-4 lg:order-4 lg:col-span-2" data-view-count=""> <div > <div class="space-y-8"> <h2 class="font-serif font-normal text-3xl lg:text-4xl text-center text-white "> Upcoming events </h2> <div class=" grid gap-8 lg:grid-cols-3"> <div about="/programs/uclamindful/events/mindful-monday" class="node--type-event node--view-mode-card"> <div class="bg-white border border-gray-faint rounded-me shadow-md p-4 md:p-8 space-y-3 grid gap-8 grid-cols-1 lg:h-full"> <div class="space-y-3"> <div class="text-sm text-gray-dark uppercase"> <span itemprop="location"> Online </span> </div> <h3 class="leading-tight font-serif text-2xl"> <a href="/programs/uclamindful/events/mindful-monday" class="text-link hover:text-primary-darkest transition-colors duration-200"> <div>Mindful Monday</div> </a> </h3> <div class="flex gap-8 items-center"> <div class=""> <div class="font-bold text-base"> <div class="font-bold flex-row flex space-x-0.5"> February 17, 2025 12:30 PM - 1:00 PM </div> </div> </div> </div> </div>  <div class="grid grid-cols-2 gap-4 place-content-between min-w-fit"> <div class="hidden md:block"> <div> <div class="media-image"> <div class="table"> <div class="shadow-md"> <div> <img loading="lazy" itemprop="image" srcset="/sites/default/files/styles/landscape_3x2_004000_160x107/public/images/78/mindful-meditation-breast-canceristock-1049060698-1.jpg?h=bc39c2a7&f=9cfb0719&itok=4Xveyk6q 160w, /sites/default/files/styles/landscape_3x2_006000_240x160/public/images/78/mindful-meditation-breast-canceristock-1049060698-1.jpg?h=bc39c2a7&f=9cfb0719&itok=RLoF5Cvd 240w, /sites/default/files/styles/landscape_3x2_008000_320x213/public/images/78/mindful-meditation-breast-canceristock-1049060698-1.jpg?h=bc39c2a7&f=9cfb0719&itok=LPyFYDnt 320w, /sites/default/files/styles/landscape_3x2_012000_480x320/public/images/78/mindful-meditation-breast-canceristock-1049060698-1.jpg?h=bc39c2a7&f=9cfb0719&itok=PYn9Vxmt 480w" sizes="160px" width="160" height="107" src="/sites/default/files/styles/landscape_3x2_004000_160x107/public/images/78/mindful-meditation-breast-canceristock-1049060698-1.jpg?h=bc39c2a7&f=9cfb0719&itok=4Xveyk6q" alt="Woman meditating on a beach" typeof="foaf:Image" /> </div> </div> </div> </div> </div> </div> <div class="space-y-3 button-group--stacked"> <a href="/programs/uclamindful/events/mindful-monday" alt=" <div>Mindful Monday</div> " class="button button--primary button--small whitespace-nowrap">More Details</a> <a class="w-40 button button--secondary button--small inline-flex flex-nowrap gap-2" href="https://uclahs.zoom.us/j/96456661655?pwd=hTPdZbVy8ei6ZHZXiG3jOUAJESs8Pb.1#success" aria-label="Registration link to Mindful Monday" title="Registration link to Mindful Monday" > <span>Join Zoom</span> </a> </div> </div>  </div>  </div> <div about="/programs/uclamindful/events/wednesday-meditation-class" class="node--type-event node--view-mode-card"> <div class="bg-white border border-gray-faint rounded-me shadow-md p-4 md:p-8 space-y-3 grid gap-8 grid-cols-1 lg:h-full"> <div class="space-y-3"> <div class="text-sm text-gray-dark uppercase"> <span itemprop="location"> Online </span> </div> <h3 class="leading-tight font-serif text-2xl"> <a href="/programs/uclamindful/events/wednesday-meditation-class" class="text-link hover:text-primary-darkest transition-colors duration-200"> <div>Free Weekly Meditation Class</div> </a> </h3> <div class="flex gap-8 items-center"> <div class=""> <div class="font-bold text-base"> <div class="font-bold flex-row flex space-x-0.5"> February 19, 2025 4:00 PM - 5:30 PM </div> </div> </div> </div> </div>  <div class="grid grid-cols-2 gap-4 place-content-between min-w-fit"> <div class="hidden md:block"> <div> <div class="media-image"> <div class="table"> <div class="shadow-md"> <div> <img loading="lazy" itemprop="image" srcset="/sites/default/files/styles/landscape_3x2_004000_160x107/public/images/93/dianawinston-headshot.jpg?f=b5d37173&itok=2KNnxaT0 160w, /sites/default/files/styles/landscape_3x2_006000_240x160/public/images/93/dianawinston-headshot.jpg?f=b5d37173&itok=EAz6jgny 240w, /sites/default/files/styles/landscape_3x2_008000_320x213/public/images/93/dianawinston-headshot.jpg?f=b5d37173&itok=wRXRgBCf 320w, /sites/default/files/styles/landscape_3x2_012000_480x320/public/images/93/dianawinston-headshot.jpg?f=b5d37173&itok=5T8vAHhF 480w" sizes="160px" width="160" height="107" src="/sites/default/files/styles/landscape_3x2_004000_160x107/public/images/93/dianawinston-headshot.jpg?f=b5d37173&itok=2KNnxaT0" alt="Diana Winston" typeof="foaf:Image" /> </div> </div> </div> </div> </div> </div> <div class="space-y-3 button-group--stacked"> <a href="/programs/uclamindful/events/wednesday-meditation-class" alt=" <div>Free Weekly Meditation Class</div> " class="button button--primary button--small whitespace-nowrap">More Details</a> <a class="w-40 button button--secondary button--small inline-flex flex-nowrap gap-2" href="https://uclahs.zoom.us/j/97878342670?pwd=tCaoEXiXLou84FrQJwaQaBodBREj5P.1" aria-label="Registration link to Free Weekly Meditation Class" title="Registration link to Free Weekly Meditation Class" > <span>Join Zoom</span> </a> </div> </div>  </div>  </div> <div about="/programs/uclamindful/events/hammer-meditation" class="node--type-event node--view-mode-card"> <div class="bg-white border border-gray-faint rounded-me shadow-md p-4 md:p-8 space-y-3 grid gap-8 grid-cols-1 lg:h-full"> <div class="space-y-3"> <div class="text-sm text-gray-dark uppercase"> <span itemprop="location"> Online </span> </div> <h3 class="leading-tight font-serif text-2xl"> <a href="/programs/uclamindful/events/hammer-meditation" class="text-link hover:text-primary-darkest transition-colors duration-200"> <div>Hammer Drop-In Meditation (Hybrid)</div> </a> </h3> <div class="flex gap-8 items-center"> <div class=""> <div class="font-bold text-base"> <div class="font-bold flex-row flex space-x-0.5"> February 20, 2025 12:30 PM - 1:00 PM </div> </div> </div> </div> </div>  <div class="grid grid-cols-2 gap-4 place-content-between min-w-fit"> <div class="hidden md:block"> <div> <div class="media-image"> <div class="table"> <div class="shadow-md"> <div> <img loading="lazy" itemprop="image" srcset="/sites/default/files/styles/landscape_3x2_004000_160x107/public/images/ucla-marc-meditate-hammer-museum.jpg?h=c29551c4&itok=xc2gLNHE 160w, /sites/default/files/styles/landscape_3x2_006000_240x160/public/images/ucla-marc-meditate-hammer-museum.jpg?h=c29551c4&itok=0GA5qlSx 240w, /sites/default/files/styles/landscape_3x2_008000_320x213/public/images/ucla-marc-meditate-hammer-museum.jpg?h=c29551c4&itok=jHK7MmWr 320w, /sites/default/files/styles/landscape_3x2_012000_480x320/public/images/ucla-marc-meditate-hammer-museum.jpg?h=c29551c4&itok=4ELYC2ns 480w" sizes="160px" width="160" height="107" src="/sites/default/files/styles/landscape_3x2_004000_160x107/public/images/ucla-marc-meditate-hammer-museum.jpg?h=c29551c4&itok=xc2gLNHE" alt="museum" typeof="foaf:Image" /> </div> </div> </div> </div> </div> </div> <div class="space-y-3 button-group--stacked"> <a href="/programs/uclamindful/events/hammer-meditation" alt=" <div>Hammer Drop-In Meditation (Hybrid)</div> " class="button button--primary button--small whitespace-nowrap">More Details</a> <a class="w-40 button button--secondary button--small inline-flex flex-nowrap gap-2" href="https://hammer.ucla.edu/programs-events/2014/05/mindful-awareness-meditation" aria-label="Registration link to Hammer Drop-In Meditation (Hybrid)" title="Registration link to Hammer Drop-In Meditation (Hybrid)" > <span>Join Now</span> </a> </div> </div>  </div>  </div> </div> </div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </main> <footer id="page-footer" role="contentinfo" class="bg-primary-black px-5 md:px-7 lg:px-10 pt-12 pb-36 space-y-6 lg:pt-20 xl:pb-12 lg:space-y-14"> <div class="max-w-screen-xl mx-auto"> <div class="grid gap-6 grid-cols-1 lg:grid-cols-4 lg:gap-0"> <div class="w-full text-white space-y-6 lg:space-y-8"> <div id="block-footer-logo" class="flex-shrink flex-grow flex"> <a href="https://www.uclahealth.org/" class="" rel="home"> <img src="/themes/custom/uclahealth/images/ucla-health-logo-footer.svg" width="145" height="31" alt="UCLA Health" /> </a> </div> <div id="block-social-links-footer"> <ul class="flex"> <li class="mr-3"> <a href="https://www.facebook.com/uclahealth" role="link" aria-label="Facebook" class="text-sand text-2xl" target="_blank"><i class="fab fa-facebook"></i></a> </li> <li class="mr-3"> <a href="https://x.com/uclahealth" role="link" aria-label="Twitter" class="text-sand text-2xl" target="_blank"><i class="fa-kit fa-x-twitter"></i></a> </li> <li class="mr-3"> <a href="https://instagram.com/uclahealth" role="link" aria-label="Instagram" class="text-sand text-2xl" target="_blank"><i class="fab fa-instagram"></i></a> </li> <li class="mr-3"> <a href="https://youtube.com/ucla-health" role="link" aria-label="YouTube" class="text-sand text-2xl" target="_blank"><i class="fab fa-youtube"></i></a> </li> <li class="mr-3"> <a href="https://linkedin.com/company/ucla-health" role="link" aria-label="LinkedIn" class="text-sand text-2xl" target="_blank"><i class="fab fa-linkedin-in"></i></a> </li> <li class="mr-3"> <a href="https://weibo.com/UCLAHealth" role="link" aria-label="Weibo" class="text-sand text-2xl" target="_blank"><i class="fab fa-weibo"></i></a> </li> </ul> </div> <div> <div class="leading-normal text-gray-lighter hover:text-gray-lighter pb-3"><a href="/international-services">International Services</a></div> <div class="text-gray-lighter font-semibold">Regional Sites</div> <div class="mt-2 w-3/5"> <ul class="col-count-2"> <li class="mb-2 block international-patient-language"> <a href="https://cn.uclahealth.org/" lang="zh-CN" translate="no" class="text-gray-lighter" target="_blank">中文</a> <span class="px-2 lg:px-3 text-primary-lightest hidden">|</span> </li> <li class="mb-2 block international-patient-language"> <a href="https://mena.uclahealth.org/" lang="ar" translate="no" class="text-gray-lighter" target="_blank">العربية</a> </li> </ul> </div> </div> </div> <div class="w-full order-1 lg:order-0 lg:row-start-2 text-white"> <nav role="navigation" aria-labelledby="block-footer-utility-links-menu" id="block-footer-utility-links" class="flex-grow"> <h2 class="visually-hidden" id="block-footer-utility-links-menu">Footer Utility links</h2> <ul class="flex flex-col"> <li class="mb-2"> <a href="/myuclahealth/nojs" class="use-ajax text-gray-lighter" data-dialog-options="{"height":"auto","width":"auto"}" data-dialog-type="modal" title="myUCLAhealth Login." data-drupal-link-system-path="myuclahealth/nojs">myUCLAhealth</a> </li> <li class="mb-2"> <a href="/community-equity" class="text-gray-lighter" data-drupal-link-system-path="node/11">Community & Equity</a> </li> <li class="mb-2"> <a href="/news" class="text-gray-lighter" data-drupal-link-system-path="node/936">News & Insights</a> </li> <li class="mb-2"> <a href="/your-feedback" class="text-gray-lighter" data-drupal-link-system-path="node/971">Your Feedback</a> </li> <li class="mb-2"> <a href="/contact-us" class="text-gray-lighter" data-drupal-link-system-path="node/966">Contact Us</a> </li> </ul> </nav> </div> <div class="w-full lg:row-span-2 lg:col-span-3"> <nav role="navigation" aria-labelledby="block-footer-navigation-menu" id="block-footer-navigation"> <h2 class="visually-hidden" id="block-footer-navigation-menu">Footer navigation</h2> <ul class="lg:grid lg:grid-cols-3 lg:gap-8"> <li class="py-5 lg:py-0 lg:pt-0 w-full border-b lg:border-none border-white"> <div x-on:resize.window="isMobile = (window.innerWidth < 960) ? true : false" x-data="{isMenuOpen: false , isMobile: (window.innerWidth < 960) ? true : false}"> <div class="flex justify-between items-center"> <template x-if="isMobile"> <h3 x-on:click="isMenuOpen = !isMenuOpen" class="text-sand text-xl font-medium w-full cursor-pointer">Find Care</h3> </template> <template x-if="!isMobile"> <h3 class="text-sand text-xl font-medium">Find Care</h3> </template> <div x-show="isMobile" class="leading-none ml-10 lg:hidden"> <button aria-label="Expand" x-on:click="isMenuOpen = !isMenuOpen" @keydown.escape="isMenuOpen = false" x-show="!isMenuOpen"><i class="inline fas text-gray-lighter hover:text-gray-lighter fa-plus"></i></button> <button aria-label="Collapse" x-on:click="isMenuOpen = !isMenuOpen" @keydown.escape="isMenuOpen = false" x-show="isMenuOpen"><i class="inline fas text-gray-lighter hover:text-gray-lighter fa-minus"></i></button> </div> </div> <template x-if="isMobile"> <div x-show="isMenuOpen" x-transition> <ul class="mt-5"> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/providers" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1076">Find a Doctor</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/locations" title="/patients-families/find-a-location" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1091">Find a Location</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/locations/immediate-care" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/671">Immediate Care</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/emergency" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/996">Emergency Care</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/find-care/appointments" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/46">Make an Appointment</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/medical-services" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/241">Medical Services</a> </li> </ul> </div> </template> <template x-if="!isMobile"> <ul class="mt-5"> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/providers" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1076">Find a Doctor</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/locations" title="/patients-families/find-a-location" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1091">Find a Location</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/locations/immediate-care" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/671">Immediate Care</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/emergency" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/996">Emergency Care</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/find-care/appointments" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/46">Make an Appointment</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/medical-services" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/241">Medical Services</a> </li> </ul> </template> </div> </li> <li class="py-5 lg:py-0 lg:pt-0 w-full border-b lg:border-none border-white"> <div x-on:resize.window="isMobile = (window.innerWidth < 960) ? true : false" x-data="{isMenuOpen: false , isMobile: (window.innerWidth < 960) ? true : false}"> <div class="flex justify-between items-center"> <template x-if="isMobile"> <h3 x-on:click="isMenuOpen = !isMenuOpen" class="text-sand text-xl font-medium w-full cursor-pointer">Patient Resources</h3> </template> <template x-if="!isMobile"> <h3 class="text-sand text-xl font-medium">Patient Resources</h3> </template> <div x-show="isMobile" class="leading-none ml-10 lg:hidden"> <button aria-label="Expand" x-on:click="isMenuOpen = !isMenuOpen" @keydown.escape="isMenuOpen = false" x-show="!isMenuOpen"><i class="inline fas text-gray-lighter hover:text-gray-lighter fa-plus"></i></button> <button aria-label="Collapse" x-on:click="isMenuOpen = !isMenuOpen" @keydown.escape="isMenuOpen = false" x-show="isMenuOpen"><i class="inline fas text-gray-lighter hover:text-gray-lighter fa-minus"></i></button> </div> </div> <template x-if="isMobile"> <div x-show="isMenuOpen" x-transition> <ul class="mt-5"> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/prepare-your-visit" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/111">Prepare for Your Visit</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/visitor-guidelines" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1551">Visitor Guidelines</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/support-information/patient-education" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/636">Patient Education</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/billing-insurance" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/51">Billing & Insurance</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="https://www.uclahealth.org/patient-resources/billing-insurance/price-transparency/machine-readable-files" class="leading-normal text-gray-lighter hover:text-gray-lighter">Price Transparency</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/support-information" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1106">Support & Information</a> </li> </ul> </div> </template> <template x-if="!isMobile"> <ul class="mt-5"> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/prepare-your-visit" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/111">Prepare for Your Visit</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/visitor-guidelines" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1551">Visitor Guidelines</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/support-information/patient-education" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/636">Patient Education</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/billing-insurance" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/51">Billing & Insurance</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="https://www.uclahealth.org/patient-resources/billing-insurance/price-transparency/machine-readable-files" class="leading-normal text-gray-lighter hover:text-gray-lighter">Price Transparency</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/support-information" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1106">Support & Information</a> </li> </ul> </template> </div> </li> <li class="py-5 lg:py-0 lg:pt-0 w-full border-b lg:border-none border-white"> <div x-on:resize.window="isMobile = (window.innerWidth < 960) ? true : false" x-data="{isMenuOpen: false , isMobile: (window.innerWidth < 960) ? true : false}"> <div class="flex justify-between items-center"> <template x-if="isMobile"> <h3 x-on:click="isMenuOpen = !isMenuOpen" class="text-sand text-xl font-medium w-full cursor-pointer">Treatment Options</h3> </template> <template x-if="!isMobile"> <h3 class="text-sand text-xl font-medium">Treatment Options</h3> </template> <div x-show="isMobile" class="leading-none ml-10 lg:hidden"> <button aria-label="Expand" x-on:click="isMenuOpen = !isMenuOpen" @keydown.escape="isMenuOpen = false" x-show="!isMenuOpen"><i class="inline fas text-gray-lighter hover:text-gray-lighter fa-plus"></i></button> <button aria-label="Collapse" x-on:click="isMenuOpen = !isMenuOpen" @keydown.escape="isMenuOpen = false" x-show="isMenuOpen"><i class="inline fas text-gray-lighter hover:text-gray-lighter fa-minus"></i></button> </div> </div> <template x-if="isMobile"> <div x-show="isMenuOpen" x-transition> <ul class="mt-5"> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/treatment-options/coronavirus" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/641">COVID-19 Info</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/support-information/patient-education/annual-health-wellness-screenings" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1581">Wellness & Routine Care</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/clinical-trials" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/626">Clinical Trials</a> </li> </ul> </div> </template> <template x-if="!isMobile"> <ul class="mt-5"> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/treatment-options/coronavirus" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/641">COVID-19 Info</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/patient-resources/support-information/patient-education/annual-health-wellness-screenings" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1581">Wellness & Routine Care</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/clinical-trials" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/626">Clinical Trials</a> </li> </ul> </template> </div> </li> <li class="py-5 lg:py-0 lg:pt-0 w-full border-b lg:border-none border-white lg:col-span-2"> <div x-on:resize.window="isMobile = (window.innerWidth < 960) ? true : false" x-data="{isMenuOpen: false , isMobile: (window.innerWidth < 960) ? true : false}"> <div class="flex justify-between items-center"> <template x-if="isMobile"> <h3 x-on:click="isMenuOpen = !isMenuOpen" class="text-sand text-xl font-medium w-full cursor-pointer">Discover UCLA Health</h3> </template> <template x-if="!isMobile"> <h3 class="text-sand text-xl font-medium">Discover UCLA Health</h3> </template> <div x-show="isMobile" class="leading-none ml-10 lg:hidden"> <button aria-label="Expand" x-on:click="isMenuOpen = !isMenuOpen" @keydown.escape="isMenuOpen = false" x-show="!isMenuOpen"><i class="inline fas text-gray-lighter hover:text-gray-lighter fa-plus"></i></button> <button aria-label="Collapse" x-on:click="isMenuOpen = !isMenuOpen" @keydown.escape="isMenuOpen = false" x-show="isMenuOpen"><i class="inline fas text-gray-lighter hover:text-gray-lighter fa-minus"></i></button> </div> </div> <template x-if="isMobile"> <div x-show="isMenuOpen" x-transition> <ul class="mt-5 multicolumn lg:col-count-2"> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/discover/about" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/801">About UCLA Health</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/departments" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1411">Departments</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/news/search?f%5B0%5D=type%3A80636" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-query="{"f":["type:80636"]}" data-drupal-link-system-path="node/1611">Patient Stories</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/discover/healthcare-professionals" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/946">For Healthcare Professionals</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/discover/about/hedi" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/846">Equity, Diversity & Inclusion</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/news/journalist-resources" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/941">Contact Media Team</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/giving" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/102971">Donate to UCLA Health</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="https://www.uclahealthcareers.org/" target="_blank" class="leading-normal text-gray-lighter hover:text-gray-lighter">Work at UCLA Health</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/volunteer" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/108241">Volunteer for UCLA Health</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="https://connect.uclahealth.org/share-your-story/" target="_blank" class="leading-normal text-gray-lighter hover:text-gray-lighter">Share Your Experience</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/subscribe" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1406">Subscribe to our Newsletter</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/pubs" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/183516">Read our Publications</a> </li> </ul> </div> </template> <template x-if="!isMobile"> <ul class="mt-5 multicolumn lg:col-count-2"> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/discover/about" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/801">About UCLA Health</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/departments" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1411">Departments</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/news/search?f%5B0%5D=type%3A80636" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-query="{"f":["type:80636"]}" data-drupal-link-system-path="node/1611">Patient Stories</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/discover/healthcare-professionals" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/946">For Healthcare Professionals</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/discover/about/hedi" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/846">Equity, Diversity & Inclusion</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/news/journalist-resources" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/941">Contact Media Team</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/giving" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/102971">Donate to UCLA Health</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="https://www.uclahealthcareers.org/" target="_blank" class="leading-normal text-gray-lighter hover:text-gray-lighter">Work at UCLA Health</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/volunteer" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/108241">Volunteer for UCLA Health</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="https://connect.uclahealth.org/share-your-story/" target="_blank" class="leading-normal text-gray-lighter hover:text-gray-lighter">Share Your Experience</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/subscribe" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/1406">Subscribe to our Newsletter</a> </li> <li class="mt-3 pt-3 pl-5 w-full border-t lg:py-0 lg:pl-0 lg:border-none border-white"> <a href="/pubs" class="leading-normal text-gray-lighter hover:text-gray-lighter" data-drupal-link-system-path="node/183516">Read our Publications</a> </li> </ul> </template> </div> </li> <li class="app-menu-items py-5 lg:py-0 lg:pt-0 w-full lg:border-none"> <div x-on:resize.window="isMobile = (window.innerWidth < 960) ? true : false" x-data="{isMenuOpen: true , isMobile: (window.innerWidth < 960) ? true : false}"> <div class="flex justify-between items-center"> <template x-if="isMobile"> <h3 x-on:click="isMenuOpen = !isMenuOpen" class="text-sand text-xl font-medium w-full cursor-pointer">Get the UCLA Health App</h3> </template> <template x-if="!isMobile"> <h3 class="text-sand text-xl font-medium">Get the UCLA Health App</h3> </template> </div> <div x-show="isMenuOpen" x-transition> <ul class="mt-5"> <li><a href="https://apps.apple.com/us/app/ucla-health/id899307648" target="_blank"><img src="/themes/custom/uclahealth/images/app-store-badge.png" class="h-full mb-6" border="0" alt="Download on the App Store"></a></li> <li><a href="https://play.google.com/store/apps/details?id=org.uclahealth.ucla" target="_blank"><img src="/themes/custom/uclahealth/images/google-play-badge.png" class="h-full mb-6" border="0" alt="Get it on Google Play"></a></li> <li class="leading-normal text-gray-lighter hover:text-gray-lighter"><a href="/patient-resources/support-information/apps" target="">View all UCLA Health Apps</a></li> </ul> </div> </div> </li> </ul> </nav> </div> </div> </div> <div class="max-w-screen-xl mx-auto"> <div class="space-y-6 lg:space-y-0 lg:flex lg:justify-end"> <nav class="lg:order-last" role="navigation" aria-labelledby="block-policy-links-footer-menu" id="block-policy-links-footer"> <h2 class="visually-hidden" id="block-policy-links-footer-menu">Policy links (footer)</h2> <ul class="flex flex-wrap lg:flex-nowrap"> <span aria-hidden="true" class="px-3 text-primary-lightest hidden lg:block">|</span> <li class="flex mb-2 lg:mb-0"> <a href="/privacy-practices" class="text-gray-lighter" data-drupal-link-system-path="node/991">HIPAA Notice</a> <span class="px-3 text-primary-lightest">|</span> </li> <li class="flex mb-2 lg:mb-0"> <a href="/privacy-notice" class="text-gray-lighter" data-drupal-link-system-path="node/125506">Privacy Notice</a> <span class="px-3 text-primary-lightest">|</span> </li> <li class="flex mb-2 lg:mb-0"> <a href="/nondiscrimination" class="text-gray-lighter" data-drupal-link-system-path="node/1001">Nondiscrimination</a> <span class="px-3 text-primary-lightest">|</span> </li> <li class="flex mb-2 lg:mb-0"> <a href="/reporting-misconduct" class="text-gray-lighter" data-drupal-link-system-path="node/976">Report Misconduct</a> <span class="px-3 text-primary-lightest">|</span> </li> <li class="flex mb-2 lg:mb-0"> <a href="/patient-resources/support-information/patient-experience/we-listen-we-care" class="text-gray-lighter" data-drupal-link-system-path="node/55061">We listen. We care.</a> </li> </ul> </nav> <span class="text-gray-lighter lg:order-2">© 2025 UCLA Health</span> <button id="button--back-to-top" x-data="{ show: false }" x-show="show" x-on:scroll.window="show = window.pageYOffset > 1000" x-on:click="window.scrollTo({top: 0, left: 0, behavior: 'smooth'})" role="button" type="button" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" x-cloak class="fixed right-5 bottom-5 bg-primary flex flex-col items-center justify-center rounded-full text-white z-501" aria-label="Scroll to top of page" > <span><i class="fa-solid fa-chevrons-up text-primary-alt leading-none text-sm font-black"></i></span> <span class="leading-none pb-2 font-bold text-sm">Top</span> </button> </div> </div> </footer> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/98826","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJx9klFuhDAMRC9EyJFWJvGCu06MbIctt29UfqDaIuUjeeOxPFaSKMasbQUeMwHLPMIXfA9PqQ5vNCkYT_fRtnmcFGq225LUzKXclijOjUFva0yY8sBUX2vTVQwjVfKhYB81CpYJ8_gULeCOOthujiVOYDi0xLAgsC_9nV7BpZ_1gpu71DOZWSbgCxGZGYP3wMbgl7YMuzQ_k1WpgO6hwkYzOF27G4Km5UxapQ3VgP9xbJRRTuABuVCN0k3aJQtd0Z4Lvz0cWwgL8voL7mwz1XBMH6ZGnFFDkXxJ_jj0-GzMb8q-fNCkYpJPJn_LX4H6n1FCiyw78EFDWsAn8R9v0fwf","theme":"uclahealth","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"linkpurpose":{"domain":"https:\/\/www.uclahealth.org","roots":".prose","ignore":"#toolbar-administration a","hideIcon":".button","noIconOnImages":true,"purposeDocument":true,"purposeDocumentMessage":"Link downloads document","purposeDocumentIconType":"classes","purposeDocumentIconPosition":"beforeend","purposeDocumentIconClasses":"fa-solid, fa-file-lines","purposeDownload":true,"purposeDownloadMessage":"Link downloads file","purposeDownloadIconType":"classes","purposeDownloadIconPosition":"beforeend","purposeApp":true,"purposeAppMessage":"Link opens app","purposeAppIconType":"classes","purposeAppIconPosition":"beforeend","purposeExternal":true,"purposeExternalMessage":"Link is external","purposeExternalIconType":"classes","purposeExternalIconPosition":"beforeend","purposeExternalIconClasses":"fa-solid, fa-arrow-up-right-from-square","purposeMail":true,"purposeMailMessage":"Link sends email","purposeMailIconType":"classes","purposeMailIconPosition":"beforeend","purposeMailIconClasses":"fa-solid, fa-envelope","purposeTel":true,"purposeTelMessage":"Link opens phone app","purposeTelIconType":"classes","purposeTelIconPosition":"afterbegin","purposeTelIconClasses":"fa-solid, fa-phone","purposeNewWindow":true,"purposeNewWindowMessage":"Link opens in new window","purposeNewWindowIconType":"classes","purposeNewWindowIconPosition":"beforeend","purposeNewWindowIconClasses":"fa-solid, fa-window-restore","css_url":"\/modules\/contrib\/linkpurpose"},"user":{"uid":0,"permissionsHash":"10b9efb8f1732d2147de9c8e12b0a7a1335817b7d3432c7d7e995e2de01587d9"}}</script> <script src="/sites/default/files/js/js_QgvN-t0uKkCNMwF2381LnNTBR99CZJIyuCNgo0w3608.js?scope=footer&delta=0&language=en&theme=uclahealth&include=eJx9j0EOwjAMBD_UJk9C28SkBjeOHKfQ34PEpVx6W83OYTepUcw2GiRkhmgJeOA93bU6XtR1o3jKoe8lLIaa-6WSRnfdLhWjMgR26XQVzpNwfbZhTTtFruzTSIKVIL7GIrpA_ohqEZr9O7ILnM5dM95gx1yxc4Gz1lN7E_4-M6YeRQ_Ij85phS_qH_y4dQE"></script> <script src="/libraries/alpinejs/cdn.min.js?srttcr" defer></script> <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <script src="/sites/default/files/js/js_5JFT4O6RL3RVbgBw_d-qVH8OLX8e9r3Cq2E9fgBYdG4.js?scope=footer&delta=3&language=en&theme=uclahealth&include=eJx9j0EOwjAMBD_UJk9C28SkBjeOHKfQ34PEpVx6W83OYTepUcw2GiRkhmgJeOA93bU6XtR1o3jKoe8lLIaa-6WSRnfdLhWjMgR26XQVzpNwfbZhTTtFruzTSIKVIL7GIrpA_ohqEZr9O7ILnM5dM95gx1yxc4Gz1lN7E_4-M6YeRQ_Ij85phS_qH_y4dQE"></script> <script src="https://guide.loyalhealth.com/client/client.bundle.js" async data-id="guide-client-id" data-value="74938fb7-da98-47af-afcf-441b879b8228"></script> <div id="guide" :class="{ 'invisible': mobileNavOpen }"></div> </body> </html>

CINXE.COM

UCLA Mindful - Mindfulness Education Center | UCLA Health