Missouri State University Pattern Library

Masthead: West Plains

There are no notes for this item.

<header id="Masthead">
    <div id="MastheadInner">
        <div class="Logo">
            <div>
                <h1>
                    <a href="">
                <img src="../../images/wp-logo.svg" alt="Missouri State University — West Plains" height="103" width="167" />
              </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.wp.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://wp.missouristate.edu/about/" target="_top">About MSU-WP</a></li>
                <li><a href="https://wp.missouristate.edu/futurestudents/" target="_top">Future Students</a></li>
                <li><a href="https://wp.missouristate.edu/currentstudents/" target="_top">Current Students</a></li>
                <li><a href="https://wp.missouristate.edu/facultystaff/" target="_top">Faculty and Staff</a></li>
                <li><a href="https://wp.missouristate.edu/development/" target="_top">Alumni and Friends</a></li>
                <li><a href="https://www.msuwpgrizzlies.com/" target="_top">Athletics</a></li>
                <li><a href="https://wp.missouristate.edu/admissions/campusvisit.htm" target="_top">Campus Visit</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-WP Links"></h2>
                    <ul>
                        <li><a href="https://wp.missouristate.edu/About/mission.htm">Mission and Goals</a></li>
                        <li><a href="https://wp.missouristate.edu/admissions/admissionsguide.htm">Admissions Guide</a></li>
                        <li><a href="https://wp.missouristate.edu/about/administration.htm">Campus Administration</a></li>
                        <li><a href="https://news.wp.missouristate.edu/">News and Events</a></li>
                        <li><a href="https://wp.missouristate.edu/costs/">Tuition, Costs and Fees</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://wp.missouristate.edu/admissions/applynow.htm">Apply Now</a></li>
                        <li><a href="https://wp.missouristate.edu/admissions/">Admissions</a></li>
                        <li><a href="https://wp.missouristate.edu/housing/">Housing</a></li>
                        <li><a href="https://wp.missouristate.edu/admissions/campusvisit.htm">Schedule a Visit</a></li>
                        <li><a href="https://wp.missouristate.edu/academics/programs.htm">Degrees and Certificates</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://wp.MissouriState.edu/Academics/">Academics</a></li>
                        <li><a href="https://wp.missouristate.edu/studentlife/">Student Life</a></li>
                        <li><a href="https://wp.missouristate.edu/recreg/">Registration</a></li>
                        <li><a href="https://wp.missouristate.edu/finaid/">Financial Aid</a></li>
                        <li><a href="https://wp.missouristate.edu/it/chatcentral.htm">Chat Central</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://www.missouristate.edu/human/">Human Resources</a></li>
                        <li><a href="https://my.missouristate.edu/">My Missouri State</a></li>
                        <li><a href="https://grizapps.missouristate.edu/apps/phones/phones">Directory</a></li>
                        <li><a href="https://wp.missouristate.edu/employmentopportunities/">Employment Opportunities</a></li>
                    </ul>
                </div>
                <div class="NavLinks">
                    <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="Alumni and Friends 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">Alumni Relations</a></li>
                        <li><a href="https://blogs.missouristate.edu/bearbulletin/">Giving Opportunities</a></li>
                        <li><a href="https://www.MissouriState.edu/registrar/Students/TranscriptRequests.htm">Ways to Give</a></li>
                        <li><a href="https://www.missouristatefoundation.org/waysofgiving.asp">Grant Development</a></li>
                        <li><a href="https://www.missouristatefoundation.org/waysofgiving.asp">Annual Fund</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://www.msuwpgrizzlies.com/sports/mbkb/index">Grizzly Basketball</a></li>
                        <li><a href="https://www.msuwpgrizzlies.com/sports/cheer/index">Grizzly Cheer Team</a></li>
                        <li><a href="https://www.msuwpgrizzlies.com/sports/wvball/index">Grizzly Volleyball</a></li>
                        <li><a href="https://wp.missouristate.edu/development/grizzly-booster-club.htm">Grizzly Booster Club</a></li>
                    </ul>
                </div>
                <div class="NavLinks">
                    <h2><img src="https://missouristate.info/images/transparent.png" width="1" height="1" alt="Campus Visit Links"></h2>
                    <ul>
                        <li><a href="https://wp.missouristate.edu/admissions/campus-visit.htm">Schedule Visit</a></li>
                        <li><a href="https://wp.missouristate.edu/about/Maps.htm">Campus Map</a></li>
                        <li><a href="https://wp.missouristate.edu/about/Maps.htm#Directions">Directions to Campus</a></li>
                        <li><a href="https://wp.missouristate.edu/visitors/">Visitor’s Guide</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/wp-logo.svg",
    "alt": "Missouri State University — West Plains",
    "height": 103,
    "width": 167
  },
  "utility": {
    "display": true,
    "logIn": {
      "display": true
    },
    "siteIndex": {
      "display": true
    },
    "search": {
      "display": true,
      "url": "https://search.wp.missouristate.edu/",
      "filter": null
    }
  },
  "alert": null,
  "primaryNav": {
    "menu": [
      {
        "label": "About MSU-WP",
        "url": "https://wp.missouristate.edu/about/",
        "submenu": [
          {
            "label": "Mission and Goals",
            "url": "https://wp.missouristate.edu/About/mission.htm"
          },
          {
            "label": "Admissions Guide",
            "url": "https://wp.missouristate.edu/admissions/admissionsguide.htm"
          },
          {
            "label": "Campus Administration",
            "url": "https://wp.missouristate.edu/about/administration.htm"
          },
          {
            "label": "News and Events",
            "url": "https://news.wp.missouristate.edu/"
          },
          {
            "label": "Tuition, Costs and Fees",
            "url": "https://wp.missouristate.edu/costs/"
          }
        ]
      },
      {
        "label": "Future Students",
        "url": "https://wp.missouristate.edu/futurestudents/",
        "submenu": [
          {
            "label": "Apply Now",
            "url": "https://wp.missouristate.edu/admissions/applynow.htm"
          },
          {
            "label": "Admissions",
            "url": "https://wp.missouristate.edu/admissions/"
          },
          {
            "label": "Housing",
            "url": "https://wp.missouristate.edu/housing/"
          },
          {
            "label": "Schedule a Visit",
            "url": "https://wp.missouristate.edu/admissions/campusvisit.htm"
          },
          {
            "label": "Degrees and Certificates",
            "url": "https://wp.missouristate.edu/academics/programs.htm"
          }
        ]
      },
      {
        "label": "Current Students",
        "url": "https://wp.missouristate.edu/currentstudents/",
        "submenu": [
          {
            "label": "Academics",
            "url": "https://wp.MissouriState.edu/Academics/"
          },
          {
            "label": "Student Life",
            "url": "https://wp.missouristate.edu/studentlife/"
          },
          {
            "label": "Registration",
            "url": "https://wp.missouristate.edu/recreg/"
          },
          {
            "label": "Financial Aid",
            "url": "https://wp.missouristate.edu/finaid/"
          },
          {
            "label": "Chat Central",
            "url": "https://wp.missouristate.edu/it/chatcentral.htm"
          }
        ]
      },
      {
        "label": "Faculty and Staff",
        "url": "https://wp.missouristate.edu/facultystaff/",
        "submenu": [
          {
            "label": "Human Resources",
            "url": "https://www.missouristate.edu/human/"
          },
          {
            "label": "My Missouri State",
            "url": "https://my.missouristate.edu/"
          },
          {
            "label": "Directory",
            "url": "https://grizapps.missouristate.edu/apps/phones/phones"
          },
          {
            "label": "Employment Opportunities",
            "url": "https://wp.missouristate.edu/employmentopportunities/"
          }
        ]
      },
      {
        "label": "Alumni and Friends",
        "url": "https://wp.missouristate.edu/development/",
        "submenu": [
          {
            "label": "Alumni Relations",
            "url": "https://maroonation.missouristate.edu/s/1691/start.aspx?sid=1691&amp;gid=2&amp;pgid=13&amp;cid=664"
          },
          {
            "label": "Giving Opportunities",
            "url": "https://blogs.missouristate.edu/bearbulletin/"
          },
          {
            "label": "Ways to Give",
            "url": "https://www.MissouriState.edu/registrar/Students/TranscriptRequests.htm"
          },
          {
            "label": "Grant Development",
            "url": "https://www.missouristatefoundation.org/waysofgiving.asp"
          },
          {
            "label": "Annual Fund",
            "url": "https://www.missouristatefoundation.org/waysofgiving.asp"
          }
        ]
      },
      {
        "label": "Athletics",
        "url": "https://www.msuwpgrizzlies.com/",
        "submenu": [
          {
            "label": "Grizzly Basketball",
            "url": "https://www.msuwpgrizzlies.com/sports/mbkb/index"
          },
          {
            "label": "Grizzly Cheer Team",
            "url": "https://www.msuwpgrizzlies.com/sports/cheer/index"
          },
          {
            "label": "Grizzly Volleyball",
            "url": "https://www.msuwpgrizzlies.com/sports/wvball/index"
          },
          {
            "label": "Grizzly Booster Club",
            "url": "https://wp.missouristate.edu/development/grizzly-booster-club.htm"
          }
        ]
      },
      {
        "label": "Campus Visit",
        "url": "https://wp.missouristate.edu/admissions/campusvisit.htm",
        "submenu": [
          {
            "label": "Schedule Visit",
            "url": "https://wp.missouristate.edu/admissions/campus-visit.htm"
          },
          {
            "label": "Campus Map",
            "url": "https://wp.missouristate.edu/about/Maps.htm"
          },
          {
            "label": "Directions to Campus",
            "url": "https://wp.missouristate.edu/about/Maps.htm#Directions"
          },
          {
            "label": "Visitor’s Guide",
            "url": "https://wp.missouristate.edu/visitors/"
          }
        ]
      }
    ]
  }
}