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>About Project Vida | Community Outreach Agency | About</title> 12 <meta name="author" content="Stanton Street"> 13 <meta name="description" content="Project Vida provides a range of services, including health clinics, low-income housing, education, coaching, and homelessness prevention." /> 14 <!-- OG --> <meta property="og:url" content="https://www.pvida.net/about" /> 15 <meta property="og:title" content="About Project Vida | Community Outreach Agency | About" /> 16 <meta property="og:description" content="Project Vida provides a range of services, including health clinics, low-income housing, education, coaching, and homelessness prevention." /> 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 = "/about"; 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<!-- Read more styles --> 465<style> 466 .more-content { display: none; opacity: 0; transition: opacity 0.5s ease; } 467 .read-more-btn { 468 cursor: pointer; 469 display: inline-block; 470 background-color: #007bff; 471 color: #fff; 472 padding: 10px; 473 text-align: center; 474 border-radius: 0; 475 font-size: 14px; 476 width: 11%; 477 transition: background-color 0.3s ease, transform 0.2s ease; 478 text-decoration: none; 479 margin-top: 10px; 480 } 481 .read-more-btn:hover { 482 background-color: #0056b3; 483 transform: scale(1.05); /* Slight zoom effect */ 484 } 485 .more-visible { 486 display: inline; 487 opacity: 1;
488 } 489</style> 490
491<script> 492function toggleContent() { 493 var moreContent = document.getElementById("more-content"); 494 var readMoreBtn = document.getElementById("read-more-btn"); 495 496 if (moreContent.classList.contains("more-visible")) { 497 moreContent.classList.remove("more-visible"); 498 readMoreBtn.innerHTML = "<h3 class='card-title'>Read more</h3>"; 499 } else { 500 moreContent.classList.add("more-visible"); 501 readMoreBtn.innerHTML = "<h3 class='card-title'>Read less</h3>"; 502 } 503} 504</script>
504 505 506<main> 507 <div class="position-relative"> 508 <div id="carouselProjectVida" class="carousel slide"> 509 <div class="carousel-inner"> 510 <div class="carousel-item active"> 511 <div class="container-fluid p-0"> 512 <div class="row"> 513 <div class="p-lg-5 p-md-3 text-center bg-light health-container" style="background: url(/project-vida/assets/files/pages/48/banner-subpage-about.jpg) no-repeat; background-size: cover; background-position: center center;"></div> 514 </div> 515 </div> 516 </div> 517 </div> 518</div> 519 <h1 data-aos="fade-up" data-aos-duration="1000" class="position-absolute page-title mt-1 ms-5">About</h1> 520 </div> 521 <hr class="solid"> 522 <div class="container"> 523 <!-- Render page content --> 524 <div class="row justify-content-center"> 525 <div class="department-list-container"> 526 <div class="col-md-12 pt-5"> 527 <div class="card border-0 mb-3"> 528 <div class="row align-items-center"> 529 <h2 class="text-align-center">MISSION</h2> 530<p>
530The mission of Project Vida is to identify the comprehensive vision of the community for its future and to develop community-based structures and programs to implement that vision in light of the needs and direction of the wider society. </p> 531<h2 class="text-align-center">OUR HISTORY</h2> 532<p>Project Vida began in 1991 in a small adobe home in the Chamizal neighborhood of south-central El Paso. We wanted to know what people in the neighborhood felt <em>they </em>needed to help them improve their lives, and Community Congresses were held to help determine those needs. A Community Congress is a citizen-driven event where participants determine what they need as a community and how they believe that can be achieved. From those events, it was determined that the community wanted to address education; healthcare; affordable housing; gang prevention; homelessness; and later, the needs of small business owners.</p> 533<p>Since those early days, Project Vida has addressed all of these issues by building <a title="affordable low-income rental housing" href="/services/affordable-housing">affordable low-income rental housing</a>; building <a title="clinics" href="/services/health-clinics">clinics</a> and providing high quality, low cost healthcare; creating a <a title="homelessness prevention and recovery program" href="/services/prevention-and-recovery">homelessness prevention and recovery program</a>; developing a best practice, curriculum-based <a title="early childhood education program" href="/services/early-childhood-development-center">early childhood education program</a>; offering dynamic <a title="after-school enrichment" href="/services/after-school-enrichment-youth-development-program">after-school enrichment</a>; and providing <a title="microenterprise technical assistance and support" href="/services/microenterprise-technical-assistance-program">microenterprise technical assistance and support</a>. </p> 534<p> </p> 535<p><img class="content-photo-left" style="float: left;" src="/project-vida/uploads/about-us.png" alt="Community Congress" width="600" height="317" /></p> 536<p><em>Community Congress</em></p> <div class="content"> 537 <span id="more-content" class="more-content"></span> 538 </div> 539 540 <!-- Read more button --> 541 542 </div> 543 </div> 544 </div> 545 </div> 546 </div> 547 </div> 548</main> 549 550 <!-- FAQ Module Section --> 551 <!-- Locations Module Section --> 552 </div> 553 </main> 554 555 <footer class="footer-author"> 556 <div class="awards-section pt-5"> 557 <div class="container"> 558 <div class="row align-items-start"> 559 <div class="col-lg-4 footer-logo"> 560 <img class="img-fluid me-lg-4" src="/project-vida/assets/img/projectvida-v2.png"> 561 </div> 562 <div class="col-lg-8" style="display: block !important"> 563 <p class="disclaimer-text"> 564 MAIN OFFICE: 3607 RIVERA AVE. EL PASO, TEXAS 79905 ⢠PHONE (915)465-1191 565 </p> 566<!-- <a class="footer-nav-text nav-link" href="/patient-rights">Patient Rights</a>--> 567 <p class="pt-2 disclaimer-text"> 568 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. 569 </p> 570 </div> 571 </div> 572 <div class="container-fluid"> 573 <div class="row my-4 align-items-center"> 574 <div class="card footer-card col-2 border-0 position-relative"> 575 <img class="w-100" style="max-height: 80px;" src="/project-vida/assets/img/NCQA.png" alt="Project Vida"> 576 </div> 577 <div class="card footer-card col-3 border-0 position-relative"> 578 <img class="w-100" src="/project-vida/assets/img/UnidosUS.png" alt="Project Vida"> 579 </div> 580 <div class="card footer-card col-2 border-0 position-relative"> 581 <img class="w-100" src="/project-vida/assets/img/HRSA.png" alt="Project Vida"> 582 </div> 583 <div class="card footer-card col-2 border-0 position-relative"> 584 <img class="w-100" src="/project-vida/assets/img/footer-logos/HCQL-2025-Silver.png" alt="Project Vida"> 585 </div> 586 587 588<!-- 589 <div class="card footer-card col-2 border-0 position-relative"> 590 <img class="w-100" src="/project-vida/assets/img/HealthCareEquality.png" alt="Project Vida"> 591 </div> 592--> 593 <div class="card footer-card col-3 border-0 position-relative"> 594 <img class="w-100" src="/project-vida/assets/img/UnitedWay.png" alt="Project Vida"> 595 </div> 596 </div> 597 </div> 598 <ul class="social-icons mb-4"> 599 <li><a href="https://www.instagram.com/projectvidaep/" target="_blank"><i class="fab fa-instagram"></i></a></li> 600 <li><a href="https://www.facebook.com/ProjectVidaEP" target="_blank"><i class="fab fa-facebook"></i></a></li> 601 <li><a href="https://twitter.com/ProjectVIDAEP" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></li> 602 <li><a href="https://www.youtube.com/channel/UCYxWWpRZip_5m9ORMUEC02g/featured" target="_blank"><i class="fab fa-youtube"></i></a></li> 603 </ul> 604 </div> 605 </div> 606 <p class="credit"> 607 designed by: 608 <a href="https://www.stantonstreet.com" title="stantonstreet"> 609 <img src="/project-vida/assets/img/logo-stantonstreet.svg" alt="stantonstreet"> 610 </a> 611 </p> 612 </footer> 613 614<!-- TRANSLATION LOGIC -->
615<script> 616document.addEventListener('DOMContentLoaded', function(){ 617 var btn = document.getElementById('translate-es'); 618 if(!btn){ return; } 619 620 var widgetLoaded = false; 621 var GT_CONTAINER_ID = 'google_translate_element'; 622 623 // --- Cookie helpers (write on both host and dot-domain) --- 624 function baseDomain(){ 625 var h = location.hostname; 626 var parts = h.split('.'); 627 if(parts.length >= 2){ 628 return '.' + parts.slice(-2).join('.'); 629 } 630 return h; 631 } 632 function setCookie(name, value){ 633 var v = encodeURIComponent(value) + '; path=/; SameSite=Lax'; 634 // host cookie 635 document.cookie = name + '=' + v; 636 // dot-domain cookie (covers www / subdomains) 637 document.cookie = name + '=' + v + '; domain=' + baseDomain(); 638 } 639 function getCookie(name){ 640 var m = document.cookie.match(new RegExp('(?:^|; )' + name.replace(/[-[\]/{}()*+?.\\^$|]/g,'\\$&') + '=([^;]*)')); 641 return m ? decodeURIComponent(m[1]) : ''; 642 } 643 644 // --- Load GT element once --- 645 function loadWidget(onReady){ 646 if(widgetLoaded){ 647 onReady && onReady(); 648 return; 649 } 650 widgetLoaded = true; 651 652 // 1) global init 653 var init = document.createElement('script'); 654 init.text = ""+ 655 "function googleTranslateElementInit(){"+ 656 " new google.translate.TranslateElement({"+ 657 " pageLanguage:'en',"+ 658 " includedLanguages:'es',"+ 659 " layout:google.translate.TranslateElement.InlineLayout.SIMPLE,"+ 660 " autoDisplay:false"+ 661 " }, '"+GT_CONTAINER_ID+"');"+ 662 "}"; 663 document.head.appendChild(init); 664 665 // 2) loader 666 var s = document.createElement('script'); 667 s.src = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"; 668 s.onload = function(){ 669 // Poll for the dropdown to exist 670 var tries = 0; 671 var iv = setInterval(function(){ 672 var combo = document.querySelector('.goog-te-combo'); 673 if(combo || tries++ > 80){ // ~8s max 674 clearInterval(iv); 675 onReady && onReady(combo); 676 } 677 }, 100); 678 }; 679 document.head.appendChild(s); 680 } 681 682 // --- Apply translation via the widget dropdown --- 683 function applyViaDropdown(lang){ 684 var combo = document.querySelector('.goog-te-combo'); 685 if(combo){ 686 combo.value = lang === 'es' ? 'es' : ''; // '' returns to original 687 combo.dispatchEvent(new Event('change')); 688 return true; 689 } 690 return false; 691 } 692 693 // --- Public actions --- 694 function toSpanish(){ 695 // Set cookie + hash (both patterns are used in the wild)
696 setCookie('googtrans', '/en/es'); 697 location.hash = '#googtrans(/en/es)'; 698 699 loadWidget(function(){ 700 applyViaDropdown('es'); 701 btn.textContent = 'English'; 702 }); 703 } 704 705 function toEnglish(){ 706 // Reset cookie + remove hash 707 setCookie('googtrans', '/en/en'); 708 if(location.hash.indexOf('#googtrans') === 0){ 709 history.replaceState('', document.title, location.pathname + location.search); 710 } 711 712 // If widget already present, ask it to revert⦠713 var reverted = applyViaDropdown('en'); 714 715 // â¦but GT sometimes leaves remnants. Hard refresh DOM to be bullet-proof. 716 // Use a micro-delay so cookie/write completes. 717 setTimeout(function(){ 718 // Only reload if we were actually in Spanish before; avoids loops. 719 if(reverted || getCookie('googtrans') === '/en/en'){ 720 location.reload(); 721 } 722 }, 50); 723 724 btn.textContent = 'Español'; 725 } 726 727 // --- Toggle button behavior --- 728 function isSpanish(){ 729 var c = getCookie('googtrans'); 730 return (c === '/en/es'); 731 } 732 733 btn.addEventListener('click', function(e){ 734 e.preventDefault(); 735 if(isSpanish()){ 736 toEnglish(); 737 } else { 738 toSpanish(); 739 } 740 }); 741 742 // --- Persist user choice on load --- 743 if(isSpanish()){ 744 // If user previously chose Spanish, ensure widget is loaded and applied. 745 loadWidget(function(){ 746 // If dropdown not ready yet, set again after a short wait. 747 if(!applyViaDropdown('es')){ 748 setTimeout(function(){ applyViaDropdown('es'); }, 200); 749 } 750 btn.textContent = 'English'; 751 }); 752 } else { 753 // Ensure English label when not in Spanish 754 btn.textContent = 'Español'; 755 } 756}); 757</script>
757 758 759 760
760<script name="jquery" src="/project-vida/assets/js/jquery-3.7.1.min.js"></script>
760
760<script name="bootstrap" src="/project-vida/assets/js/bootstrap.bundle.min.js"></script>
760
760<script name="fancybox" src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox.umd.js"></script>
760
760<script defer src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js"></script>
760 761
761<script type="text/javascript"> 762 window.csrf_token_ajax = 'Mm7s3ej4/N1EO2MYhV030S9Goy7z+8bNKPp73jlJ4HE='; 763 AOS.init(); 764 765</script>
765 766
766<script> 767 window.addEventListener('load', function(){ 768 769 var googleLoaded = false; 770 771 function loadGoogle(){ 772 if(googleLoaded){ 773 return; 774 } 775 googleLoaded = true; 776 var s=document.createElement('script'); 777 s.async=true; 778 s.src='https://www.googletagmanager.com/gtag/js?id=G-Q8JNK2N10G'; 779 document.head.appendChild(s); 780 gtag('js',new Date()); 781 gtag('config','G-Q8JNK2N10G'); 782 (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'); 783 } 784 785 function updateGtagConsent(){ 786 gtag('consent', 'update', { 787 analytics_storage: CookieConsent.acceptedCategory('analytics') || CookieConsent.acceptedCategory('performance') ? 'granted' : 'denied', 788 ad_storage: CookieConsent.acceptedCategory('advertisement') ? 'granted' : 'denied', 789 ad_user_data: CookieConsent.acceptedCategory('advertisement') ? 'granted' : 'denied', 790 ad_personalization: CookieConsent.acceptedCategory('advertisement') ? 'granted' : 'denied', 791 functionality_storage: CookieConsent.acceptedCategory('functional') ? 'granted' : 'denied', 792 security_storage: 'granted' 793 }); 794 if(CookieConsent.acceptedCategory('analytics') || CookieConsent.acceptedCategory('performance') || CookieConsent.acceptedCategory('advertisement')){ 795 loadGoogle(); 796 } 797 } 798 799 CookieConsent.run({ 800 guiOptions:{ 801 consentModal:{ 802 layout:'box', 803 position: "middle center", 804 }, 805 preferencesModal:{ 806 layout:'box' 807 } 808 }, 809 onFirstConsent: () => { 810 updateGtagConsent(); 811 }, 812 onConsent: () => { 813 updateGtagConsent(); 814 }, 815 onChange: () => { 816 updateGtagConsent(); 817 }, 818 categories:{ 819 necessary:{ 820 enabled:true, 821 readOnly:true 822 }, 823 analytics:{}, 824 performance:{}, 825 functional:{}, 826 advertisement:{} 827 }, 828 language:{ 829 default:'en', 830 translations:{ 831 en:{ 832 consentModal:{ 833 title:'Manage cookies', 834 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.', 835 acceptAllBtn:'Accept all cookies', 836 acceptNecessaryBtn:'Decline all cookies', 837 showPreferencesBtn:'Manage cookies', 838 footer:'<a href="/privacy-policy">Privacy Policy</a>' 839 }, 840 preferencesModal:{ 841 title:'Cookie preferences', 842 description:'', 843 acceptAllBtn:'Accept all cookies', 844 acceptNecessaryBtn:'Reject all', 845 savePreferencesBtn:'Confirm my choices', 846 closeIconLabel:'Close', 847 sections:[ 848 { 849 title:'', 850 description:'A "cookie" is a small piece of information that a
850website 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.' 851 },{ 852 title:'Essential only â Always active', 853 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.', 854 linkedCategory:'necessary' 855 },{ 856 title:'Performance Cookies', 857 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.', 858 linkedCategory:'performance' 859 },{ 860 title:'Functional Cookies', 861 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.', 862 linkedCategory:'functional' 863 },{ 864 title:'Targeting Cookies', 865 description:'These cookies collect information about how you use our website. All data is anonymized.', 866 linkedCategory:'analytics' 867 } 868 ] 869 } 870 } 871 } 872 }, 873 disablePageInteraction: true 874 }); 875 }); 876 </script>
876 877 </body> 878</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.