UMO Page Editor

Page Editor

Live preview wrapped in the real umo.edu nav & footer

Drop-In Block HTML 0 lines

Live Preview real nav + footer · isolated iframe

umo.edu/your-page/

<div id="umo-search-panel" class="umo-panel" role="search" aria-label="Site search" aria-hidden="true">
    <div class="umo-panel-inner" style="padding-top:56px;">
      <form class="umo-search-row" action="https://umo.edu/" method="get">
        <div class="umo-search-wrap">
          <label for="search-input" class="sr-only">Search UMO</label>
          <input id="search-input" type="text" name="s" placeholder="Search UMO..." autocomplete="off"/>
          <button type="submit">Search</button>
        </div>
        <button type="button" class="umo-btn-icon" id="search-close" aria-label="Close search" style="font-size:13px;">
          <span aria-hidden="true">✕</span>
        </button>
      </form>
    </div>
  </div>

<div id="mega-about" class="umo-panel mega-panel" role="region" aria-label="About menu" aria-hidden="true">
    <div class="umo-panel-inner">
      <div class="mega-grid c3">
        <div>
          <div class="mega-label" role="heading" aria-level="3">University</div>
          <a class="mega-a bold" href="https://umo.edu/about/">About UMO</a>
          <a class="mega-a" href="https://umo.edu/values/">Vision, Mission, Values & Covenant</a>
          <a class="mega-a" href="https://umo.edu/timeline/">Timeline</a>
          <a class="mega-a" href="https://umo.edu/welcome/">President's Welcome</a>
          <a class="mega-a" href="https://umo.edu/distinctions/">Rankings & Honors</a>
          <a class="mega-a" href="https://umo.edu/news-and-blog/">News & Blog</a>
        </div>
        <div>
          <div class="mega-label" role="heading" aria-level="3">Governance</div>
          <a class="mega-a" href="https://umo.edu/board-of-trustees/">Board of Trustees</a>
          <a class="mega-a" href="https://umo.edu/accreditation/">Accreditation</a>
          <a class="mega-a" href="https://umo.edu/state-authorizations-and-consumer-disclosures/">State Authorizations & Consumer Disclosures</a>
          <a class="mega-a" href="https://umo.edu/umo-student-complaint-process/">UMO Student Complaint Process</a>
          <a class="mega-a" href="https://my.umo.edu/external/pages/services-higher-education-act-information">Higher Education Act Information</a>
        </div>
        <div>
          <div class="mega-label" role="heading" aria-level="3">Quality Enhancement</div>
          <a class="mega-a" href="https://umo.edu/about/qep/">Quality Enhancement Plan</a>
          <a class="mega-a" href="https://umo.edu/qep-steering-committee/">QEP Steering Committee</a>
        </div>
      </div>
    </div>
  </div>

