1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4
4<script> 5 window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);} 6 gtag('consent','default',{analytics_storage:'denied',ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',functionality_storage:'denied',security_storage:'denied'}); 7 </script>
7 8 9 <!-- Meta --> <meta charset="utf-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1"> 11 <title>Project Vida Health Center | Community Development | Home</title> 12 <meta name="author" content="Stanton Street"> 13 <meta name="description" content="Project Vida is dedicated to the well-being of the El Paso community. Our programs address health, housing, and education." /> 14 <!-- OG --> <meta property="og:url" content="https://www.pvida.net/" /> 15 <meta property="og:title" content="Project Vida Health Center | Community Development | Home" /> 16 <meta property="og:description" content="Project Vida is dedicated to the well-being of the El Paso community. Our programs address health, housing, and education." /> 17 <meta property="og:image" content="/project-vida/assets/img/logo.svg" /> 18 <meta property="og:image:alt" content="Project Vida" /> 19 <meta property="og:type" content="website" /> 20 <!-- Favicons --> <!-- 21<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 22<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 23<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 24<link rel="manifest" href="/site.webmanifest"> 25<link rel="mask-icon" href="/project-vida/assets/img/favicon/safari-pinned-tab.svg" color="#5bbad5"> 26<meta name="msapplication-TileColor" content="#da532c"> 27<meta name="theme-color" content="#ffffff"> 28--> 29 30<meta content="#0061b1" name="theme-color"> 31<meta content="#0061b1" name="msapplication-TileColor" > 32<meta content="/project-vida/assets/img/favicon/browserconfig.xml" name="msapplication-config" > 33<link href="/project-vida/assets/img/favicon/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"> 34<link href="/project-vida/assets/img/favicon/favicon.svg" rel="icon" type="image/svg+xml" sizes="32x32"> 35<link href="/project-vida/assets/img/favicon/favicon.svg" rel="icon" type="image/svg+xml" sizes="16x16"> 36<link href="/project-vida/assets/img/favicon/site.webmanifest" rel="manifest"> 37<link href="/project-vida/assets/img/favicon/safari-pinned-tab.svg" rel="mask-icon" color="#0061b1"> 38<link href="/project-vida/assets/img/favicon/favicon.ico" rel="shortcut icon"> 39 40
40<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
40 41 <!-- Bootstrap --> 42 <link href="/project-vida/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 43 <!-- Primary CSS --> 44 <link href="/project-vida/assets/css/style.css" rel="stylesheet"> 45 <!-- Icon Packs --> <!--v5--> 46 <link href="/platform/assets/css/icons/fontawesome/fa.css" rel="stylesheet" type="text/css"> 47 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'> 48 <link href="/platform/assets/css/icons/fontawesome/fa.css" rel="stylesheet" type="text/css"> 49 <link href="/project-vida/assets/css/all.min.css" rel="stylesheet" type="text/css"> 50 <link href="/platform/assets/css/icons/icomoon/styles.min.css" rel="stylesheet" type="text/css"> 51 <link href="/platform/assets/css/icons/material/styles.min.css" rel="stylesheet" type="text/css"> 52 <!-- Fonts --> 53 <link rel="stylesheet" href="https://use.typekit.net/gzf0bsn.css"> 54 <!-- Conditional CSS Libraries --> <!-- fancybox gallery --> 55 <link href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" rel="stylesheet"> 56
56<script name="fancybox" src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox.umd.js"></script>
56 57 <!-- aos animation libs --> 58 <link href="/project-vida/assets/css/aos.css" rel="stylesheet"> 59 <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 60
60<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
60 61
61<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCsrN09Qfq9tykS_umcHoNcTgXyAR6C58w&callback=initMap" async defer></script>
61 62 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css"> 63 64 <!-- Conditional CSS --> <style> 65 66 </style> 67 68 <!-- HIDE Googleâs banner --> 69 <style> 70/* Hide inline Google widget bits inside the page */ 71.goog-te-gadget, 72.goog-te-gadget span, 73.goog-te-gadget-simple, 74.goog-te-gadget-icon, 75.goog-logo-link {display: none !important;} 76 77/* Prevent random translate overlay text shifting layout */ 78body {top: 0 !important;} 79 80 </style> 81 82
82<script> 83 // this is not best but it works 84 var currentPage = "/"; 85 $(function() { 86 if (currentPage === "/") { 87 $('#boardwalklogo').addClass('logo-icon-show').removeClass('logo-icon-hide'); 88 } else { 89 $('#secMainlogo').addClass('logo-icon-show').removeClass('logo-icon-hide'); 90 } 91 }); 92 $(window).scroll(function(){ 93 if (currentPage === "/") { 94 if ($(this).scrollTop() < 150) { 95 $('#boardwalklogo').addClass('logo-icon-show').removeClass('logo-icon-hide'); 96 $('#secMainlogo').addClass('logo-icon-hide').removeClass('logo-icon-show'); 97 } else { 98 $('#boardwalklogo').removeClass('logo-icon-show').addClass('logo-icon-hide'); 99 $('#secMainlogo').addClass('logo-icon-show').removeClass('logo-icon-hide'); 100 } 101 } 102 }); 103 // re-adjust content height once alert is vanished. 104 function adjustMainContentMargin() { 105 var navbar = document.querySelector('.navbar'); 106 var mainContent = document.getElementById('mainContent'); 107 if (!navbar || !mainContent) { 108 return; 109 } 110 var navbarHeight = navbar.offsetHeight; 111 mainContent.style.marginTop = navbarHeight + 'px'; 112 document.documentElement.style.setProperty('--nav-h', navbarHeight + 'px'); 113 mainContent.offsetHeight; 114 } 115 window.onload = adjustMainContentMargin; 116 window.onresize = adjustMainContentMargin; 117 </script>
117 118 119 </head> 120 <body> 121 <!-- Hidden translate placeholder --> 122 <div id="google_translate_element" style="position:absolute; top:-9999px; left:-9999px;"></div> 123 124 <header class="d-flex flex-column fixed-top"> 125 <nav class="navbar bottom-nav navbar-dark navbar-expand-lg mb-lg-0 pb-lg-0"> 126 <div> 127 <a class="navbar-brand" href="/"><img class="img-fluid mt-1 mb-1" src="/project-vida/assets/svgImg/pvida_logo.svg"></a> 128 </div> 129 <button class="navbar-toggler shadow-none rounded-0 me-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar2"> 130 <span class="navbar-toggler-icon"></span> 131 </button> 132 <div class="offcanvas offcanvas-end text-bg-dark" id="offcanvasNavbar2"> 133 <div class="offcanvas-header"> 134 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> 135 </div> 136 <div class="offcanvas-body"> 137 <div class="w-100"> 138 <a id="secMainlogo" class="logo-icon-hide col-lg-2" href="/"> 139 <div class="logoSecond logo row position-absolute justify-content-start"> 140 <img src="/project-vida/assets/svgImg/primaryLogoBlack.svg"> 141 </div> 142 </a> 143 <hr> 144 <ul class="navbar-nav mid-nav justify-content-end flex-grow-1 pe-3 mt-0 pt-4 pb-4"> 145 <li class="mid-nav-sidemenu me-2 me-xl-4 me-xxl-5"> 146 <a class="mid-nav-text nav-link" href="/services/psychiatry-residency-program">GME</a> 147 </li> 148<!-- 149 <li class="mid-nav-sidemenu me-2 me-xl-4 me-xxl-5"> 150 <a class="mid-nav-text nav-link" href="https://projectvida.squarespace.com/checkout/donate?donatePageId=63dc4ab953b8df079a8c0da3">Donate</a> 151 </li> 152--> 153 <li class="mid-nav-sidemenu me-2 me-xl-4 me-xxl-5"> 154 <a class="mid-nav-text nav-link" href="/patient-portal">Patient Portal</a> 155 </li> 156<!-- 157 <li class="mid-nav-sidemenu me-2 me-xl-4 me-xxl-5"> 158 <a class="mid-nav-text nav-link" href="/patient-rights-and-responsibilities">Patient Rights and Responsibilities</a> 159 </li> 160 161--> 162 <li class="mid-nav-sidemenu me-2 me-xl-4 me-xxl-5"> 163 <a class="mid-nav-text nav-link" href="/contact-us">Contact Us</a> 164 </li> 165 <li class="mid-nav-sidemenu me-md-5"> 166 <a id="translate-es" class="mid-nav-text nav-link" href="#">Español</a> 167 </li> 168 <li class="me-md-5 search-input"> 169 <form action="/search" method="get"> 170 <div class="input-group add-on"> 171 <input type="text" name="keywords" class="form-control shadow-none squared-input" placeholder="Search" aria-label="Search keywords"> 172 <div class="input-group-btn"> 173 <button id="button_search" class="btn squared-button" type="submit" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-html="true" data-bs-title="Search keywords"> 174 <i class="fas fa-search"></i> 175 </button> 176 </div> 177 </div> 178 </form> 179 </li> 180 </ul> 181 <ul class="navbar-nav justify-content-around flex-grow-1 lower-nav py-0 my-0"> 182
183<script type="text/javascript"> 184 function navShow() { 185 let dropdownToggle = this.querySelector('a[data-bs-hover]'); 186 if (dropdownToggle != null) { 187 let dropdown = dropdownToggle.nextElementSibling; 188 dropdownToggle.classList.add('show'); 189 dropdownToggle.setAttribute('aria-expanded', 'true'); 190 if (dropdown) dropdown.classList.add('show'); 191 } 192 } 193 194 function navHide() { 195 let dropdownToggle = this.querySelector('a[data-bs-hover]'); 196 if (dropdownToggle != null) { 197 let dropdown = dropdownToggle.nextElementSibling; 198 dropdownToggle.classList.remove('show'); 199 dropdownToggle.setAttribute('aria-expanded', 'false'); 200 if (dropdown) dropdown.classList.remove('show'); 201 delete dropdownToggle.dataset.tapToGo; 202 } 203 } 204 205 function openDropdown(toggle) { 206 const dropdown = toggle.nextElementSibling; 207 if (!dropdown) return; 208 209 toggle.classList.add('show'); 210 toggle.setAttribute('aria-expanded', 'true'); 211 dropdown.classList.add('show'); 212 toggle.dataset.tapToGo = '1'; // next tap should navigate 213 } 214 215 function closeDropdown(toggle) { 216 const dropdown = toggle.nextElementSibling; 217 toggle.classList.remove('show'); 218 toggle.setAttribute('aria-expanded', 'false'); 219 if (dropdown) dropdown.classList.remove('show'); 220 delete toggle.dataset.tapToGo; 221 } 222 223 function closeAllDropdowns(exceptToggle = null) { 224 document.querySelectorAll('.navbar a[data-bs-hover].show').forEach(a => { 225 if (exceptToggle && a === exceptToggle) return; 226 closeDropdown(a); 227 }); 228 } 229 230 // First tap opens dropdown, second tap navigates. 231 function navTapToggle(event) { 232 const toggle = event.currentTarget; // the <a> 233 const dropdown = toggle.nextElementSibling; 234 235 // If there's no dropdown menu, let it navigate normally. 236 if (!dropdown || !dropdown.classList.contains('dropdown-menu')) return; 237 238 const isOpen = toggle.classList.contains('show'); 239 240 if (!isOpen) { 241 // First tap: open menu, do NOT navigate. 242 event.preventDefault(); 243 closeAllDropdowns(toggle); 244 openDropdown(toggle); 245 return; 246 } 247 248 // Menu is already open. 249 if (toggle.dataset.tapToGo === '1') { 250 // Second tap: allow navigation to /services 251 delete toggle.dataset.tapToGo; 252 return; 253 } 254 255 // Safety: if state got weird, keep it open and prevent navigation. 256 event.preventDefault(); 257 } 258 259 function bindNavBehavior(selector, screenWidth) { 260 // Only use hover when the device *actually* supports hover (mouse/trackpad). 261 const canHover = window.matchMedia('(hover: hover) and (pointer: fine)').matches; 262 263 document.querySelectorAll(selector).forEach(li => { 264 const toggle = li.querySelector('a[data-bs-hover]'); 265 if (!toggle) return; 266 267 // Hover only on hover-capable devices AND large screens. 268 const useHover = (screenWidth > 992) && canHover; 269 270 if (useHover) { 271 li.addEventListener('mouseover', navShow, true); 272 li.addEventListener('mouseleave', navHide, true); 273 toggle.removeEventListener('click', navTapToggle, true); 274 } else { 275 li.removeEventListener('mouseover', navShow, true); 276 li.removeEventListener('mouseleave', navHide, true); 277 toggle.addEventListener('click', navTapToggle, true); 278 } 279 }); 280 } 281 282 function navHover(screenWidth) { 283 bindNavBehavior('.navbar .nav-item.dropdown', screenWidth); 284 } 285 286 function navHoverWide(screenWidth) { 287 bindNavBehavior('.navbar .nav-item-wide.dropdown', screenWidth); 288 } 289 290 document.addEventListener('DOMContentLoaded', function () { 291 navHover(window.innerWidth); 292 navHoverWide(window.innerWidth); 293 294 // Close menus when tapping outside (prevents stuck-open dropdowns on touch) 295 document.addEventListener('click', function (e) { 296 const clickedToggle = e.target.closest('.navbar a[data-bs-hover]'); 297 const insideMenu = e.target.closest('.navbar .dropdown-menu'); 298 if (!clickedToggle && !insideMenu) { 299 closeAllDropdowns(); 300 } 301 });
302 }); 303 304 window.addEventListener('resize', function () { 305 navHover(window.innerWidth); 306 navHoverWide(window.innerWidth); 307 }); 308</script>
308 309 310 311<style> 312/* Mobile offcanvas: keep dropdown inside and scrollable */ 313@media (max-width: 767.98px){ 314 #offcanvasNavbar2 .dropdown-menu{ 315 position: static !important; 316 transform: none !important; 317 width: 100% !important; 318 max-height: 60vh; 319 overflow-y: auto; 320 } 321 #offcanvasNavbar2 .wide-dropdown-menu{ 322 display: none; 323 flex-direction: column; 324 flex-wrap: nowrap; 325 padding: 10px 0; 326 } 327 #offcanvasNavbar2 .dropdown-menu.show{ display: block; } 328 #offcanvasNavbar2 .dropdown-column{ width: 100%; } 329 #offcanvasNavbar2 .service-list{ list-style: none; padding-left: 0; margin: 0; } 330 #offcanvasNavbar2 .service-list li{ border-bottom: 1px solid rgba(0,0,0,.12); } 331 #offcanvasNavbar2 .service-list li:last-child{ border-bottom: 0; } 332 #offcanvasNavbar2 .dropdown-item{ white-space: normal; } 333} 334 335.nav-item-wide .wide-dropdown-menu, 336.nav-item-wide .wide-dropdown-menu ul { 337 list-style: none; 338 margin: 0; 339 padding-left: 0; 340} 341 342.nav-item-wide .wide-dropdown-menu > li.dropdown-column { 343 list-style: none; 344 margin: 0; 345 padding: 0 32px; 346} 347 348.nav-item-wide .wide-dropdown-menu .category-title { 349 padding-left: 0 !important; 350 margin: 10px 0 6px 0; 351} 352 353.nav-item-wide .wide-dropdown-menu .service-list { 354 list-style: none; 355 margin: 0; 356 padding: 0; 357} 358 359.nav-item-wide .wide-dropdown-menu .service-list li { 360 margin: 0; 361 padding: 0; 362 border-bottom: 1px solid rgba(0,0,0,.15); /* keeps the separators like before */ 363} 364.nav-item-wide .wide-dropdown-menu .service-list li:last-child { 365 border-bottom: 0; 366} 367 368/* Bootstrap's .dropdown-item adds left padding; remove that so it matches the old layout */ 369/* 370.nav-item-wide .wide-dropdown-menu a.dropdown-item { 371 padding: 6px 0; 372 white-space: normal; 373} 374*/ 375/* === Mega menu: desktop/tablet usability (no cutoff) === */ 376@media (min-width: 992px){ 377 .nav-item-wide .wide-dropdown-menu.show{ 378 /* prevent "falls off the screen" */ 379 max-height: calc(100vh - var(--nav-h, 120px) - 12px); 380 overflow-y: auto; 381 -webkit-overflow-scrolling: touch; 382 383 /* keep it readable and consistent */ 384 padding: 18px 24px; 385 width: min(1200px, calc(100vw - 40px)); 386 margin: 0 auto; 387 box-shadow: 0 10px 30px rgba(0,0,0,.15); 388 389 /* responsive columns */ 390 display: flex; 391 flex-wrap: wrap; 392 gap: 28px; 393 align-items: flex-start; 394 } 395 396 .nav-item-wide .wide-dropdown-menu.show .dropdown-column{ 397 flex: 1 1 320px; /* grows/shrinks by screen width */ 398 min-width: 280px; 399 padding: 0; 400 } 401} 402 403 404</style> 405 406<li class="nav-item-wide dropdown"> 407 <a href="/services" class="nav-link-bottom nav-link bottom-nav-text" 408 role="button" data-bs-hover="dropdown" aria-expanded="false"> 409 Services 410 </a> 411 412 <ul class="dropdown-menu wide-dropdown-menu"> 413 <li class="dropdown-column"><div class="dropdown-item-container"><div class="category-title">Prevention and Social Services</div><ul class="service-list"><li><a class="dropdown-item" href="/services/prevention-and-chronic-care">Prevention and Chronic Care</a></li><li><a class="dropdown-item" href="/services/pre-diabetes-care">Pre-Diabetes Care</a></li><li><a class="dropdown-item" href="/services/diabetes-care">Diabetes Care</a></li><li><a class="dropdown-item" href="/services/hyperlipidemia-hypertension-care">Hyperlipidemia/Hypertension Care</a></li><li><a class="dropdown-item" href="/services/reproductive-care">Reproductive Care</a></li><li><a class="dropdown-item" href="/services/smoking-cessation">Smoking Cessation</a></li><li><a class="dropdown-item" href="/services/free-financial-coach">Financial Wellness</a></li><li><a class="dropdown-item" href="/services/your-texas-benefits">Your Texas Benefits</a></li><li><a class="dropdown-item" href="/services/case-management">Case Management </a></li></ul></div><div class="dropdown-item-container"><div class="category-title">School-Based</div><ul class="service-list"><li><a class="dropdown-item" href="/services/campus-care">Project Vida Campus Care</a></li></ul></div></li><li class="dropdown-column"><div class="dropdown-item-container"><div class="category-title">Healthcare</div><ul class="service-list"><li><a class="dropdown-item" href="/services/health-clinics">Health Clinics</a></li><li><a class="dropdown-item" href="/services/womens-health">Women's Health</a></li><li><a class="dropdown-item" href="/services/family-planning">Family Planning</a></li><li><a class="dropdown-item" href="/services/pediatrics">
413Pediatrics</a></li><li><a class="dropdown-item" href="/services/hiv-hep-c-prep">HIV/HEP C/PREP</a></li><li><a class="dropdown-item" href="/services/behavioral-health-program">Behavioral Health</a></li><li><a class="dropdown-item" href="/services/pharmacy">Pharmacy</a></li><li><a class="dropdown-item" href="/services/affordable-care-act">Affordable Care Act</a></li></ul></div><div class="dropdown-item-container"><div class="category-title">Economic Development</div><ul class="service-list"><li><a class="dropdown-item" href="/services/microenterprise-technical-assistance-program">Microenterprise Technical Assistance Program</a></li><li><a class="dropdown-item" href="/services/el-paso-collaborative-community-development-financial-institution">El Paso Collaborative - Community Development Financial Institution</a></li></ul></div></li><li class="dropdown-column"><div class="dropdown-item-container"><div class="category-title">Education</div><ul class="service-list"><li><a class="dropdown-item" href="/services/early-childhood-development-center">Early Childhood Development Center</a></li><li><a class="dropdown-item" href="/services/project-vida-zavala-center-douglass-elementary">Project Vida Zavala Center at Douglass Elementary</a></li><li><a class="dropdown-item" href="/services/pv-after-school-enrichment-">Project Vida After-School Enrichment and Youth Development</a></li><li><a class="dropdown-item" href="/services/parenting-education">Parenting Education</a></li><li><a class="dropdown-item" href="/services/pro-vida-clubhouse">Project Vida Clubhouse</a></li></ul></div><div class="dropdown-item-container"><div class="category-title">Property</div><ul class="service-list"><li><a class="dropdown-item" href="/services/affordable-property">Affordable Property</a></li><li><a class="dropdown-item" href="/services/property-vacancies">Property Vacancies</a></li></ul></div><div class="dropdown-item-container"><div class="category-title">Homelessness</div><ul class="service-list"><li><a class="dropdown-item" href="/services/prevention-and-recovery">Prevention and Recovery</a></li></ul></div></li> </ul> 414 415 416</li> 417 418<li class="nav-item"> 419 <a href="/" class="nav-link-bottom nav-link bottom-nav-text">Online Registration</a> 420 421<!-- <a href="/online-registration" class="nav-link-bottom nav-link bottom-nav-text">Online Registration</a>--> 422</li> 423 424<li class="nav-item dropdown"> 425 <a href="/about" class="nav-link-bottom nav-link dropdown-toggle bottom-nav-text" 426 role="button" data-bs-hover="dropdown" aria-expanded="false">About</a> 427 <ul class="dropdown-menu"> 428 <li><a class="dropdown-menu-item dropdown-item dropdown-text scrollLink" href="/news">News</a></li> 429 <li><a class="dropdown-menu-item dropdown-item dropdown-text scrollLink" href="/about/donors">Donors</a></li> 430 <li><a class="dropdown-menu-item dropdown-item dropdown-text scrollLink" href="/about/get-involved">Get Involved</a></li> 431 <li><a class="dropdown-menu-item dropdown-item dropdown-text scrollLink" href="/job-postings">Job Postings</a></li> 432 <li><a class="dropdown-menu-item dropdown-item dropdown-text scrollLink" href="/about/directory">Directory</a></li> 433 </ul> 434</li> 435 436<li class="nav-item"> 437 <a href="https://projectvida.squarespace.com/checkout/donate?donatePageId=63dc4ab953b8df079a8c0da3" 438 class="nav-link-bottom nav-link bottom-nav-text">Donate</a> 439</li> 440 </ul> 441 </div> 442 </div> 443 </div> 444 </nav> 445 </header> 446 447 <main id="mainContent"> 448 <div class="container-fluid"> 449 <div class="row"> 450 <div class="col-lg-12 col-md-12"> 451 <div class="position-absolute col-lg-3"> 452 <a id="boardwalklogo" class="logo-icon-hide" href="/"> 453 <div class="main-logo-container"> 454 <img class="img-fluid" src="/project-vida/assets/svgImg/pvida_logo.svg"> 455 </div> 456 </a> 457 </div> 458 </div> 459 </div> 460 </div> 461 <!-- Main content --> 462 <div> 463 464<style> 465/* aspect-ratio matches the banner crop dimensions (Pages::$_moduleBannerWidth x $_moduleBannerHeight, 1400x616) 466 so the slide never has to crop the top/bottom of an already-correctly-cropped banner image */ 467.home-hero-slide{width:100%;aspect-ratio:1400/616;background-repeat:no-repeat;background-size:cover;background-position:right center;} 468 469.carousel-caption{position:absolute;background: rgba(31, 30, 84, 0.46);} 470.carousel-caption h1{font-size: clamp(22px, 4vw, 54px);color:#fff;margin:0 0 4px 0;text-transform: uppercase;} 471.carousel-caption p{font-size: clamp(14px, 2.6vw, 36px);color:#fff;margin:0;text-transform: uppercase;} 472/* caption/button vs. prev-next arrow stacking is handled in assets/css/style.css (#carouselProjectVida rules) */ 473@media (max-width: 576px){ 474 .carousel-caption{flex-direction: column;align-items: flex-start;} 475 .btn-carousel{margin: 16px 0 0 0;} 476 .text-left{ margin-left:0; } 477} 478.grid { display: -webkit-flex; display: flex;} 479.fluid-flex { -webkit-flex: 1; flex: 1;} 480 481.coming-soon-callout{background-color:#2760AF;color:#fff;padding:24px 20px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;text-align:center;} 482.coming-soon-callout .coming-soon-text{max-width:800px;} 483.coming-soon-callout h2{color:#fff;margin:0 0 8px 0;font-size:clamp(20px,3vw,28px);} 484.coming-soon-callout p{margin:0;font-size:clamp(14px,2vw,18px);color:#fff;} 485.coming-soon-callout .coming-soon-link{display:inline-block;margin-top:14px;background-color:#90D1F3;color:#074D90;padding:10px 18px;font-weight:800;text-transform:uppercase;text-decoration:none;transition:0.15s all ease;} 486.coming-soon-callout .coming-soon-link:hover{background-color:#fff;} 487 488</style> 489 490<div id="carouselProjectVida" class="carousel slide"> 491 <div class="carousel-inner"> 492 <div class="carousel-item active"> 493 <div class="home-hero-slide" style="background-image:url('/project-vida/assets/files/pages/1/dia-de-muertos-sideface-1.jpg');"></div> 494 <div class="carousel-caption d-flex justify-content-between align-items-center"> 495 <div class="text-left"> 496 <h1>Dia de muertos celebration</h1> 497 <p>Honoring the past, celebrando la vida November 11, 2026</p> 498 </div>
499 <a href="https://dia-de-muertos-2026.funraise.org/" class="btn-carousel wobble_vertical text-center homepage-intro-button">Learn More</a> 500 </div> 501 </div> 502 </div> 503</div> 504 505<div class="coming-soon-callout"> 506 <div class="coming-soon-text"> 507 <h2>We're Growing to Better Serve You</h2> 508 <p>Project Vida Pharmacy is expanding! Our new Maxwell Pharmacy, located at 4875 Maxwell Ave., El Paso, TX, is opening Fall 2026 — so more of our community can get the same affordable, trusted pharmacy care, closer to home.</p> 509 <a href="/services/pharmacy" class="coming-soon-link">Learn More</a> 510 </div> 511</div> 512 513<!--Need to turn these into their own css service-grids --> 514<div class="services-grid"> 515 516 <a href="/services" class="service-item" style="background-color: #cc3521; background-image: url('/project-vida//assets/img/linesFxRed.png'); color: #ffffff;"> 517 <img src="/project-vida/assets/svgImg/magnifyingGlassIcon.svg" class="icon-placeholder" alt="Find Services Icon"> 518 <div class="text-content"> 519 <h2>Find Services</h2> 520 <hr> 521 <p>We serve our Community in a variety of ways.</p> 522 </div> 523 </a> 524 <a href="/" class="service-item" style=" background-color: #2361ad; background-image: url('/project-vida//assets/img/linesFxBlue.png'); color: #ffffff;"> 525 <img src="/project-vida/assets/svgImg/pencilIcon.svg" class="icon-placeholder" alt="Online Registration Icon"> 526 <div class="text-content"> 527 <h2>Online Registration</h2> 528 <hr> 529 <p>Learn more and get registered today!</p> 530 </div> 531 </a> 532 <a href="/contact-us" class="service-item" style="background-color: #0e820e; background-image: url('/project-vida//assets/img/linesFxGreen.png'); color: #ffffff;"> 533 <img src="/project-vida/assets/svgImg/mailIcon.svg" class="icon-placeholder" alt="Contact Us Icon"> 534 <div class="text-content"> 535 <h2>Contact Us</h2> 536 <hr> 537 <p>Questions? Comments? Need a little help?</p> 538 </div> 539 </a> 540</div> 541<div class="homepage-intro"> 542 <div class="homepage-intro-background"></div> 543 <div class="container"> 544 <div class="row"> 545 <div data-aos="fade-left" class="col-lg-6 homepage-intro-text-area"> 546 <h2 class="homepage-intro-title w-100">To make a community whole</h2> 547 <p>Project Vida begins with the understanding that communities, like people, are living organisms. Children and adults, businesses and schools, churches, and public systems interact to form an identity and a lifestyle. Project Vida takes seriously the life of the community and the individual as a whole.</p> 548 <p>Project Vida is located in the center of El Paso, three blocks north of the Rio Grande border with México. The neighborhood is one of the most impoverished in the USA. Project Vida programs emerge from an ongoing community dialogue; those programs have spread to other areas of El Paso County and the adjoining Hudspeth County.</p> 549 <div class="wobble_vertical text-center homepage-intro-button pt-3"> 550 <a href="#" title="Learn More" class="default-button text-center">Learn More</a> 551 </div> 552 </div> 553 <div class="homepage-intro-image"> 554 <img src="/project-vida/assets/img/homeFamilycropped.png" alt="Intro Image"> 555 </div> 556 </div> 557 </div> 558</div> 559 560 561 <!-- FAQ Module Section --> 562 <!-- Locations Module Section --> 563 </div> 564 </main> 565 566 <footer class="footer-author"> 567 <div class="awards-section pt-5"> 568 <div class="container"> 569 <div class="row align-items-start"> 570 <div class="col-lg-4 footer-logo"> 571 <img class="img-fluid me-lg-4" src="/project-vida/assets/img/projectvida-v2.png"> 572 </div> 573 <div class="col-lg-8" style="display: block !important"> 574 <p class="disclaimer-text"> 575 MAIN OFFICE: 3607 RIVERA AVE. EL PASO, TEXAS 79905 ⢠PHONE (915)465-1191 576 </p> 577<!-- <a class="footer-nav-text nav-link" href="/patient-rights">Patient Rights</a>--> 578 <p class="pt-2 disclaimer-text"> 579 DISCLAIMER: The only official website associated with Project Vida, Project Vida Health Center, and P. V. Community Development Corporation in El Paso, Texas, is this website. The only official Facebook, Twitter, and YouTube accounts for Project Vida Health Center and P. V. Community Development Corporation in El Paso, Texas, are accessed through searching #projectvidaep on social media. 580 </p> 581 </div> 582 </div> 583 <div class="container-fluid"> 584 <div class="row my-4 align-items-center"> 585 <div class="card footer-card col-2 border-0 position-relative"> 586 <img class="w-100" style="max-height: 80px;" src="/project-vida/assets/img/NCQA.png" alt="Project Vida"> 587 </div> 588 <div class="card footer-card col-3 border-0 position-relative"> 589 <img class="w-100" src="/project-vida/assets/img/UnidosUS.png" alt="Project Vida"> 590 </div> 591 <div class="card footer-card col-2 border-0 position-relative"> 592 <img class="w-100" src="/project-vida/assets/img/HRSA.png" alt="Project Vida"> 593 </div> 594 <div class="card footer-card col-2 border-0 position-relative"> 595 <img class="w-100" src="/project-vida/assets/img/footer-logos/HCQL-2025-Silver.png" alt="Project Vida"> 596 </div> 597 598 599<!-- 600 <div class="card footer-card col-2 border-0 position-relative"> 601 <img class="w-100" src="/project-vida/assets/img/HealthCareEquality.png" alt="Project Vida"> 602 </div> 603--> 604 <div class="card footer-card col-3 border-0 position-relative"> 605 <img class="w-100" src="/project-vida/assets/img/UnitedWay.png" alt="Project Vida"> 606 </div> 607 </div> 608 </div> 609 <ul class="social-icons mb-4"> 610 <li><a href="https://www.instagram.com/projectvidaep/" target="_blank"><i class="fab fa-instagram"></i></a></li> 611 <li><a href="https://www.facebook.com/ProjectVidaEP" target="_blank"><i class="fab fa-facebook"></i></a></li> 612 <li><a href="https://twitter.com/ProjectVIDAEP" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li> 613 <li><a href="https://www.youtube.com/channel/UCYxWWpRZip_5m9ORMUEC02g/featured" target="_blank"><i class="fab fa-youtube"></i></a></li> 614 </ul> 615 </div> 616 </div> 617 <p class="credit"> 618 designed by: 619 <a href="https://www.stantonstreet.com" title="stantonstreet"> 620 <img src="/project-vida/assets/img/logo-stantonstreet.svg" alt="stantonstreet"> 621 </a> 622 </p> 623 </footer> 624 625<!-- TRANSLATION LOGIC -->
626<script> 627document.addEventListener('DOMContentLoaded', function(){ 628 var btn = document.getElementById('translate-es'); 629 if(!btn){ return; } 630 631 var widgetLoaded = false; 632 var GT_CONTAINER_ID = 'google_translate_element'; 633 634 // --- Cookie helpers (write on both host and dot-domain) --- 635 function baseDomain(){ 636 var h = location.hostname; 637 var parts = h.split('.'); 638 if(parts.length >= 2){ 639 return '.' + parts.slice(-2).join('.'); 640 } 641 return h; 642 } 643 function setCookie(name, value){ 644 var v = encodeURIComponent(value) + '; path=/; SameSite=Lax'; 645 // host cookie 646 document.cookie = name + '=' + v; 647 // dot-domain cookie (covers www / subdomains) 648 document.cookie = name + '=' + v + '; domain=' + baseDomain(); 649 } 650 function getCookie(name){ 651 var m = document.cookie.match(new RegExp('(?:^|; )' + name.replace(/[-[\]/{}()*+?.\\^$|]/g,'\\$&') + '=([^;]*)')); 652 return m ? decodeURIComponent(m[1]) : ''; 653 } 654 655 // --- Load GT element once --- 656 function loadWidget(onReady){ 657 if(widgetLoaded){ 658 onReady && onReady(); 659 return; 660 } 661 widgetLoaded = true; 662 663 // 1) global init 664 var init = document.createElement('script'); 665 init.text = ""+ 666 "function googleTranslateElementInit(){"+ 667 " new google.translate.TranslateElement({"+ 668 " pageLanguage:'en',"+ 669 " includedLanguages:'es',"+ 670 " layout:google.translate.TranslateElement.InlineLayout.SIMPLE,"+ 671 " autoDisplay:false"+ 672 " }, '"+GT_CONTAINER_ID+"');"+ 673 "}"; 674 document.head.appendChild(init); 675 676 // 2) loader 677 var s = document.createElement('script'); 678 s.src = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"; 679 s.onload = function(){ 680 // Poll for the dropdown to exist 681 var tries = 0; 682 var iv = setInterval(function(){ 683 var combo = document.querySelector('.goog-te-combo'); 684 if(combo || tries++ > 80){ // ~8s max 685 clearInterval(iv); 686 onReady && onReady(combo); 687 } 688 }, 100); 689 }; 690 document.head.appendChild(s); 691 } 692 693 // --- Apply translation via the widget dropdown --- 694 function applyViaDropdown(lang){ 695 var combo = document.querySelector('.goog-te-combo'); 696 if(combo){ 697 combo.value = lang === 'es' ? 'es' : ''; // '' returns to original 698 combo.dispatchEvent(new Event('change')); 699 return true; 700 } 701 return false; 702 } 703 704 // --- Public actions --- 705 function toSpanish(){ 706 // Set cookie + hash (both patterns are used in the wild)
707 setCookie('googtrans', '/en/es'); 708 location.hash = '#googtrans(/en/es)'; 709 710 loadWidget(function(){ 711 applyViaDropdown('es'); 712 btn.textContent = 'English'; 713 }); 714 } 715 716 function toEnglish(){ 717 // Reset cookie + remove hash 718 setCookie('googtrans', '/en/en'); 719 if(location.hash.indexOf('#googtrans') === 0){ 720 history.replaceState('', document.title, location.pathname + location.search); 721 } 722 723 // If widget already present, ask it to revert⦠724 var reverted = applyViaDropdown('en'); 725 726 // â¦but GT sometimes leaves remnants. Hard refresh DOM to be bullet-proof. 727 // Use a micro-delay so cookie/write completes. 728 setTimeout(function(){ 729 // Only reload if we were actually in Spanish before; avoids loops. 730 if(reverted || getCookie('googtrans') === '/en/en'){ 731 location.reload(); 732 } 733 }, 50); 734 735 btn.textContent = 'Español'; 736 } 737 738 // --- Toggle button behavior --- 739 function isSpanish(){ 740 var c = getCookie('googtrans'); 741 return (c === '/en/es'); 742 } 743 744 btn.addEventListener('click', function(e){ 745 e.preventDefault(); 746 if(isSpanish()){ 747 toEnglish(); 748 } else { 749 toSpanish(); 750 } 751 }); 752 753 // --- Persist user choice on load --- 754 if(isSpanish()){ 755 // If user previously chose Spanish, ensure widget is loaded and applied. 756 loadWidget(function(){ 757 // If dropdown not ready yet, set again after a short wait. 758 if(!applyViaDropdown('es')){ 759 setTimeout(function(){ applyViaDropdown('es'); }, 200); 760 } 761 btn.textContent = 'English'; 762 }); 763 } else { 764 // Ensure English label when not in Spanish 765 btn.textContent = 'Español'; 766 } 767}); 768</script>
768 769 770 771
771<script name="jquery" src="/project-vida/assets/js/jquery-3.7.1.min.js"></script>
771
771<script name="bootstrap" src="/project-vida/assets/js/bootstrap.bundle.min.js"></script>
771
771<script defer src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js"></script>
771 772
772<script type="text/javascript"> 773 window.csrf_token_ajax = 'nXWzeuucuAHveOXT2OHfHKK2aS0j2MAekRJ6WvAokYM='; 774 AOS.init(); 775 776</script>
776 777 778 779
779<script> 780 window.addEventListener('load', function(){ 781 782 var googleLoaded = false; 783 784 function loadGoogle(){ 785 if(googleLoaded){ 786 return; 787 } 788 googleLoaded = true; 789 var s=document.createElement('script'); 790 s.async=true; 791 s.src='https://www.googletagmanager.com/gtag/js?id=G-Q8JNK2N10G'; 792 document.head.appendChild(s); 793 gtag('js',new Date()); 794 gtag('config','G-Q8JNK2N10G'); 795 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','G-Q8JNK2N10G'); 796 } 797 798 function updateGtagConsent(){ 799 gtag('consent', 'update', { 800 analytics_storage: CookieConsent.acceptedCategory('analytics') || CookieConsent.acceptedCategory('performance') ? 'granted' : 'denied', 801 ad_storage: CookieConsent.acceptedCategory('advertisement') ? 'granted' : 'denied', 802 ad_user_data: CookieConsent.acceptedCategory('advertisement') ? 'granted' : 'denied', 803 ad_personalization: CookieConsent.acceptedCategory('advertisement') ? 'granted' : 'denied', 804 functionality_storage: CookieConsent.acceptedCategory('functional') ? 'granted' : 'denied', 805 security_storage: 'granted' 806 }); 807 if(CookieConsent.acceptedCategory('analytics') || CookieConsent.acceptedCategory('performance') || CookieConsent.acceptedCategory('advertisement')){ 808 loadGoogle(); 809 } 810 } 811 812 CookieConsent.run({ 813 guiOptions:{ 814 consentModal:{ 815 layout:'box', 816 position: "middle center", 817 }, 818 preferencesModal:{ 819 layout:'box' 820 } 821 }, 822 onFirstConsent: () => { 823 updateGtagConsent(); 824 }, 825 onConsent: () => { 826 updateGtagConsent(); 827 }, 828 onChange: () => { 829 updateGtagConsent(); 830 }, 831 categories:{ 832 necessary:{ 833 enabled:true, 834 readOnly:true 835 }, 836 analytics:{}, 837 performance:{}, 838 functional:{}, 839 advertisement:{} 840 }, 841 language:{ 842 default:'en', 843 translations:{ 844 en:{ 845 consentModal:{ 846 title:'Manage cookies', 847 description:'By using this site, you agree with our use of cookies. Taking any action (closing the window, etc.) other than clicking âAccept all cookiesâ is recorded as rejecting all but Essential Cookies, including those involved in use of the search bar.', 848 acceptAllBtn:'Accept all cookies', 849 acceptNecessaryBtn:'Decline all cookies', 850 showPreferencesBtn:'Manage cookies', 851 footer:'<a href="/privacy-policy">Privacy Policy</a>' 852 }, 853 preferencesModal:{ 854 title:'Cookie preferences', 855 description:'', 856 acceptAllBtn:'Accept all cookies', 857 acceptNecessaryBtn:'Reject all', 858 savePreferencesBtn:'Confirm my choices', 859 closeIconLabel:'Close', 860 sections:[ 861 { 862 title:'', 863 description:'A "cookie" is a small piece of information that a
863website assigns to your device while you are viewing a website. Cookies are very helpful and can be used for various purposes. These purposes include allowing you to navigate between pages efficiently, enable automatic activation of certain features, remembering your preferences, and making the interaction between you and our services quicker and easier. Some are necessary and always active.' 864 },{ 865 title:'Essential only â Always active', 866 description:'Essential Cookies help keep our websites secure while enabling network management, site functionality and accessibility. You may disable necessary cookies in your browser settings, but that may affect how the website functions for you.', 867 linkedCategory:'necessary' 868 },{ 869 title:'Performance Cookies', 870 description:'These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.', 871 linkedCategory:'performance' 872 },{ 873 title:'Functional Cookies', 874 description:'These cookies enable the website to provide enhanced functionality and personalization. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.', 875 linkedCategory:'functional' 876 },{ 877 title:'Targeting Cookies', 878 description:'These cookies collect information about how you use our website. All data is anonymized.', 879 linkedCategory:'analytics' 880 } 881 ] 882 } 883 } 884 } 885 }, 886 disablePageInteraction: true 887 }); 888 }); 889 </script>
889 890 </body> 891</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.