Missouri State University Pattern Library

Masthead

There are no notes for this item.

<header id="Masthead">
    <div id="MastheadInner">
        <div class="Logo">
            <div>
                <h1>
                    <a href="">
                <img src="../../images/sgf-logo.svg" alt="Missouri State University" height="153" width="218" />
              </a>
                </h1>
            </div>
        </div>
        <div class="utility">
            <div class="skip-nav">
                <a href="#PageInnerWrapper" class="item hidden">Skip to content</a>
                <a href="#MainNav" class="item hidden">Skip to navigation</a>
            </div>
            <nav aria-label="Top menu">
                <div id="MastheadControls">
                    <div class="BearPass">
                        <button>Log in</button>
                    </div>
                    <div class="SiteIndex">
                        <button class="IndexControl">A-Z</button>
                    </div>
                    <div class="Search">
                        <form itemscope itemprop="potentialAction" itemtype="https://schema.org/SearchAction" action="https://search.missouristate.edu/" method="get">
                            <meta itemprop="target" content="https://search.missouristate.edu/?q={q}" />
                            <label for="Keywords">
                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Enter keyword:" width="1" height="1" />Search
                  </label>
                            <input itemprop="query-input" type="search" name="q" id="Keywords" placeholder="Search" />
                            <input type="image" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="1" height="1" alt="Go" />
                        </form>
                    </div>
                </div>
            </nav>
        </div>
    </div>
</header>
<nav id="SearchContainer" aria-label="Site index menu">
    <div class="BearPassLogin"></div>
    <div class="SiteIndex">
        <a href="truesiteindex/a">a</a>
        <a href="truesiteindex/b">b</a>
        <a href="truesiteindex/c">c</a>
        <a href="truesiteindex/d">d</a>
        <a href="truesiteindex/e">e</a>
        <a href="truesiteindex/f">f</a>
        <a href="truesiteindex/g">g</a>
        <a href="truesiteindex/h">h</a>
        <a href="truesiteindex/i">i</a>
        <a href="truesiteindex/j">j</a>
        <a href="truesiteindex/k">k</a>
        <a href="truesiteindex/l">l</a>
        <a href="truesiteindex/m">m</a>
        <a href="truesiteindex/n">n</a>
        <a href="truesiteindex/o">o</a>
        <a href="truesiteindex/p">p</a>
        <a href="truesiteindex/q">q</a>
        <a href="truesiteindex/r">r</a>
        <a href="truesiteindex/s">s</a>
        <a href="truesiteindex/t">t</a>
        <a href="truesiteindex/u">u</a>
        <a href="truesiteindex/v">v</a>
        <a href="truesiteindex/w">w</a>
        <a href="truesiteindex/x">x</a>
        <a href="truesiteindex/y">y</a>
        <a href="truesiteindex/z">z</a>
    </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">
                <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>
 
<header id="Masthead">
  <div id="MastheadInner">
    <div class="Logo">
      <div>
        {{#if hasUnitMasthead}}
          <a href="{{@root.campus.url}}">
            <img src="{{path image.src}}" alt="{{image.alt}}" height="{{image.height}}" width="{{image.width}}" />
          </a>
        {{else}}
          {{#if homepage}}
            <a href="{{@root.campus.url}}">
              <img src="{{path image.src}}" alt="{{image.alt}}" height="{{image.height}}" width="{{image.width}}" />
            </a>
          {{else}}
            <h1>
              <a href="{{@root.campus.url}}">
                <img src="{{path image.src}}" alt="{{image.alt}}" height="{{image.height}}" width="{{image.width}}" />
              </a>
            </h1>
          {{/if}}
        {{/if}}
      </div>
    </div>
    <div class="utility">
      <div class="skip-nav">
        <a href="#PageInnerWrapper" class="item hidden">Skip to content</a>
        <a href="#MainNav" class="item hidden">Skip to navigation</a>
      </div>
      {{#if utility.display}}
        <nav aria-label="Top menu">
          <div id="MastheadControls">
            {{#if utility.logIn.display}}
              <div class="BearPass">
                <button>Log in</button>
              </div>
            {{/if}}
            {{#if utility.siteIndex.display}}
              <div class="SiteIndex">
                <button class="IndexControl">A-Z</button>
              </div>
            {{/if}}
            {{#if utility.search.display}}
              <div class="Search">
                <form itemscope itemprop="potentialAction" itemtype="https://schema.org/SearchAction" action="{{utility.search.url}}" method="get">
                  <meta itemprop="target" content="https://search.missouristate.edu/?q={q}" />
                  <label for="Keywords">
                    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Enter keyword:" width="1" height="1" />Search
                  </label>
                  {{#if utility.search.filter}}
                    <input name="urlfilter" value="{{utility.search.filter}}" type="hidden" />
                  {{/if}}
                  <input itemprop="query-input" type="search" name="q" id="Keywords" placeholder="Search" />
                  <input type="image" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="1" height="1" alt="Go" />
                </form>
              </div>
            {{/if}}
          </div>
        </nav>
      {{/if}}
    </div>
  </div>
</header>
<nav id="SearchContainer" aria-label="Site index menu">
  {{#if utility.logIn.display}}
    <div class="BearPassLogin"></div>
  {{/if}}
  {{#if utility.siteIndex.display}}
    <div class="SiteIndex">
      <a href="{{utility.search.display}}siteindex/a">a</a>
      <a href="{{utility.search.display}}siteindex/b">b</a>
      <a href="{{utility.search.display}}siteindex/c">c</a>
      <a href="{{utility.search.display}}siteindex/d">d</a>
      <a href="{{utility.search.display}}siteindex/e">e</a>
      <a href="{{utility.search.display}}siteindex/f">f</a>
      <a href="{{utility.search.display}}siteindex/g">g</a>
      <a href="{{utility.search.display}}siteindex/h">h</a>
      <a href="{{utility.search.display}}siteindex/i">i</a>
      <a href="{{utility.search.display}}siteindex/j">j</a>
      <a href="{{utility.search.display}}siteindex/k">k</a>
      <a href="{{utility.search.display}}siteindex/l">l</a>
      <a href="{{utility.search.display}}siteindex/m">m</a>
      <a href="{{utility.search.display}}siteindex/n">n</a>
      <a href="{{utility.search.display}}siteindex/o">o</a>
      <a href="{{utility.search.display}}siteindex/p">p</a>
      <a href="{{utility.search.display}}siteindex/q">q</a>
      <a href="{{utility.search.display}}siteindex/r">r</a>
      <a href="{{utility.search.display}}siteindex/s">s</a>
      <a href="{{utility.search.display}}siteindex/t">t</a>
      <a href="{{utility.search.display}}siteindex/u">u</a>
      <a href="{{utility.search.display}}siteindex/v">v</a>
      <a href="{{utility.search.display}}siteindex/w">w</a>
      <a href="{{utility.search.display}}siteindex/x">x</a>
      <a href="{{utility.search.display}}siteindex/y">y</a>
      <a href="{{utility.search.display}}siteindex/z">z</a>
    </div>
  {{/if}}
</nav>
{{#if alert}}
  {{> @alert alert}}
{{/if}}
{{> @nav-primary primaryNav}}
 
{
  "image": {
    "src": "/images/sgf-logo.svg",
    "alt": "Missouri State University",
    "height": 153,
    "width": 218
  },
  "utility": {
    "display": true,
    "logIn": {
      "display": true
    },
    "siteIndex": {
      "display": true
    },
    "search": {
      "display": true,
      "url": "https://search.missouristate.edu/",
      "filter": null
    }
  },
  "alert": null
}