<div id="mega-admissions" class="umo-panel mega-panel" role="region" aria-label="Admissions menu" aria-hidden="true">
    <div class="umo-panel-inner">
      <div class="mega-grid c4">
        <div>
          <div class="mega-label" role="heading" aria-level="3">Traditional Undergraduate</div>
          <a class="mega-a bold" href="https://umo.edu/traditional-undergraduate/">Traditional Undergraduate</a>
          <a class="mega-a" href="https://apply.umo.edu/apply/">Apply</a>
          <a class="mega-a" href="https://umo.edu/degrees/">Degrees</a>
          <a class="mega-a" href="https://umo.edu/new-traditional-undergraduate-requirements/">New Requirements</a>
          <a class="mega-a" href="https://umo.edu/meet-your-admissions-counselor/">Meet Your Admissions Rep</a>
          <a class="mega-a" href="https://umo.edu/attend-an-open-house/">Open House</a>
          <a class="mega-a" href="http://www.umo.edu/campus-visit">Schedule a Visit</a>
          <button class="mega-toggle" data-sub="sub-campus" aria-expanded="false" aria-controls="sub-campus">
            Campus Experience <span class="mega-toggle-chevron" aria-hidden="true">▼</span>
          </button>
          <div class="mega-sub-group" id="sub-campus" role="group" aria-label="Campus Experience links">
            <a class="mega-a sub" href="https://umo.edu/campus-experience/">Campus Experience Overview</a>
            <a class="mega-a sub" href="https://umo.edu/student-activities/">Student Activities</a>
            <a class="mega-a sub" href="https://umo.edu/residence-life/">Residence Life</a>
            <a class="mega-a sub" href="https://umo.edu/clubs-organizations/">Clubs & Organizations</a>
            <a class="mega-a sub" href="https://umo.edu/intramurals/">Intramurals</a>
            <a class="mega-a sub" href="https://umo.edu/pope-wellness-center/">Pope Wellness Center</a>
            <a class="mega-a sub" href="https://umo.edu/health-services/">Health Services</a>
            <a class="mega-a sub" href="https://umo.edu/counseling-services/">Counseling Services</a>
            <a class="mega-a sub" href="https://umo.edu/campus-safety/">Campus Safety</a>
          </div>
          <button class="mega-toggle" data-sub="sub-finaid" aria-expanded="false" aria-controls="sub-finaid">
            Financial Aid <span class="mega-toggle-chevron" aria-hidden="true">▼</span>
          </button>
          <div class="mega-sub-group" id="sub-finaid" role="group" aria-label="Financial Aid links">
            <a class="mega-a sub" href="https://umo.edu/traditional-undergraduate-financial-aid/">Financial Aid Overview</a>
            <a class="mega-a sub" href="https://umo.edu/how-do-i-apply-for-financial-aid/">How to Apply for Aid</a>
            <a class="mega-a sub" href="https://umo.edu/federal-and-state-grants-loans/">Federal & State Grants & Loans</a>
            <a class="mega-a sub" href="https://umo.edu/academic-scholarships/">Academic Scholarships</a>
            <a class="mega-a sub" href="https://umo.edu/athletic-scholarships/">Athletic Scholarships</a>
            <a class="mega-a sub" href="https://umo.edu/ministerial-and-community-grants/">Ministerial & Community Grants</a>
          </div>
          <button class="mega-toggle" data-sub="sub-tuition" aria-expanded="false" aria-controls="sub-tuition">
            Tuition & Costs <span class="mega-toggle-chevron" aria-hidden="true">▼</span>
          </button>
          <div class="mega-sub-group" id="sub-tuition" role="group" aria-label="Tuition and Costs links">
            <a class="mega-a sub" href="https://umo.edu/monthly-payment-plan/">Monthly Payment Plan</a>
            <a class="mega-a sub" href="https://umo.edu/tuition-fees/">Tuition & Fees</a>
            <a class="mega-a sub" href="https://umo.edu/cost-calculator/">Cost Calculator</a>
          </div>
          <a class="mega-a" href="https://umo.edu/international-students/">International Students</a>
          <a class="mega-a" href="https://umo.edu/high-school-course-credit-requirements/">High School Credit Requirements</a>
          <a class="mega-a" href="https://umo.edu/trojanfirst/">Trojan First Day</a>
          <a class="mega-a" href="https://umo.edu/request-more-information-university-of-mount-olive/">Request Information</a>
        </div>
        <div>
          <div class="mega-label" role="heading" aria-level="3">Online Undergraduate</div>
          <a class="mega-a bold" href="https://umo.edu/online-undergraduate/">Online Undergraduate</a>
          <a class="mega-a" href="https://umo.edu/degrees/#adult-undergraduate">Degrees</a>
          <a class="mega-a" href="https://umo.edu/online-undergraduate-requirements/">Program Requirements</a>
          <a class="mega-a" href="https://apply.umo.edu/apply/">Apply</a>
          <a class="mega-a" href="https://umo.edu/adult-graduate-programs-information-request/">Request Information</a>
          <a class="mega-a" href="https://umo.edu/cost-calculator/">Cost Calculator</a>
          <a class="mega-a" href="https://umo.edu/online-undergraduate-financial-aid/">Financial Aid</a>
          <a class="mega-a" href="https://umo.edu/online-undergraduate-tuition-fees/">Tuition & Fees</a>
        </div>
        <div>
          <div class="mega-label" role="heading" aria-level="3">Graduate</div>
          <a class="mega-a bold" href="https://umo.edu/graduate/">Graduate</a>
          <a class="mega-a" href="https://umo.edu/degrees/#graduate">Degrees</a>
          <a class="mega-a" href="https://umo.edu/graduate-requirements/">Graduate Requirements</a>
          <a class="mega-a" href="https://apply.umo.edu/apply/">Apply</a>
          <a class="mega-a" href="https://umo.edu/adult-graduate-programs-information-request/">Request Information</a>
          <a class="mega-a" href="https://umo.edu/graduate-financial-aid/">Financial Aid</a>
          <a class="mega-a" href="https://umo.edu/graduate-student-tuition-fees/">Tuition & Fees</a>
        </div>
        <div>
          <div class="mega-label" role="heading" aria-level="3">Special Paths</div>
          <a class="mega-a" href="https://umo.edu/transfer/">Transfer</a>
          <a class="mega-a" href="https://umo.edu/military-student/">Military Student</a>
          <a class="mega-a" href="https://umo.edu/re-admit-student/">Re-Admit Student</a>
          <a class="mega-a" href="https://apply.umo.edu/apply/">Apply</a>
          <a class="mega-a" href="https://umo.edu/admissions-information/">Admissions Information</a>
          <a class="mega-a" href="https://umo.edu/financial-aid-and-billing/">Financial Aid & Billing</a>
          <a class="mega-a" href="https://umo.edu/admissions/trojan-alliance-partnership/">Tuition Scholarship Program</a>
        </div>
      </div>
    </div>
  </div>

