Missouri State University Pattern Library

Primary navigation

There are no notes for this item.

<nav class="MainNav" id="MainNav" aria-label="Main Menu">
    <div class="NavWrapper grid_inner"><a href="#PageInnerWrapper" class="SkipNav"><img src="https://missouristate.info/images/transparent.png" alt="Skip page navigation" width="1" height="1"></a>
        <div class="GlobalNav">
            <h2>Missouri State University</h2>
            <ul id="MainMenu" class="MainMenu">
                <li><a href="https://www.missouristate.edu/about/" target="_top">About MSU</a></li>
                <li><a href="https://www.missouristate.edu/futurestudents/" target="_top">Future Students</a></li>
                <li><a href="https://www.missouristate.edu/currentstudents/" target="_top">Current Students</a></li>
                <li><a href="https://www.missouristate.edu/facultystaff/" target="_top">Faculty and Staff</a></li>
                <li><a href="https://alumni.missouristate.edu/" target="_top">Alumni</a></li>
                <li><a href="https://www.missouristate.edu/bearsfamilies/" target="_top">Parents and Family</a></li>
                <li><a href="https://missouristatebears.com/" target="_top">Athletics</a></li>
            </ul>
        </div>
    </div>
    <div class="SubNavWrapper">
        <div class="grid_container NavWrapper">
            <div id="SubMenu">
                <div class="NavLinks">
                    <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="About MSU Links"></h2>
                    <ul>
                        <li><a href="https://publicaffairs.missouristate.edu/">Public Affairs Mission</a></li>
                        <li><a href="https://diversity.missouristate.edu/">Diversity</a></li>
                        <li><a href="https://news.missouristate.edu/">News</a></li>
                        <li><a href="https://www.missouristate.edu/research/">Research</a></li>
                        <li><a href="https://www.missouristate.edu/costs/">Tuition and Fees</a></li>
                        <li><a href="https://www.missouristate.edu/visitors/">Visitor’s Guide</a></li>
                    </ul>
                </div>
                <div class="NavLinks">
                    <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="Future Students Links"></h2>
                    <ul>
                        <li><a href="https://www.missouristate.edu/futurestudents/applynow.htm">Apply Now</a></li>
                        <li><a href="https://www.missouristate.edu/admissions/">Freshman</a></li>
                        <li><a href="https://www.missouristate.edu/transfer/">Transfer</a></li>
                        <li><a href="https://graduate.missouristate.edu/">Graduate</a></li>
                        <li><a href="https://international.missouristate.edu/services/">International</a></li>
                        <li><a href="https://outreach.missouristate.edu/">Outreach Programs</a></li>
                    </ul>
                </div>
                <div class="NavLinks">
                    <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="Current Students Links"></h2>
                    <ul>
                        <li><a href="https://www.MissouriState.edu/Majors/">Academics</a></li>
                        <li><a href="https://www.missouristate.edu/studentengagement/">Student Life</a></li>
                        <li><a href="https://www.missouristate.edu/services/">Guide to Services</a></li>
                        <li><a href="https://www.missouristate.edu/registrar/Students/registration.htm">Registration</a></li>
                        <li><a href="https://www.missouristate.edu/financialaid/">Financial Aid</a></li>
                    </ul>
                </div>
                <div class="NavLinks">
                    <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="Faculty and Staff Links"></h2>
                    <ul>
                        <li><a href="https://search.missouristate.edu/people">Directory</a></li>
                        <li><a href="https://www.missouristate.edu/human/">Human Resources</a></li>
                        <li><a href="https://www.missouristate.edu/provost/">Office of the Provost</a></li>
                        <li><a href="https://www.missouristate.edu/human/professional-development.aspx">Professional Development</a></li>
                        <li><a href="https://jobs.missouristate.edu/">Employment Opportunities</a></li>
                    </ul>
                </div>
                <div class="NavLinks">
                    <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="Alumni Links"></h2>
                    <ul>
                        <li><a href="https://maroonation.missouristate.edu/s/1691/start.aspx?sid&#x3D;1691&amp;amp;gid&#x3D;2&amp;amp;pgid&#x3D;13&amp;amp;cid&#x3D;664">MarooNation Events</a></li>
                        <li><a href="https://blogs.missouristate.edu/bearbulletin/">Bear Bulletin</a></li>
                        <li><a href="https://www.MissouriState.edu/registrar/Students/TranscriptRequests.htm">Transcript Request</a></li>
                        <li><a href="https://www.missouristatefoundation.org/waysofgiving.asp">Make a Gift</a></li>
                    </ul>
                </div>
                <div class="NavLinks">
                    <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="Parents and Family Links"></h2>
                    <ul>
                        <li><a href="https://www.missouristate.edu/bearsfamilies/familyweekend.htm">Family Weekend</a></li>
                        <li><a href="https://calendar.missouristate.edu/home/academic">Important Dates</a></li>
                        <li><a href="https://www.missouristate.edu/bursar/LoginSetupInstructions.htm">Make a Payment</a></li>
                    </ul>
                </div>
                <div class="NavLinks">
                    <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="Athletics Links"></h2>
                    <ul>
                        <li><a href="https://missouristatebears.com/sports/2016/7/21/tickets.aspx">Tickets</a></li>
                        <li><a href="https://missouristatebears.com/calendar">Schedules</a></li>
                        <li><a href="https://missouristatebears.com/sports/2016/7/21/facilities-mosu-facilities-html.aspx">Facilities</a></li>
                        <li><a href="https://missouristatebears.com/sports/2016/8/14/social-media-directory.aspx">Social Media</a></li>
                        <li><a href="https://www.missouristatefoundation.org/the-bears-fund.aspx">Bears Fund</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>
 
<nav class="MainNav" id="MainNav" aria-label="Main Menu">
  <div class="NavWrapper grid_inner"><a href="#PageInnerWrapper" class="SkipNav"><img src="https://missouristate.info/images/transparent.png" alt="Skip page navigation" width="1" height="1"></a>
    <div class="GlobalNav">
      <h2>Missouri State University</h2>
      <ul id="MainMenu" class="MainMenu">
        {{#each menu}}
          <li><a href="{{url}}" target="_top">{{label}}</a></li>
        {{/each}}
      </ul>
    </div>
  </div>
  <div class="SubNavWrapper">
    <div class="grid_container NavWrapper">
      <div id="SubMenu">
        {{#each menu}}
          <div class="NavLinks">
            <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="{{label}} Links"></h2>
            <ul>
              {{#each submenu}}
                <li><a href="{{url}}">{{label}}</a></li>
              {{/each}}
            </ul>
          </div>
        {{/each}}
      </div>
    </div>
  </div>
</nav>
 
/* No context defined for this component. */