CINXE.COM
The University of Texas at El Paso - UTEP
<!DOCTYPE html> <html data-wf-page="615b7dfa756869665fb252eb" data-wf-site="615b7dfa756869a9cfb252e7" lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>The University of Texas at El Paso - UTEP</title> <meta content="We are America鈥檚 Leading Hispanic-Serving University" name="description"> <meta content="The University of Texas at El Paso - UTEP" property="og:title"> <meta content="We are America鈥檚 Leading Hispanic-Serving University" property="og:description"> <meta content=https://www.utep.edu/_assets/images-template/utep-campus.jpg property="og:image"> <meta content="The University of Texas at El Paso - UTEP" property="twitter:title"> <meta content="We are America鈥檚 Leading Hispanic-Serving University" property="twitter:description"> <meta content=https://www.utep.edu/_assets/images-template/utep-campus.jpg property="twitter:image"> <meta property="og:type" content="website"> <meta content="summary_large_image" name="twitter:card"> <meta content="width=device-width, initial-scale=1" name="viewport"> <link href="https://www.utep.edu/_assets/css/normalize.css" rel="stylesheet" type="text/css"> <link href="https://www.utep.edu/_assets/css/w-styles.css?220401" rel="stylesheet" type="text/css"> <link href="/_Files/assets/video-js.min.css" rel="stylesheet"> <script src="/_Files/assets/video.min.js"></script> <link href="https://www.utep.edu/_assets/css/styles-nues.css" rel="stylesheet" type="text/css"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script> <script type="text/javascript">WebFont.load({ google: { families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"] }});</script> <!-- [if lt IE 9]> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script> <![endif] --> <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script> <link href="https://www.utep.edu/_assets/images-template/favicon.png" rel="shortcut icon" type="image/x-icon"> <link href="https://www.utep.edu/_assets/images-template/webclip.png" rel="apple-touch-icon"> <!-- global styles, typography --> <link rel="stylesheet" href="https://www.utep.edu/university-communications/_dev/hp21-assets/css/uc-styles.css?220510"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-90299816-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-90299816-1'); </script> <!-- Google Tag Manager --> <script>(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','GTM-MDRB82R');</script> <!-- End Google Tag Manager --> </head> <body class="body"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MDRB82R" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div class="w-embed"> <div aria-labelledby="miner-alert-aria" class="hidden UC-alertMessage" id="UC-alertMessage" role="contentinfo"> <div class="alertBg"> <div class="miner-alert-icon"> <img alt="miner alert" id="minerAlertWarning" src="https://www.utep.edu/university-communications/_dev/hp21-assets/img/miner-alert.svg" width="168"> </div> <div class="miner-alert-text"> <p id="alert-message"></p> </div> </div> </div> </div> <!-- <div class="alert alert-warning" role="alert" style="padding: 30px 150px; background-color: #fcf8e3"><h4>UPDATE ON MAINTENANCE ISSUE; CLASSES REMAIN CANCELED UNTIL NOON</h4><p style=" margin-bottom: 0px;">Good news: UTEP teams were able to complete maintenance repairs sooner than expected, so all UTEP online services and platforms, including email and Blackboard, are currently operating normally. <b>Because of the short notice, classes before noon today (April 4) will remain canceled.</b> Employees should report to work as usual. <br/><br/>A malfunctioning cooling system for a UTEP Information Resources server facility was repaired quickly with exceptional efforts on the part of UTEP鈥檚 Facilities Services maintenance teams. Special thanks to our staff for their hard work to resolve this issue.</p></p><a href="https://web.archive.org/web/20230124115042/https://www.utep.edu/emergency/?utep-home">utep.edu/emergency</a></p></div> Notice --> <!-- <div style="padding-top: 10px; padding-bottom: 10px; background-color: #f1f1f1;"><div class="container"><div class="w-row"><div class="w-col w-col-3"><img src="https://www.utep.edu/img-content/RYP-Giving-Day.png" style="width: 200px; height: auto; margin: auto; padding: 8px 0"></div><div class="w-col w-col-9" style="background-color: #f1f1f1"><h4>Raise Your Pick Giving Day is Here</h4><p>Miners from around the world are coming together to support UTEP. Make your contribution before 8 p.m. April 17, 2024. Contribute to the program that means the most to you. <div class="text-block"><a href="https://givingday.utep.edu/???utep-home" class="link-block w-inline-block" style="text-transform:uppercase;/* padding-right: 20px; */"><div class="text-block">Give Now!</div></a></div></p></div></div></div></div> --> <div class="nav-hero-wr"> <a class="skipToMain" href="#main" tabindex="0">Skip To Main Content</a> <a class="skipToMainMobile" href="#mainMobile" tabindex="0">Skip To Main Content</a> <div data-collapse="all" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav"> <div class="navigation-items"> <a href="index.html?utep-home" class="logo-link w-nav-brand"> <img src="https://www.utep.edu/_assets/images-template/the-university-of-texas-at-el-paso.svg" width="415" alt="The University of Texas at El Paso" class="logo-image"> </a> <div class="utep-mb-logo"> <a href="index.html?utep-home" class="utep-mb-logo-link w-inline-block"> <img src="https://www.utep.edu/_assets/images-template/utep-mb.svg" loading="lazy" alt="UTEP" class="utep-mb-logo-img"> </a> </div> <div class="hero-mobile-utep-text-wr"> <img src="https://www.utep.edu/_assets/images-template/mobile-utep-header.svg" loading="lazy" alt="The University of Texas at El Paso" class="image-10"> </div> <a id="simple-menu" href="#sidr" class="menu-button w-inline-block"> <img src="https://www.utep.edu/_assets/images-template/nav_bar.svg" loading="lazy" alt="Main Menu" class="menu-button-img"> </a> </div> </div> <div class="sidr-parent wf-section"> <div id="sidr" class="sidr-container"> <a id="close-menu-button" href="#" class="mm-close w-inline-block"> <img src="https://www.utep.edu/_assets/images-template/mm-close.svg" loading="lazy" alt="close"> </a> <div class="main-menu-wr"> <div class="mm-top"> <div class="utep-search-wr"> <div class="w-embed"> <form action="https://my.utep.edu/Search?" aria-labelledby="search-query-label" id="myutep-search" role="search"> <div class="input-group add-on" id="searchBox"> <input autocomplete="off" id="search-query" name="q" type="search"> <label for="search-query" id="search-query-label">Search pages and people</label> <div class="input-group-btn"> <button class="btn btn-default btn-lg" type="submit"> <img alt="search button" src="https://www.utep.edu/university-communications/_dev/hp21-assets/img/search-icon.svg"> </button> </div> </div> </form> </div> </div> <div class="mmt-links-wr" role="navigation" aria-label="Secondary Navigation"> <a href="https://www.utep.edu/resources/apply.html?utep-home" class="link-block-2 w-inline-block w-clearfix"> <img src="https://www.utep.edu/_assets/images-template/rightArrowOrng.svg" loading="lazy" width="24" alt="Right Arrow" class="image-8"> <div class="text-block-4">apply</div> </a> <a href="https://www.utep.edu/student-affairs/admissions/visit/?utep-home" class="link-block-2 w-inline-block w-clearfix"> <img src="https://www.utep.edu/_assets/images-template/rightArrowOrng.svg" loading="lazy" width="24" alt="Right Arrow" class="image-8"> <div class="text-block-4">Visit</div> </a> <a href="https://www.utep.edu/inquire?utep-home-menu" class="link-block-2 w-inline-block w-clearfix"> <img src="https://www.utep.edu/_assets/images-template/rightArrowOrng.svg" loading="lazy" width="24" alt="Right Arrow" class="image-8"> <div class="text-block-4">Request Info</div> </a> </div> <div class="mmt-blue-overlay"></div> </div> <div class="mm-bottom"> <div class="w-layout-grid mmb-grid" role="navigation" aria-label="Main Navigation"> <div class="mmb-link-wr mmb-bg1"> <a href="https://my.utep.edu/?utep-home" class="mmb-link w-inline-block"> <div class="text-block-5">Current Students</div> </a> </div> <div class="mmb-link-wr mmb-bg2"> <a href="https://www.utep.edu/resources/faculty-and-staff.html?utep-home" class="mmb-link w-inline-block"> <div class="text-block-5">Faculty/Staff</div> </a> </div> <div class="mmb-link-wr mmb-bg3"> <a href="https://www.utep.edu/about/?utep-home" class="mmb-link w-inline-block"> <div class="text-block-5">ABOUT聽UTEP</div> </a> </div> <div class="mmb-link-wr mmb-bg4"> <a href="https://www.utep.edu/student-affairs/financialaid/?utep-home" class="mmb-link w-inline-block"> <div class="text-block-5">Financial Aid</div> </a> </div> <div class="mmb-link-wr"> <a href="https://www.utep.edu/orsp/?utep-home" class="mmb-link w-inline-block"> <div class="text-block-5">Research</div> </a> </div> <div class="mmb-link-wr mmb-6"> <a href="https://utepminers.com/?utep-home" class="mmb-link w-inline-block"> <div class="text-block-5">Athletics</div> </a> </div> <div class="mmb-link-wr mmb-7"> <a href="https://www.utep.edu/giving/?utep-home" class="mmb-link w-inline-block"> <div class="text-block-5">Giving</div> </a> </div> <div class="mmb-link-wr mmb-8"> <a href="https://www.utep.edu/student-affairs/admissions/?utep-home" class="mmb-link w-inline-block"> <div class="text-block-5">Admissions</div> </a> </div> </div> </div> </div> </div> <div id="overlay" class="sidr-overlay"></div> </div> <div class="home-mb-hero-section wf-section"> <div class="hmh-picture-bg"> <div class="hero-mobile-overlay"></div> <div id="mainMobile" class="mobile-hero-text" tabindex="0">Pick Your Future. <br>Build It at UTEP. </div> </div> </div> <div class="home-bg-video-section wf-section" role="main"> <div data-autoplay="true" data-loop="true" data-wf-ignore="true" class="background-video w-background-video w-background-video-atom "> <video id="live_video" class=" video-js vjs-fluid vjs-16-9" autoplay="true" muted="true" loop="true" preload="auto" data-setup='{}' data-object-fit="cover" data-prevent-analytics="1" webkit-playsinline playsinline> <source src="/_Files/homepage/video1/pl.m3u8" type='application/x-mpegURL' /> </video> <div class="video-bg-overlay"> <div id="posterIMG"> <img id="bannerIMG" style="width: 100%; height: 100%; z-index: 90; position: absolute; object-fit: cover; background-position: 50% 50%;" src="https://www.utep.edu/videos/video-poster-00002.jpg" class="banner-img"></img> </div> </div> <div class="home-tablet-desktop-btn w-container"> <div class="home-hero-text-wr"> <h1 id="main" class="hero-heading" tabindex="0"> <span class="hero-heading-sm">Pick Your Future.</span> <br> <span class="hero-heading-lg">Build It at UTEP.</span> </h1> <div class="w-layout-grid grid-2"> <a href="https://www.utep.edu/programs/undergraduate/?utep-home" class="button cc-jumbo-button hh-btn-gray w-inline-block"> <div class="hh-btn-gray-text">Undergraduate</div> </a> <a href="https://www.utep.edu/programs/graduate/?utep-home" class="button cc-jumbo-button hh-btn-gray w-inline-block"> <div class="hh-btn-gray-text">Graduate</div> </a> <a href="https://www.utep.edu/programs/online/?utep-home" class="button cc-jumbo-button hh-btn-gray w-inline-block"> <div class="hh-btn-gray-text">Online</div> </a> </div> </div> </div> </div> <a class="home-hero-covid-updates" href="https://www.utep.edu/inquire?utep-home">Request Information</a> <!--<a class="home-hero-covid-updates" href="https://www.utep.edu/commencement/?utep-home" style="bottom: 80px;">Fall 2024 Commencement Livestreams</a>--> <div class="playPauseVideo playing" tabindex="0"> <span class="videoPause"> <img alt="Pause Button" src="https://www.utep.edu/_assets/images-template/pause_button.png"> </span> <span class="videoPlay"> <img alt="Play Button" src="https://www.utep.edu/_assets/images-template/play_button.png"> </span> </div> </div> </div> <div class="home-mobile-btns wf-section"> <div class="home-mobile-btn w-container"> <div class="columns home-mobile-btn-wr w-row"> <div class="w-col w-col-4"> <a href="https://www.utep.edu/programs/undergraduate/?utep-home" class="button cc-jumbo-button hh-btn hm-btn w-inline-block"> <div class="hh-btn-text">undergraduate</div> </a> </div> <div class="w-col w-col-4"> <a href="https://www.utep.edu/programs/graduate/?utep-home" class="button cc-jumbo-button hh-btn hm-btn w-inline-block"> <div class="hh-btn-text">graduate</div> </a> </div> <div class="w-col w-col-4"> <a href="https://www.utep.edu/programs/online/?utep-home" class="button cc-jumbo-button hh-btn hm-btn w-inline-block"> <div class="hh-btn-text">online</div> </a> </div> <div class="home-mobile-btn-secondary-wr"> <!--<a href="https://www.utep.edu/student-affairs/new-student-orientation/?utep-home" class="home-mobile-btn-secondary"> <div class="hh-btn-text">Last chance: Register for Fall 2024 New Student Orientation</div> </a>--> <a href="https://www.utep.edu/inquire?utep-home" class="home-mobile-btn-secondary"> <div class="hh-btn-text">Request Information</div> </a> <!--<a href="https://www.utep.edu/commencement/?utep-home" class="home-mobile-btn-secondary"> <div class="hh-btn-text">Fall 2024 Commencement Livestreams</div> </a>--> </div> </div> </div> </div> <div class="section home-section" role="complementary"> <div class="container"> <div class="intro-wrap"> <h1 class="heading-jumbo home-intro-heading">We are America鈥檚 Leading Hispanic-Serving University</h1> <p class="paragraph-bigger home-intro-p">A degree from The University of Texas at El Paso will change your future. With one of the lowest out-of-pocket costs of any U.S. research university, and millions in grants and scholarships, getting here is easy. Once you鈥檙e here, choose from nearly 170 degree options, including popular programs in biological sciences, nursing, psychology, education, computer science, mechanical engineering, criminal justice and finance. Build your skills with an internship, paid on-campus job, study away trip or research experience in areas such as aerospace, cancer, 3D printing, cybersecurity, bilingual education or cross-border economics.</p> </div> </div> </div> <div class="section home-news-section" role="complementary"> <div class="container"> <div class="w-row"> <div class="w-col w-col-4"> <a href="https://www.utep.edu/newsfeed/2022/utep-supports-first-generation-college-student-dreams.html?utep-home" class="home-card w-inline-block hc-1"> <div class="div-block home-card-label-wr"> <p class="paragraph-tiny home-card-label-p">Student Success</p> </div> <div class="home-card-heading-w"> <h2 class="home-card-heading">UTEP Supports First-Generation College Student Dreams</h2> </div> </a> </div> <div class="w-col w-col-4"> <a href="https://www.utep.edu/newsfeed/2022/space-force-partnership-advances-uteps-leadership-in-aerospace-research-and-education.html?utep-home" class="home-card w-inline-block hc-2"> <div class="div-block home-card-label-wr"> <p class="paragraph-tiny home-card-label-p">Research</p> </div> <div class="home-card-heading-w"> <h2 class="home-card-heading" style="font-size: 13.65px;">Space Force Partnership Advances UTEP鈥檚 Leadership in Aerospace Research & Education</h2> </div> </a> </div> <div class="w-col w-col-4"> <a href="https://www.utep.edu/engineering/tcm/?utep-home" class="home-card w-inline-block hc-3"> <div class="div-block home-card-label-wr"> <p class="paragraph-tiny home-card-label-p">Student Life</p> </div> <div class="home-card-heading-w"> <h2 class="home-card-heading">Longest-Running Student Tradition Celebrates Mining Roots </h2> <img src="https://www.utep.edu/_assets/images-template/play_button.svg" loading="lazy" alt="Play Icon" style="position: absolute; bottom: 0; width: 36px;"> </div> </a> </div> </div> <div class="div-block-2"> <a href="https://www.utep.edu/newsfeed/?utep-home" class="link-block w-inline-block"> <div class="text-block">VIEW ALL NEWS</div> </a> </div> </div> </div> <div class="footer-wrap"> <div class="container w-container"> <div class="footer-pick"> <div class="div-block-8"> <div> <img src="https://www.utep.edu/_assets/images-template/orange_pick.svg" loading="lazy" alt="Orange Pick" class="image-6"> </div> <div class="div-block-7"> <img src="https://www.utep.edu/_assets/images-template/UTEP-Footer.svg" loading="lazy" alt="The University of Texas at El Paso" class="image-2"> </div> </div> <div class="f-sm-d"> <a href="https://www.facebook.com/UTEPMiners" class="footer-sm-link w-inline-block"> <img src="https://www.utep.edu/_assets/images-template/social_icon_fb.svg" loading="lazy" alt="Facebook" class="footer-sm-i"> </a> <a href="https://twitter.com/UTEP" class="footer-sm-link w-inline-block"> <img src="https://www.utep.edu/_assets/images-template/social_icon_twitter.svg" loading="lazy" alt="Twitter" class="footer-sm-i"> </a> <a href="https://www.instagram.com/utep_miners/" class="footer-sm-link w-inline-block"> <img src="https://www.utep.edu/_assets/images-template/social_icon_ig.svg" loading="lazy" alt="Instagram" class="footer-sm-i"> </a> <a href="https://www.linkedin.com/school/the-university-of-texas-at-el-paso/" class="footer-sm-link w-inline-block"> <img src="https://www.utep.edu/_assets/images-template/social_icon_linkedin.svg" loading="lazy" alt="LinkedIn" class="footer-sm-i"> </a> <a href="https://www.youtube.com/user/UTEP" class="footer-sm-link w-inline-block"> <img src="https://www.utep.edu/_assets/images-template/social_icon_youtube.svg" loading="lazy" alt="YouTube" class="footer-sm-i"> </a> <a href="https://www.snapchat.com/add/utep.miners" class="footer-sm-link w-inline-block"> <img src="https://www.utep.edu/_assets/images-template/social_icons_snapchat.svg" loading="lazy" alt="Snapchat" class="footer-sm-i"> </a> </div> </div> <div class="w-layout-grid fg-required-links-grid"> <div class="fg-rlg-col fg-rlg-col-first"> <div class="footer-heading">Quick Links </div> <ul role="list" class="footer-ul w-list-unstyled"> <li class="footer-li"> <a href="http://my.utep.edu/?utep-home" class="footer-link">MY UTEP </a> </li> <li class="footer-li"> <a href="https://www.utep.edu/library/?utep-home" class="footer-link">Library</a> </li> <li class="footer-li"> <a href="https://events.utep.edu/?utep-home" class="footer-link">Events Calendar</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/parking-and-transportation/?utep-home" class="footer-link">Parking and Transportation</a> </li> <li class="footer-li"> <a href="http://www.utepbookstore.com/" class="footer-link">University Bookstore</a> </li> <li class="footer-li"> <a href="https://adminapps.utep.edu/campusdirectory?utep-home" class="footer-link">UTEP Directory</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/newsfeed/?utep-home" class="footer-link">UTEP News</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/map/?utep-home" class="footer-link">Campus Map</a> </li> </ul> </div> <div class="fg-rlg-col"> <div class="footer-heading">Admissions </div> <ul role="list" class="footer-ul w-list-unstyled"> <li class="footer-li"> <a href="https://www.utep.edu/programs/undergraduate/?utep-home-footer" class="footer-link">Undergraduate</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/programs/graduate/?utep-home-footer" class="footer-link">Graduate</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/programs/online/?utep-home-footer" class="footer-link">Online</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/resources/public-course-information.html?utep-home" class="footer-link">Public Course Information</a> </li> </ul> </div> <div class="fg-rlg-col"> <div class="footer-heading">Resources </div> <ul role="list" class="footer-ul w-list-unstyled"> <li class="footer-li"> <a href="https://www.utep.edu/utepcares/cares-act-compliance/?utep-home" class="footer-link">Cares Act Compliance</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/clery/?utep-home" class="footer-link">Clery Crime Statistics</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/emergency/?utep-home" class="footer-link">Emergency Information</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/human-resources/services/employment/?utep-home" class="footer-link">Employment</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/student-affairs/resources/Mental-Health-Resources-for-UTEP-Students.html?utep-home" class="footer-link">Mental Health Resources</a> </li> <li class="footer-li"> <a href="https://veterans.portal.texas.gov/?utep-home" class="footer-link">Texas Veterans Portal</a> </li> </ul> </div> <div class="fg-rlg-col"> <div class="footer-heading">Info Center</div> <ul role="list" class="footer-ul w-list-unstyled"> <li class="footer-li"> <a href="https://sao.fraud.texas.gov/?utep-home" class="footer-link">Report Fraud</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/required-links/?utep-home" class="footer-link">Required Links</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/vpba/state-reports/?utep-home" class="footer-link">State Reports</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/titleix/Filing-a-Complaint.html?utep-home" class="footer-link">Title IX Reporting</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/hoop/section-6/ch-3.html?utep-home" class="footer-link">Title IX Sexual Misconduct Policy</a> </li> <li class="footer-li"> <a href="http://www.utsystem.edu/?utep-home" class="footer-link">UT System</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/eoaa/policies/accessibility-policy.html?utep-home" class="footer-link">Web Accessibility</a> </li> <li class="footer-li"> <a href="https://www.utep.edu/information-resources/iso/policies/web-privacy-policies.html?utep-home" class="footer-link">Web Privacy Policy</a> </li> </ul> </div> </div> <div class="footer-address"> <div class="f-contact-info-d">500 West University Avenue | El Paso, TX 79968 | 915-747-5000 <br> </div> </div> </div> </div> <style type="text/css"> .home-card.hc-1 { background-image: url('https://www.utep.edu/img-content/hc1.jpg?220105'); } .home-card.hc-2 { background-image: url('https://www.utep.edu/img-content/hc2.jpg?220105'); } .home-card.hc-3 { background-image: url('https://www.utep.edu/img-content/hc3.jpg?220105'); } .home-card.hc-3 .home-card-heading-w { top: 130px; right: 50%; } .home-card:before { border-radius: 6px; content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .home-card.hc-1:before { background: linear-gradient(360deg, rgba(0,0,0,.75) 9%, rgba(255,255,255,0) 50%); } .home-card.hc-2:before { background: linear-gradient(360deg, rgba(0,0,0,.8) 9%, rgba(255,255,255,0) 50%); } .home-card.hc-3:before { background: linear-gradient(90deg, rgba(0,0,0,.75) 9%, rgba(255,255,255,0) 80%); } .video-js.vjs-16-9:not(.vjs-audio-only-mode) { padding-top: 56.25%; width: 100% !important; background-size: cover; background-position: 50% 50%; position: absolute; margin: auto; height: 100%; right: -100%; bottom: -100%; top: -100%; left: -100%; object-fit: cover; z-index: -100; } .video-js .vjs-tech { width: auto !important; height: 100% !important; } .vjs-audio-only-mode .vjs-control-bar, .vjs-has-started .vjs-control-bar { display: none !important; } button.vjs-big-play-button { display: none !important; } @media screen and (max-width: 820px){ .alert.alert-warning{ padding: 30px 50px !important; } } </style> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=615b7dfa756869a9cfb252e7" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://www.utep.edu/_assets/js/webflow.js" type="text/javascript"></script> <!-- [if lte IE 9]> <script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script> <![endif] --> <!-- global sidr link and fun --> <script src="https://www.utep.edu/university-communications/_dev/hp21-assets/js/sidr.js"></script> <script> $(function() { $('.sidr-parent').css('display','block'); }); (function(sidr) { "use strict" sidr.new('#simple-menu', { displace: false, side: 'right' }); document.getElementById('overlay').addEventListener('click', function () { sidr.close('sidr'); }, false); document.getElementById('close-menu-button').addEventListener('click', function () { sidr.close('sidr'); }, false); })(window.sidr); </script> <script> $(function () { (function showMinerAlert() { $.ajax({ url: "//www.utep.edu/alerts" }).done( function (data, status, xhr) { var $data = $(data); var alertMessage = $data.find('h3').find('span').html().trim(); if (alertMessage) { $("#alert-message").html(alertMessage); $("#UC-alertMessage").removeClass("hidden"); } }) })(); }); function addHideLabel () { $(this).parent().addClass('hideLabel'); } function removeHideLabel () { let searchValue = $(this).val(); if (searchValue != "") { $(this).parent().addClass('hideLabel'); } else { $(this).parent().removeClass("hideLabel"); } } $('#search-query').focus(addHideLabel); $('#search-query').blur(removeHideLabel); /* Play/Pause Video Button */ const playPauseVideoBtn = document.querySelector(".playPauseVideo"); const heroVideo = document.querySelector(".home-bg-video-section video"); let playStatus = "playing" const pauseVideo = () => { heroVideo.pause(); playPauseVideoBtn.classList.remove('playing'); playStatus = "paused"; } const playVideo = () => { heroVideo.play(); playPauseVideoBtn.classList.add('playing'); playStatus = "playing"; } const playPauseVideoFun = () => { if(playStatus === "playing") { pauseVideo() } else { playVideo() } } playPauseVideoBtn.addEventListener("click", playPauseVideoFun); playPauseVideoBtn.addEventListener("keydown", playPauseVideoFun); var imageNo = Math.floor((Math.random()*4)+1); if(imageNo == 1){ document.getElementById("bannerIMG").src="https://www.utep.edu/cms/_Files/images/video-poster-00004.jpg"; }else if(imageNo == 2){ document.getElementById("bannerIMG").src="https://www.utep.edu/cms/_Files/images/video-poster-00003.jpg"; }else if(imageNo == 3){ document.getElementById("bannerIMG").src="https://www.utep.edu/cms/_Files/images/video-poster-00002.jpg"; }else if(imageNo == 4){ document.getElementById("bannerIMG").src="https://www.utep.edu/videos/video-poster-00001.jpg"; } var playerC = videojs('live_video'); //poster img playerC.on('timeupdate', CheckForVideoPlaying); function CheckForVideoPlaying() { if (playerC.currentTime() > 0.1) { document.getElementById('posterIMG').style.display = 'none'; // HIDE POSTER OVERLAY playerC.off('timeupdate', CheckForVideoPlaying); // REMOVE timeupdate LISTENER } } //random video if(imageNo == 1){ playerC.src({ type: "application/x-mpegURL", src: "/_Files/homepage/video1/pl.m3u8" }); }else if(imageNo == 2){ playerC.src({ type: "application/x-mpegURL", src: "/_Files/homepage/video2/pl.m3u8" }); }else if(imageNo == 3){ playerC.src({ type: "application/x-mpegURL", src: "/_Files/homepage/video3/pl.m3u8" }); }else if(imageNo == 4){ playerC.src({ type: "application/x-mpegURL", src: "/_Files/homepage/video4/pl.m3u8" }); } </script> </body> </html>