<div id="mega-academics" class="umo-panel mega-panel" role="region" aria-label="Academics menu" aria-hidden="true">
    <div class="umo-panel-inner">
      <div class="mega-grid c3">
        <div>
          <div class="mega-label" role="heading" aria-level="3">Academics</div>
          <a class="mega-a bold" href="https://umo.edu/academics-umo/">Academics</a>
          <a class="mega-a" href="https://umo.edu/degrees/">Degrees</a>
          <a class="mega-a" href="https://my.umo.edu/external/pages/registrar-catalogs">Academic Catalog</a>
          <a class="mega-a" href="https://my.umo.edu/external/pages/registrar-calendars-and-schedules">Academic Calendar</a>
          <a class="mega-a" href="https://umo.edu/faculty-staff-directory/">Faculty & Staff Directory</a>
          <a class="mega-a" href="https://umo.edu/rotc/">ROTC Crosstown Agreement</a>
        </div>
        <div>
          <div class="mega-label" role="heading" aria-level="3">Schools</div>
          <a class="mega-a bold" href="https://umo.edu/our-schools/">Our Schools</a>
          <button class="mega-toggle" data-sub="sub-ag" aria-expanded="false" aria-controls="sub-ag">
            House of Raeford Farms School of Agriculture & Biological Sciences <span class="mega-toggle-chevron" aria-hidden="true">▼</span>
          </button>
          <div class="mega-sub-group" id="sub-ag" role="group" aria-label="House of Raeford Farms School of Agriculture and Biological Sciences links">
            <a class="mega-a sub" href="https://umo.edu/house-of-raeford-sabs/">School Overview</a>
            <a class="mega-a sub" href="https://umo.edu/about-house-of-raeford-farms/">About House of Raeford Farms</a>
            <a class="mega-a sub" href="https://umo.edu/sab-certifications/">Certifications</a>
            <a class="mega-a sub" href="https://umo.edu/sab-internships/">Internships</a>
            <a class="mega-a sub" href="https://umo.edu/sab-clubs/">Clubs</a>
            <a class="mega-a sub" href="https://umo.edu/lois-g-britt-agribusiness-center/">Lois G. Britt Agribusiness Center</a>
          </div>
          <button class="mega-toggle" data-sub="sub-tsb" aria-expanded="false" aria-controls="sub-tsb">
            Robert L. Tillman School of Business <span class="mega-toggle-chevron" aria-hidden="true">▼</span>
          </button>
          <div class="mega-sub-group" id="sub-tsb" role="group" aria-label="Robert L. Tillman School of Business links">
            <a class="mega-a sub" href="https://umo.edu/tillman-school-of-business/">School Overview</a>
            <a class="mega-a sub" href="https://umo.edu/meet-robert-l-tillman/">Meet Robert L. Tillman</a>
            <a class="mega-a sub" href="https://umo.edu/meet-the-dean/">Meet the Dean</a>
            <a class="mega-a sub" href="https://umo.edu/accreditations-memberships-and-endorsements/">Accreditation & Achievement</a>
            <a class="mega-a sub" href="https://umo.edu/student-organizations/">Student Organizations</a>
            <a class="mega-a sub" href="https://umo.edu/tsb-internships/">TSB Internships</a>
            <a class="mega-a sub" href="https://umo.edu/tsb-certification/">TSB Certification</a>
            <a class="mega-a sub" href="https://umo.edu/tsb-student-practicum/">Student Practicum</a>
            <a class="mega-a sub" href="https://umo.edu/vita/">IRS VITA Program</a>
            <a class="mega-a sub" href="https://umo.edu/bfsc/">Business & Financial Solutions Center</a>
            <a class="mega-a sub" href="https://myumo.moc.edu/academic/ccc/Pages/default.aspx">Articulation Agreements</a>
          </div>
          <a class="mega-a bold" href="https://umo.edu/school-of-arts-and-sciences/">School of Arts & Sciences</a>
          <a class="mega-a bold" href="https://umo.edu/school-of-education/">School of Education</a>
        </div>
        <div>
          <div class="mega-label" role="heading" aria-level="3">Student Support</div>
          <a class="mega-a bold" href="https://umo.edu/library/">Moye Library</a>
          <button class="mega-toggle" data-sub="sub-lc" aria-expanded="false" aria-controls="sub-lc">
            Learning Commons <span class="mega-toggle-chevron" aria-hidden="true">▼</span>
          </button>
          <div class="mega-sub-group" id="sub-lc" role="group" aria-label="Learning Commons links">
            <a class="mega-a sub" href="https://umo.edu/learning-commons/">Learning Commons Overview</a>
            <a class="mega-a sub" href="https://umo.edu/academic-advising/">Academic Advising</a>
            <a class="mega-a sub" href="https://umo.edu/academic-resource-center/">Academic Resource Center</a>
            <a class="mega-a sub" href="https://umo.edu/career-development/">Career Development</a>
            <a class="mega-a sub" href="https://umo.edu/student-accessibility/">Student Accessibility</a>
            <a class="mega-a sub" href="https://umo.edu/writing-center/">Writing Center</a>
            <a class="mega-a sub" href="https://umo.edu/learning-commons-team/">Learning Commons Team</a>
          </div>
        </div>
      </div>
    </div>
  </div>

