Pattern Lab

Homepage Hero A

From Quantum Mechanics class to working at NASA, Seton Hill University can help you find your place in the world.

HTML

									
										<header class="homeHeader">
		
	<div class="homeHeaderText">
		<p>From <a href="#">Quantum Mechanics class</a> to <a href="#">working at <abbr title="National Aeronautics and Space Administration">NASA</abbr></a>, Seton Hill University can help you find your place in the world.</p>		
		<p><a href="#" class="but-b">More <span class="hideSmall"> About Career Opportunities</span></a></p>	
	</div>
	
</header><!-- homeHeader -->

Homepage Hero B

What Will You Learn?

Health Sciences

What Will You Do?

Careers

Seton Hill can help you find your place in the world.

HTML

									
										<header class="homeHeaderB" id="homeHeaderB">
		
	<div class="fullHead" style="background-image: url(/images/jpg/setonhill-home-wide.jpg),  linear-gradient(to right, #da9c4b, #55c729)">
	
		<div class="blockA" tabindex="0" style="background-image: url(/images/jpg/setonhill-home-wide.jpg),  linear-gradient(to right, #da9c4b, #55c729)">			
				<div class="blockContent slideInFadeA">
					<p>What Will You Learn?</p>
					<p class="butHold"><a class="but-b" tabindex="0">Health Sciences</a></p>
				</div><!-- blockContent -->
		</div><!-- blockA -->
		
		<div class="blockB" tabindex="0" style="background-image: url(/images/jpg/setonhill-home-wide.jpg),  linear-gradient(to right, #da9c4b, #55c729)">			
				<div class="blockContent slideInFadeB">
					<p>What Will You Do?</p>
					<p class="butHold"><a class="but-b" tabindex="0">Careers</a></p>
				</div><!-- blockContent -->
		</div><!-- blockB -->
	
		<div class="primaryContain">
			<div class="primary slideInFull">
				<p>Seton Hill can help you find your place in the world.</p>
			</div><!-- primary -->
		</div><!-- primaryContain -->
	
	</div><!-- fullHead -->
	
</header><!-- homeHeader -->

Homepage Hero C

A World in Transition

While Saint Elizabeth Ann Seton faced changing times as she founded the Sisters of Charity, today’s global landscape is too in transition.

HTML

									
										<header class="homeHeaderC" id="homeHeaderC">
		
	<div class="pageHeadC" style="background-image: url(/images/jpg/alumni-hero.jpg), linear-gradient(to right, #da9c4b, #55c729);">
		
		<div class="wrap">			
			<h2 class="heroCTitle">A World in Transition</h2>
			<p class="heroCContent">While Saint Elizabeth Ann Seton faced changing times as she founded the Sisters of Charity, today&rsquo;s global landscape is too in transition.</p>
			<p class="heroCButHold"><a class="but-b" href="#">Read More</a></p>
		</div><!-- wrap -->
		
	</div><!-- pageHeadC -->
	
</header><!-- homeHeader -->