Header
This pattern contains:
atoms-logo
HTML
<header class="siteHead" role="banner">
<a class="skip-main" href="#main">Skip to Content</a>
<div class="headerWrap">
<div class="headerTop group">
<h1 class="vh">Seton Hill University</h1>
<a href="/" class="logo"><div class="icon-seton-hill-university"></div></a>
<a href="#" class="mobiOpen mobiClosed" id="mobiOpen">
<span>Menu</span>
<div class="icon-openMobi"></div>
<div class="icon-x"></div>
</a>
</div><!-- headerTop -->
<div class="navWrap" id="navWrap">
<nav class="navMain">
<ul>
<li><a href="#"><span>Academics</span></a></li>
<li><a href="#"><span>Campus Life</span></a></li>
<li><a href="#"><span>Admissions</span></a></li>
</ul>
</nav>
<a href="#" class="mobiMore mobiClosed" id="mobiMore">More</a>
<nav class="navTert" id="navTert">
<ul>
<li><a href="#"><span>Who We Are</span></a></li>
<li><a href="#"><span>Offices</span></a></li>
<li><a href="#"><span>Employment</span></a></li>
<li><a href="#"><span>Griffin’s Lair</span></a></li>
<li><a href="#"><span>Alumni</span></a></li>
</ul>
</nav>
<div class="icon-searchToggle" id="searchToggle" tabindex="0"></div>
<div class="searchWrap" id="searchWrap">
<form action="/" method="post" class="searchForm">
<fieldset class="group">
<label class="vh" for="searchbox">Search</label>
<input type="text" placeholder="Search SetonHill.edu" id="searchbox">
<button class="submit"><span class="icon-search"></span><span class="vh">Submit</span></button>
</fieldset>
</form>
</div>
</div><!-- navWrap -->
</div><!-- headerWrap -->
<p class="shuTag"><a href="#" title="Link to WHO WE ARE Page">A Leading Catholic, Liberal Arts University</a></p>
</header>
Footer
HTML
<footer class="siteFoot group">
<div class="footInfoBlock">
<div class="footInfoIntro">
<p>What’s it really like to be at Seton Hill University?</p>
<p>Visit us to find out.</p>
<span class="icon-arrow-down"></span>
</div>
<div class="sessionList">
<h6>Upcoming Information Sessions</h6>
<dl>
<dt><a href="#">Physician Assistant Information Session: MS</a></dt>
<dd>July 16, 2015—4:00 PM</dd>
<dt><a href="#">Physician Assistant Information Session: MS</a></dt>
<dd>August 27, 2015—4:00 PM</dd>
</dl>
</div>
</div><!-- footInfoBlock -->
<div class="footContain">
<div class="footAddress" itemscope itemtype="http://schema.org/Organization">
<a href="/" class="shuLink"><span itemprop="name" class="icon-seton-hill-university nt">Seton Hill University</span></a>
<div class="addressNudge">
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">One Seton Hill Drive</span><br>
<span itemprop="addressLocality">Greensburg</span>, <abbr itemprop="addressRegion" title="Pennsylvania">PA</abbr> <span itemprop="postalCode">15601</span>
</div>
<span itemprop="telephone">(800) 826-6234</span>
</div>
</div><!-- footAddress -->
<hr>
<div class="footerNav">
<ul>
<li><a href="#">Who We Are</a></li>
<li><a href="#">Offices</a></li>
<li><a href="#">Employment</a></li>
<li><a href="#">Griffin’s Lair</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="footerSubNav">
<ul>
<li><a href="#">Apply Now</a></li>
<li><a href="#">Donate</a></li>
<li><a href="#">Consumer Information</a></li>
</ul>
</div>
<div class="footerSocial">
<ul class="group">
<li><a href="https://twitter.com/setonhill"><span class="vh">Seton Hill University on Twitter</span><span class="icon-twitter-icon"></span></a></li>
<li><a href="https://www.facebook.com/SetonHill"><span class="vh">Seton Hill University on Facebook</span><span class="icon-facebook-icon"></span></a></li>
<li><a href="http://instagram.com/setonhilluniversity"><span class="vh">Seton Hill University on Instagram</span><span class="icon-instagram-icon"></span></a></li>
<li><a href="http://www.youtube.com/user/SetonHillUniversity"><span class="vh">Seton Hill University on YouTube</span><span class="icon-youtube-icon"></span></a></li>
</ul>
</div>
</div><!-- footContain -->
<div class="griffin">
<a href="http://athletics.setonhill.edu/" class="griffinPop">
<img src="/images/png/griffin.png" alt="Seton Hill Athletics" />
<div class="griffinTxt">
<p>Looking for the Griffins?</p>
<p>Visit the <span>Seton Hill Athletics site</span></p>
</div>
</a>
</div>
</footer>
Header Alumni
Alumni
This pattern contains:
atoms-logo
HTML
<header class="siteHead alumniHead" role="banner">
<a class="skip-main" href="#main">Skip to Content</a>
<div class="headerWrap">
<div class="headerTop group">
<h1 class="vh">Seton Hill University Alumni</h1>
<a href="/" class="logo"><div class="icon-seton-hill-university"></div></a>
<a href="#" class="mobiOpen mobiClosed" id="mobiOpen">
<span>Menu</span>
<div class="icon-openMobi"></div>
<div class="icon-x"></div>
</a>
</div><!-- headerTop -->
<div class="navWrap" id="navWrap">
<nav class="navMain">
<ul>
<li><a href="#"><span>News</span></a></li>
<li><a href="#"><span>Events & Reunions</span></a></li>
<li><a href="#"><span>Make a Gift</span></a></li>
<li><a href="#"><span>Reconnect</span></a></li>
</ul>
</nav>
<a href="#" class="mobiMore mobiClosed" id="mobiMore">More</a>
<nav class="navTert" id="navTert">
<ul>
<li><a href="#"><span>Class News</span></a></li>
<li><a href="#"><span>Awards</span></a></li>
<li><a href="#"><span>Career Connections</span></a></li>
<li><a href="#"><span>Benefits & Services</span></a></li>
</ul>
</nav>
<div class="icon-searchToggle" id="searchToggle" tabindex="0"></div>
<div class="searchWrap" id="searchWrap">
<form action="/" method="post" class="searchForm">
<fieldset class="group">
<label class="vh" for="searchbox">Search</label>
<input type="text" placeholder="Search SetonHill.edu" id="searchbox">
<button class="submit"><span class="icon-search"></span><span class="vh">Submit</span></button>
</fieldset>
</form>
</div>
</div><!-- navWrap -->
</div><!-- headerWrap -->
<p class="shuTag">Alumni</p>
</header>
Footer Alumni
HTML
<footer class="siteFoot group alumni">
<div class="footInfoBlock" style="background-image: url(/images/jpg/bg-footer-page-nofade-alum.jpg)">
<div class="footInfoIntro">
<p>Don’t miss these annual alumni favorites!</p>
<span class="icon-arrow-down"></span>
</div>
<div class="sessionList">
<!-- <h6>Upcoming Information Sessions</h6> -->
<dl>
<dt><a href="#">Christmas on the Hill</a></dt>
<dd>December 10, 2016—5:00 PM</dd>
</dl>
</div>
</div><!-- footInfoBlock -->
<div class="footContain">
<div class="footAddress" itemscope itemtype="http://schema.org/Organization">
<a href="/" class="shuLink"><span itemprop="name" class="icon-seton-hill-university nt">Seton Hill University</span></a>
<div class="addressNudge">
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">Alumni Relations Office<br/>
One Seton Hill Drive</span><br>
<span itemprop="addressLocality">Greensburg</span>, <abbr itemprop="addressRegion" title="Pennsylvania">PA</abbr> <span itemprop="postalCode">15601</span>
</div>
<p><a href="mailto:alumnirelations@setonhill.edu" itemprop="email">alumnirelations@setonhill.edu</a></p>
<span itemprop="telephone">(724) 830-1005</span>
</div>
</div><!-- footAddress -->
<hr>
<div class="footerNav">
<ul>
<li><a href="#">Who We Are</a></li>
<li><a href="#">Offices</a></li>
<li><a href="#">Employment</a></li>
<li><a href="#">Contact Seton Hill</a></li>
</ul>
</div>
<div class="footerSubNav">
<ul>
<li><a href="#">Share Your News</a></li>
<li><a href="#">Make a Gift</a></li>
<li><a href="#">Update Your Contact Info</a></li>
<li><a href="#">Alumni Benefits & Services</a></li>
<li><a href="#">Contact Alumni Office</a></li>
</ul>
</div>
<div class="footerSocial">
<ul class="group">
<li><a href="https://twitter.com/setonhill"><span class="vh">Seton Hill University on Twitter</span><span class="icon-twitter-icon"></span></a></li>
<li><a href="https://www.facebook.com/SetonHill"><span class="vh">Seton Hill University on Facebook</span><span class="icon-facebook-icon"></span></a></li>
<li><a href="http://instagram.com/setonhilluniversity"><span class="vh">Seton Hill University on Instagram</span><span class="icon-instagram-icon"></span></a></li>
<li><a href="http://www.youtube.com/user/SetonHillUniversity"><span class="vh">Seton Hill University on YouTube</span><span class="icon-youtube-icon"></span></a></li>
</ul>
</div>
</div><!-- footContain -->
<div class="griffin alumni">
<a href="#" class="griffinPop">
<img src="/images/jpg/seal.jpg" alt="Alumni E-mail Newsletter" />
<div class="griffinTxt">
<p>Want to stay up-to-date? </p>
<p>Subscribe to the <span>Alumni E-mail Newsletter</span></p>
</div>
</a>
</div>
</footer>
Footer Alumni Static
HTML
<footer class="siteFoot staticFoot group alumni">
<div class="footInfoBlock" style="background-image: url(/images/jpg/bg-footer-page-fade-alum.jpg)">
<!--
<div class="footInfoIntro">
<p>Don’t miss these annual alumni favorites!</p>
<span class="icon-arrow-down"></span>
</div>
<div class="sessionList">
<dl>
<dt><a href="#">Christmas on the Hill</a></dt>
<dd>December 10, 2016—5:00 PM</dd>
</dl>
</div>
-->
</div><!-- footInfoBlock -->
<div class="footContain">
<div class="footAddress" itemscope itemtype="http://schema.org/Organization">
<a href="/" class="shuLink"><span itemprop="name" class="icon-seton-hill-university nt">Seton Hill University</span></a>
<div class="addressNudge">
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">Alumni Relations Office<br/>
One Seton Hill Drive</span><br>
<span itemprop="addressLocality">Greensburg</span>, <abbr itemprop="addressRegion" title="Pennsylvania">PA</abbr> <span itemprop="postalCode">15601</span>
</div>
<p><a href="mailto:alumnirelations@setonhill.edu" itemprop="email">alumnirelations@setonhill.edu</a></p>
<span itemprop="telephone">(724) 830-1005</span>
</div>
</div><!-- footAddress -->
<hr>
<div class="footerNav">
<ul>
<li><a href="#">Who We Are</a></li>
<li><a href="#">Offices</a></li>
<li><a href="#">Employment</a></li>
<li><a href="#">Contact Seton Hill</a></li>
</ul>
</div>
<div class="footerSubNav">
<ul>
<li><a href="#">Share Your News</a></li>
<li><a href="#">Make a Gift</a></li>
<li><a href="#">Update Your Contact Info</a></li>
<li><a href="#">Alumni Benefits & Services</a></li>
<li><a href="#">Contact Alumni Office</a></li>
</ul>
</div>
<div class="footerSocial">
<ul class="group">
<li><a href="https://twitter.com/setonhill"><span class="vh">Seton Hill University on Twitter</span><span class="icon-twitter-icon"></span></a></li>
<li><a href="https://www.facebook.com/SetonHill"><span class="vh">Seton Hill University on Facebook</span><span class="icon-facebook-icon"></span></a></li>
<li><a href="http://instagram.com/setonhilluniversity"><span class="vh">Seton Hill University on Instagram</span><span class="icon-instagram-icon"></span></a></li>
<li><a href="http://www.youtube.com/user/SetonHillUniversity"><span class="vh">Seton Hill University on YouTube</span><span class="icon-youtube-icon"></span></a></li>
</ul>
</div>
</div><!-- footContain -->
<div class="griffin alumni">
<a href="#" class="griffinPop">
<img src="/images/jpg/seal.jpg" alt="Alumni E-mail Newsletter" />
<div class="griffinTxt">
<p>Want to stay up-to-date? </p>
<p>Subscribe to the <span>Alumni E-mail Newsletter</span></p>
</div>
</a>
</div>
</footer>