<div id="mega-alumni" class="umo-panel mega-panel" role="region" aria-label="Alumni menu" aria-hidden="true">
    <div class="umo-panel-inner">
      <div class="mega-grid c2">
        <div>
          <div class="mega-label" role="heading" aria-level="3">Community</div>
          <a class="mega-a bold" href="https://umo.edu/#">Alumni</a>
          <a class="mega-a" href="https://umo.edu/6-17-young-alumni-society/">$6.17 Young Alumni Society</a>
          <a class="mega-a" href="https://umo.edu/alumni-board/">Alumni Board</a>
          <a class="mega-a" href="https://umo.edu/alumni-board-nominations/">Submit Alumni Board Nominations</a>
          <a class="mega-a" href="https://umo.edu/update-your-information/">Update Your Information</a>
          <a class="mega-a" href="https://umo.edu/agfest-sponsorship/">AgFest Sponsorship</a>
          <a class="mega-a" href="https://umo.edu/transcript-request/">Request a Transcript</a>
        </div>
        <div>
          <div class="mega-label" role="heading" aria-level="3">Awards</div>
          <a class="mega-a" href="https://umo.edu/submit-alumni-award-nomination/">Submit Alumni Award Nomination</a>
          <a class="mega-a" href="https://umo.edu/past-alumni-award-winners/">Past Alumni Award Winners</a>
          <a class="mega-a" href="https://umo.edu/alumni-award-descriptions/">Alumni Award Descriptions</a>
        </div>
      </div>
    </div>
  </div>

<div id="umo-mobile-menu" class="umo-mobile-menu" role="dialog" aria-label="Site navigation" aria-modal="true" aria-hidden="true">
    <div class="mob-inner">
      <form class="mob-search" action="https://umo.edu/" method="get" role="search">
        <label for="mob-search-input" class="sr-only">Search UMO</label>
        <input id="mob-search-input" type="text" name="s" placeholder="Search UMO..." autocomplete="off"/>
        <button type="submit">Search</button>
      </form>
      <div id="mob-accordion"></div>
      <div class="mob-ctas">
        <a href="https://umo.edu/give/" target="_blank" rel="noopener" class="mob-cta-give" aria-label="Give to UMO, opens in a new tab" data-umami-event="Give">Give</a>
        <a href="https://my.umo.edu/public/dashboard" class="mob-cta-ghost" aria-label="MyUMO portal">MyUMO</a>
        <a href="https://apply.umo.edu/apply/" class="mob-cta-primary" aria-label="Apply Now to UMO" data-umami-event="Apply">Apply Now</a>
      </div>
    </div>
  </div>

<div class="umo-pill">
    <div class="umo-logo">
      <a href="https://umo.edu/" aria-label="University of Mount Olive — go to homepage">
        <img src="https://umo.edu/wp-content/uploads/UMO_x_wide-3.png" alt="University of Mount Olive"/>
      </a>
    </div>
    <div class="umo-divider" aria-hidden="true"></div>
    <nav class="umo-nav-items" id="umo-nav-items" aria-label="Main navigation"></nav>
    <div class="umo-right">
      <button class="umo-btn-icon" id="btn-search" aria-label="Open site search" aria-expanded="false" aria-controls="umo-search-panel">
        <span class="umo-search-icon" aria-hidden="true"></span>
      </button>
      <button class="umo-btn-give" aria-label="Give to UMO, opens in a new tab" data-umami-event="Give" onclick="window.open('https://umo.edu/give/','_blank')">Give</button>
      <button class="umo-btn-ghost" aria-label="Go to MyUMO portal, opens in a new tab" onclick="window.open('https://my.umo.edu/public/dashboard','_blank')">MyUMO</button>
      <button class="umo-btn-primary" aria-label="Apply to UMO, opens in a new tab" data-umami-event="Apply" onclick="window.open('https://apply.umo.edu/apply/','_blank')">Apply</button>
      <button class="umo-hamburger" id="btn-hamburger" aria-label="Open navigation menu" aria-expanded="false" aria-controls="umo-mobile-menu">
        <span class="hb" aria-hidden="true"></span><span class="hb" aria-hidden="true"></span><span class="hb" aria-hidden="true"></span>
      </button>
    </div>
  </div>

</div>

const navItemsEl = document.getElementById('umo-nav-items');
let closeTimer = null, currentPanel = null, searchOpen = false;

NAV.forEach(item => {
  const el = document.createElement(item.href ? 'a' : 'button');
  el.className = 'umo-nav-item'; el.textContent = item.label;
  if (item.href) {
    el.href = item.href; el.target = '_blank'; el.rel = 'noopener';
    el.setAttribute('aria-label', item.label + ', opens in a new tab');
  } else {
    el.setAttribute('aria-haspopup','true'); el.setAttribute('aria-expanded','false');
    el.setAttribute('aria-controls', item.panel); el.setAttribute('type','button');
    el.addEventListener('mouseenter', () => openMega(item.panel, el));
    el.addEventListener('mouseleave', schedClose);
    el.addEventListener('keydown', e => {
      if (e.key === 'Enter' || e.key === ' ') { e.preventDefault();
        const isOpen = el.getAttribute('aria-expanded') === 'true';
        if (isOpen) { closeAll(); } else { openMega(item.panel, el); } }
      if (e.key === 'Escape') { closeAll(); el.focus(); }
    });
  }
  navItemsEl.appendChild(el);
});

#top-nav,#main-nav,.mobile-menu-wrap{display:none!important}
body{background-color:#fff!important;background-image:none!important}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
html,body{overflow-x:hidden!important;max-width:100vw!important}
body:not(.page-id-164216){padding-top:64px!important}
.admin-bar #umo-nav{top:32px!important}
.admin-bar body:not(.page-id-164216){padding-top:96px!important}
@media screen and (max-width:782px){.admin-bar #umo-nav{top:46px!important}.admin-bar body:not(.page-id-164216){padding-top:110px!important}}
.umo-banner-active #umo-nav{top:40px!important}
.umo-banner-active .umo-panel,.umo-banner-active .umo-mobile-menu{top:104px!important}
body.umo-banner-active:not(.page-id-164216){padding-top:104px!important}
.admin-bar.umo-banner-active #umo-nav{top:72px!important}
#umo-nav{position:fixed;top:0;left:0;right:0;width:100%!important;max-width:100%!important;transform:none;z-index:9999;font-family:'Jost',sans-serif;font-size:16px!important;background:rgba(255,255,255,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1.5px solid rgba(0,95,62,0.15);box-shadow:0 4px 24px rgba(0,0,0,0.08)}
.umo-pill{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;padding:12px 24px;display:flex;align-items:center;gap:4px;max-width:1200px;margin:0 auto;width:100%}
.umo-logo{flex-shrink:0;margin-right:2px;display:flex;align-items:center}
.umo-logo a{display:flex;align-items:center;line-height:0}
.umo-logo img{height:36px;width:auto;display:block}
.umo-divider{display:none!important}
.umo-nav-items{display:flex;align-items:center;gap:1px;flex:1;justify-content:center}
.umo-nav-item{color:#005f3e;font-family:'Jost',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;padding:8px 13px;border-radius:999px;cursor:pointer;transition:background 0.15s;white-space:nowrap;user-select:none;border:1px solid transparent;text-decoration:none;display:block}
.umo-nav-item:hover{background:rgba(0,95,62,0.08);color:#005f3e}
.umo-nav-item.active{background:rgba(0,95,62,0.1);border-color:rgba(0,95,62,0.2)}
.umo-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.umo-btn-icon{width:32px;height:32px;border-radius:999px;border:1.5px solid rgba(0,95,62,0.25);background:transparent;color:#005f3e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s;flex-shrink:0;font-size:14px}
.umo-btn-icon:hover,.umo-btn-icon.active{background:rgba(0,95,62,0.1)}
.umo-search-icon{display:block!important;width:10px!important;height:10px!important;border:1.5px solid #005f3e!important;border-radius:50%!important;position:relative!important;flex-shrink:0!important;background:transparent!important}
.umo-search-icon::after{content:''!important;display:block!important;position:absolute!important;width:1.5px!important;height:5px!important;background:#005f3e!important;bottom:-4px!important;right:-2px!important;transform:rotate(45deg)!important;border-radius:1px!important}
.umo-btn-ghost{font-family:'Jost',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:#005f3e;padding:7px 15px;border-radius:999px;border:1.5px solid rgba(0,95,62,0.3);background:transparent;cursor:pointer;transition:background 0.15s;white-space:nowrap}
.umo-btn-ghost:hover{background:rgba(0,95,62,0.08)}
.umo-btn-primary{font-family:'Jost',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#005f3e;background:#fec057;padding:8px 18px;border-radius:999px;border:none;cursor:pointer;transition:background 0.15s;box-shadow:0 1px 4px rgba(0,0,0,0.12);white-space:nowrap}
.umo-btn-primary:hover{background:#ffd080}
.umo-btn-give{font-family:'Jost',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#fff;background:#005f3e;padding:8px 16px;border-radius:999px;border:none;cursor:pointer;transition:background 0.15s;box-shadow:0 1px 4px rgba(0,0,0,0.15);white-space:nowrap}
.umo-btn-give:hover{background:#004d32}
.umo-hamburger{display:none;width:34px;height:34px;border-radius:999px;border:1.5px solid rgba(0,95,62,0.25);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4.5px;flex-shrink:0;transition:background 0.15s;padding:0}
.umo-hamburger:hover{background:rgba(0,95,62,0.08)}
.hb{width:15px;height:1.5px;background:#005f3e;border-radius:2px;display:block;transition:transform 0.22s ease,opacity 0.15s ease}
.umo-hamburger.open .hb:nth-child(1){transform:translateY(6px) rotate(45deg)}
.umo-hamburger.open .hb:nth-child(2){opacity:0}
.umo-hamburger.open .hb:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.umo-panel{position:fixed;top:64px;left:0;right:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:none;border-bottom:1.5px solid rgba(0,95,62,0.12);border-radius:0;z-index:9998;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity 0.2s ease,transform 0.2s ease;box-shadow:0 12px 40px rgba(0,0,0,0.1)}
.umo-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}
.umo-panel-inner{padding:28px 24px;max-width:1200px;margin:0 auto}
.umo-search-row{display:flex;align-items:center;gap:10px}
.umo-search-wrap{flex:1;display:flex;align-items:center;border:1.5px solid rgba(0,95,62,0.2);border-radius:999px;overflow:hidden;background:rgba(0,95,62,0.03)}
.umo-search-wrap input{flex:1;border:none;background:transparent;font-family:'Jost',sans-serif;font-size:13px;font-weight:500;color:#005f3e;padding:9px 16px;outline:none;letter-spacing:0.03em}
.umo-search-wrap input::placeholder{color:rgba(0,95,62,0.38)}
.umo-search-wrap button{background:#005f3e;color:#fff;border:none;cursor:pointer;padding:0 20px;height:38px;font-family:'Jost',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;transition:background 0.15s;white-space:nowrap}
.umo-search-wrap button:hover{background:#004d32}
.mega-grid{display:grid;gap:24px}
.mega-grid.c2{grid-template-columns:repeat(2,1fr)}
.mega-grid.c3{grid-template-columns:repeat(3,1fr)}
.mega-grid.c4{grid-template-columns:repeat(4,1fr)}
.mega-label{font-family:'Jost',sans-serif;font-size:9px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#b8831e;margin:0 0 8px;padding-bottom:5px;border-bottom:1.5px solid rgba(254,192,87,0.35)}
.mega-a{display:block;font-family:'Jost',sans-serif;font-size:12px;font-weight:400;color:#1e4d33;text-decoration:none;padding:3px 0;line-height:1.5;transition:color 0.1s,padding-left 0.12s}
.mega-a:hover{color:#005f3e;padding-left:5px}
.mega-a.bold{font-weight:600;color:#005f3e;font-size:12.5px}
.mega-a.sub{padding-left:10px;font-size:11.5px;color:#2a5e41;border-left:2px solid rgba(0,95,62,0.12);margin-left:2px}
.mega-a.sub:hover{color:#005f3e;padding-left:14px}
.mega-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:3px 0;cursor:pointer;text-align:left;gap:6px;font-family:'Jost',sans-serif;font-size:12.5px;font-weight:600;color:#005f3e;line-height:1.5;transition:color 0.1s}
.mega-toggle:hover{color:#003d28}
.mega-toggle-chevron{font-size:8px;color:rgba(0,95,62,0.45);transition:transform 0.2s ease;flex-shrink:0}
.mega-toggle.open .mega-toggle-chevron{transform:rotate(180deg)}
.mega-sub-group{display:none;margin-bottom:2px}
.mega-sub-group.open{display:block}
.umo-mobile-menu{position:fixed;top:64px;left:0;right:0;background:rgba(255,255,255,0.98);border:none;border-bottom:1.5px solid rgba(0,95,62,0.12);border-radius:0;z-index:9997;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity 0.22s ease,transform 0.22s ease;box-shadow:0 12px 40px rgba(0,0,0,0.12);max-height:80vh;overflow-y:auto}
.umo-mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}
.mob-inner{padding:16px 18px 20px}
.mob-search{display:flex;align-items:center;border:1.5px solid rgba(0,95,62,0.2);border-radius:999px;overflow:hidden;margin-bottom:14px;background:rgba(0,95,62,0.03)}
.mob-search input{flex:1;border:none;background:transparent;font-family:'Jost',sans-serif;font-size:13px;color:#005f3e;padding:9px 16px;outline:none}
.mob-search input::placeholder{color:rgba(0,95,62,0.38)}
.mob-search button{background:#005f3e;color:#fff;border:none;cursor:pointer;padding:0 16px;height:38px;font-family:'Jost',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase}
.mob-row{border-bottom:1px solid rgba(0,95,62,0.08)}
.mob-row:last-of-type{border-bottom:none}
.mob-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 2px;font-family:'Jost',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#005f3e;background:transparent;border:none;cursor:pointer;text-align:left;text-decoration:none}
.mob-chevron{width:18px;height:18px;border-radius:50%;background:rgba(0,95,62,0.08);display:flex;align-items:center;justify-content:center;font-size:8px;color:#005f3e;flex-shrink:0;transition:transform 0.2s ease}
.mob-trigger.open .mob-chevron{transform:rotate(180deg)}
.mob-sub{display:none;padding:0 2px 12px}
.mob-sub.open{display:block}
.mob-sec{font-size:9px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#b8831e;margin:12px 0 5px}
.mob-a{display:block;font-family:'Jost',sans-serif;font-size:12px;font-weight:400;color:#1e4d33;text-decoration:none;padding:3.5px 0;line-height:1.5}
.mob-a:hover{color:#005f3e}
.mob-a-sub{padding-left:14px;font-size:11.5px;color:#2a5e41;border-left:2px solid rgba(0,95,62,0.12);margin-left:4px}
.mob-ctas{display:flex;gap:8px;padding-top:14px}
.mob-ctas a{flex:1;text-align:center;font-family:'Jost',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;text-decoration:none;border-radius:999px;padding:9px 0;display:block;transition:background 0.15s}
.mob-cta-ghost{color:#005f3e;border:1.5px solid rgba(0,95,62,0.3)}
.mob-cta-ghost:hover{background:rgba(0,95,62,0.06)}
.mob-cta-give{color:#fff;background:#005f3e}
.mob-cta-give:hover{background:#004d32}
.mob-cta-primary{color:#005f3e;background:#fec057}
.mob-cta-primary:hover{background:#ffd080}
@media (max-width:991px){
  .umo-nav-items,.umo-divider,.umo-btn-ghost,.umo-btn-primary,.umo-btn-icon,.umo-btn-give{display:none!important}
  .umo-hamburger{display:flex!important}
  .umo-panel.mega-panel{display:none!important}
  #umo-search-panel{display:none!important}
  .umo-pill{justify-content:space-between;padding:8px 16px!important}
  .umo-right{margin-left:auto}
  .umo-logo img{height:36px!important}
  .umo-hamburger{width:42px!important;height:42px!important}
  .hb{width:18px!important}
}

<footer id="umo-footer">
  <div class="umo-footer-top">
    <div class="umo-footer-logo">
      <img src="https://umo.edu/wp-content/uploads/UMO_x_wide_rev.svg" alt="University of Mount Olive" width="220" height="60" loading="lazy">
    </div>
    <div class="umo-footer-cols">
      <div class="umo-footer-col">
        <span class="umo-col-title-static">Quick Links</span>
        <button class="umo-accordion-toggle" aria-expanded="false" aria-controls="footer-col-1">Quick Links
          <svg class="umo-chevron" viewBox="0 0 24 24" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
        <div class="umo-accordion-panel" id="footer-col-1"><ul>
          <li><a href="https://my.umo.edu/">MyUMO</a></li>
          <li><a href="https://my.umo.edu/external/pages/1098-t">Tax Forms</a></li>
          <li><a href="https://www.umo.edu/transcript-order/">Transcript Order</a></li>
          <li><a href="https://www.umo.edu/contact-us/">Contact Us</a></li>
          <li><a href="https://www.umo.edu/give/">Give</a></li>
        </ul></div>
      </div>
      <div class="umo-footer-col">
        <span class="umo-col-title-static">Resources</span>
        <button class="umo-accordion-toggle" aria-expanded="false" aria-controls="footer-col-2">Resources
          <svg class="umo-chevron" viewBox="0 0 24 24" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
        <div class="umo-accordion-panel" id="footer-col-2"><ul>
          <li><a href="https://www.umo.edu/employment/">Employment</a></li>
          <li><a href="https://umo.edu/faculty-staff-directory/">Faculty & Staff Directory</a></li>
          <li><a href="https://umo.bncollege.com/">Bookstore</a></li>
          <li><a href="https://events.dudesolutions.com/umo/">Event Calendar</a></li>
          <li><a href="https://images.umo.edu/">Photo Gallery</a></li>
          <li><a href="https://support.umo.edu/">Support Ticket</a></li>
        </ul></div>
      </div>
      <div class="umo-footer-col">
        <span class="umo-col-title-static">Policies</span>
        <button class="umo-accordion-toggle" aria-expanded="false" aria-controls="footer-col-3">Policies
          <svg class="umo-chevron" viewBox="0 0 24 24" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
        <div class="umo-accordion-panel" id="footer-col-3"><ul>
          <li><a href="https://www.umo.edu/privacy-policy/">Privacy Policy</a></li>
          <li><a href="https://www.umo.edu/terms-and-conditions/">Terms & Conditions</a></li>
          <li><a href="https://www.umo.edu/public-relations/">Public Relations</a></li>
          <li><a href="https://umo.edu/wp-content/uploads/Title-IX-and-Sexual-Misconduct-Policy.pdf" target="_blank" rel="noopener">Title IX Policy</a></li>
        </ul></div>
      </div>
      <div class="umo-footer-col">
        <span class="umo-col-title-static">Contact</span>
        <button class="umo-accordion-toggle" aria-expanded="false" aria-controls="footer-col-4">Contact
          <svg class="umo-chevron" viewBox="0 0 24 24" aria-hidden="true"><polyline points="6 9 12 15 18 9"></polyline></svg></button>
        <div class="umo-accordion-panel" id="footer-col-4"><address>
          634 Henderson St.<br>Mount Olive, NC 28365<br>
          <a href="tel:18006530854">1-800-653-0854</a><br>
          <a href="mailto:admissions@umo.edu">admissions@umo.edu</a>
        </address></div>
      </div>
    </div>
  </div>
  <hr class="umo-footer-divider">
  <div class="umo-footer-bottom">
    <p class="umo-footer-copy">© 2026 University of Mount Olive</p>
    <div class="umo-footer-social">
      <a href="https://www.facebook.com/universityofmountolive/" aria-label="Facebook" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a>
      <a href="https://www.instagram.com/officialumo" aria-label="Instagram" target="_blank" rel="noopener">
        <svg class="icon-stroke" viewBox="0 0 24 24" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><circle cx="12" cy="12" r="4"></circle><circle cx="17.5" cy="6.5" r="1" style="fill:currentColor;stroke:none"></circle></svg></a>
      <a href="https://www.linkedin.com/school/universityofmountolive/" aria-label="LinkedIn" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a>
      <a href="https://vimeo.com/trojans" aria-label="Vimeo" target="_blank" rel="noopener">
        <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 7.42c-.09 2-1.5 4.75-4.2 8.23C15 19.27 12.67 21 10.68 21c-1.19 0-2.2-1.1-3.02-3.3L6.2 12.9C5.6 10.7 4.96 9.6 4.27 9.6c-.15 0-.68.32-1.57.95L1.5 9.2c.99-.87 1.96-1.74 2.92-2.61C5.7 5.5 6.8 4.82 7.56 4.75c1.77-.17 2.86 1.04 3.27 3.63.44 2.79.75 4.52.92 5.2.51 2.32 1.07 3.48 1.68 3.48.47 0 1.19-.75 2.14-2.24.95-1.5 1.46-2.64 1.52-3.42.14-1.3-.37-1.95-1.52-1.95-.54 0-1.1.12-1.67.37.98-3.2 2.85-4.76 5.6-4.68.05 0 .97.06 1.5.28z"></path></svg></a>
    </div>
  </div>
</footer>
<script>
(function() {
  var toggles = document.querySelectorAll('#umo-footer .umo-accordion-toggle');
  toggles.forEach(function(btn) {
    btn.addEventListener('click', function() {
      var expanded = this.getAttribute('aria-expanded') === 'true';
      var panel = document.getElementById(this.getAttribute('aria-controls'));
      this.setAttribute('aria-expanded', String(!expanded));
      panel.classList.toggle('is-open', !expanded);
    });
  });
})();
</script>