Pattern Lab

From Degrees To Careers

B.S. in Medical Technology
B.S. in Biology
B.S. Pharm.D in Pharmacy
M.S. Physician Assistant Two Line Example
B.S. in Medical Pharm.D
B.S. in Pharmacy
M.S. Physician Assistant

B.S. in Medical Technology

A degree in medical technology gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:

More about Medical Technology

B.S. in Biology

A degree in biology gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:

More about Biology

B.S. in Pharm.D in Pharmacy

A degree in Pharm.D in Pharmacy gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:

More about Pharm.D in Pharmacy

M.S. Physician Assistant Two Line Example

A degree as a Physician Assistant gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:

More about Physician Assistant

B.S. in Medical Pharm.D

A degree in Medical Pharm.D gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:

More about Medical Pharm.D

B.S. in Pharmacy

A degree in Pharmacy gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:

More about Pharmacy

M.S. Physician Assistant

A degree as a Physican Assistant gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:

More about Physican Assistant

HTML

									
										<section class="degreeBlock outView">
	
	<div class="degrees">
	
	<span class="titleContain">
		<h4>From Degrees <b>To Careers</b></h4>
	</span><!-- titleContain -->
	
	<!-- Max of seven! -->			
		<div class="degreeTriggers">
			<ul id="tabs" class="degreeTabs">
		      	<li class="on"><a id="tabTrig1" href="#tab1"><i>B.S. in</i> Medical Technology</a></li>
			  	<li><a id="tabTrig2" href="#tab2"><i>B.S. in</i> Biology</a></li>
			  	<li><a id="tabTrig3" href="#tab3"><i>B.S. Pharm.D in</i> Pharmacy</a></li>
			  	<li><a id="tabTrig4" href="#tab4"><i>M.S.</i> Physician Assistant Two Line Example</a></li>
			  	<li><a id="tabTrig5" href="#tab5"><i>B.S.</i> in Medical Pharm.D</a></li>
			  	<li><a id="tabTrig6" href="#tab6"><i>B.S.</i> in Pharmacy</a></li>
			  	<li><a id="tabTrig7" href="#tab7"><i>M.S.</i> Physician Assistant</a></li>
			</ul>
		</div><!-- tabTriggers -->
	
		<div class="degreePops blockContents">
			
			<div class="degreePop on" id="tab1">
				<h5 class="on">B.S. in Medical Technology</h5>
				<div class="degreeContent open">
					
					<p>A degree in medical technology gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:</p>
					
					<ul>
						<li><a href="#">Chemist</a></li>
						<li><a href="#">Hematologist</a></li>
						<li><a href="#">Immunologist</a></li>
						<li><a href="#">Microbiologist</a></li>
						<li><a href="#">Parasitologist</a></li>
						<li><a href="#">Blood Bank Specialist</a></li>
					</ul>					
					<a href="#" class="more">More <span class="hideSmall">about Medical Technology</span></a>
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab2">
				<h5>B.S. in Biology</h5>				
				<div class="degreeContent">
					<p>A degree in biology gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:</p>
					<ul>
						<li><a href="#">Chemist</a></li>
						<li><a href="#">Hematologist</a></li>
						<li><a href="#">Immunologist</a></li>
						<li><a href="#">Microbiologist</a></li>
						<li><a href="#">Parasitologist</a></li>
						<li><a href="#">Blood Bank Specialist</a></li>
					</ul>					
					<a href="#" class="more">More <span class="hideSmall">about Biology</span></a>
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab3">
				<h5>B.S. in Pharm.D in Pharmacy</h5>				
				<div class="degreeContent">
					<p>A degree in Pharm.D in Pharmacy gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:</p>
					<ul>
						<li><a href="#">Chemist</a></li>
						<li><a href="#">Hematologist</a></li>
						<li><a href="#">Immunologist</a></li>
						<li><a href="#">Microbiologist</a></li>
						<li><a href="#">Parasitologist</a></li>
						<li><a href="#">Blood Bank Specialist</a></li>
					</ul>					
					<a href="#" class="more">More <span class="hideSmall">about Pharm.D in Pharmacy</span></a>
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab4">
				<h5>M.S. Physician Assistant Two Line Example</h5>				
				<div class="degreeContent">
					<p>A degree as a Physician Assistant gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:</p>
					<ul>
						<li><a href="#">Chemist</a></li>
						<li><a href="#">Hematologist</a></li>
						<li><a href="#">Immunologist</a></li>
						<li><a href="#">Microbiologist</a></li>
						<li><a href="#">Parasitologist</a></li>
						<li><a href="#">Blood Bank Specialist</a></li>
					</ul>					
					<a href="#" class="more">More <span class="hideSmall">about Physician Assistant</span></a>
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab5">
				<h5>B.S. in Medical Pharm.D</h5>				
				<div class="degreeContent">
					<p>A degree in Medical Pharm.D gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:</p>
					<ul>
						<li><a href="#">Chemist</a></li>
						<li><a href="#">Hematologist</a></li>
						<li><a href="#">Immunologist</a></li>
						<li><a href="#">Microbiologist</a></li>
						<li><a href="#">Parasitologist</a></li>
						<li><a href="#">Blood Bank Specialist</a></li>
					</ul>					
					<a href="#" class="more">More <span class="hideSmall">about Medical Pharm.D</span></a>
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab6">
				<h5>B.S. in Pharmacy</h5>				
				<div class="degreeContent">
					<p>A degree in Pharmacy gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:</p>
					<ul>
						<li><a href="#">Chemist</a></li>
						<li><a href="#">Hematologist</a></li>
						<li><a href="#">Immunologist</a></li>
						<li><a href="#">Microbiologist</a></li>
						<li><a href="#">Parasitologist</a></li>
						<li><a href="#">Blood Bank Specialist</a></li>
					</ul>					
					<a href="#" class="more">More <span class="hideSmall">about Pharmacy</span></a>
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab7">
				<h5>M.S. Physician Assistant</h5>				
				<div class="degreeContent">
					<p>A degree as a Physican Assistant gives you the opportunity to interact with all walks of life. Seton Hill graduates with this degree have gone off to become:</p>
					<ul>
						<li><a href="#">Chemist</a></li>
						<li><a href="#">Hematologist</a></li>
						<li><a href="#">Immunologist</a></li>
						<li><a href="#">Microbiologist</a></li>
						<li><a href="#">Parasitologist</a></li>
						<li><a href="#">Blood Bank Specialist</a></li>
					</ul>					
					<a href="#" class="more">More <span class="hideSmall">about Physican Assistant</span></a>
				</div>				
			</div><!-- degreePop -->			
			
		</div><!-- degreePops -->
		
	</div><!-- degrees -->

</section>

Year One

Some of the criminal justice courses you'd take at Seton Hill would be:

Year Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua:

Year Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua:

Year Four

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua:

Year Five

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua:

HTML

									
										<section class="degreeBlock outView">
	
	<div class="degrees">
		
	<span class="titleContain">
		<h4>Sample <b>Courses</b></h4>
	</span>
	
	<!-- Max of seven! -->			
		<div class="degreeTriggers">
			<ul id="tabs" class="degreeTabs">
		      	<li class="on"><a id="tabTrig1" href="#tab1"><i>Year</i> One</a></li>
			  	<li><a id="tabTrig2" href="#tab2"><i>Year</i> Two</a></li>
			  	<li><a id="tabTrig3" href="#tab3"><i>Year</i> Three</a></li>
			  	<li><a id="tabTrig4" href="#tab4"><i>Year</i> Four</a></li>
			  	<li><a id="tabTrig5" href="#tab5"><i>Year</i> Five</a></li>
			</ul>
		</div><!-- tabTriggers -->
	
		<div class="degreePops blockContents">
			
			<div class="degreePop on" id="tab1">
				<h5 class="on">Year One</h5>
				<div class="degreeContent open">
					
					<p>Some of the criminal justice courses you'd take at Seton Hill would be:</p>
					<ul>
						<li><a href="http://dev.fastspot.com/clients/setonhill/academics/undergraduate-programs/criminal-justice-ba/courses/#scj-200">Law Enforcement in the Community</a></li>
						<li><a href="http://dev.fastspot.com/clients/setonhill/academics/undergraduate-programs/criminal-justice-ba/courses/#sso-200">Race, Class, and Gender</a></li>
						<li><a href="http://dev.fastspot.com/clients/setonhill/academics/undergraduate-programs/criminal-justice-ba/courses/#scj-260">The Dark Side of Crime: Profiling</a></li>
						<li><a href="http://dev.fastspot.com/clients/setonhill/academics/undergraduate-programs/criminal-justice-ba/courses/#spy-280">Abnormal Psychology</a></li>
						<li><a href="http://dev.fastspot.com/clients/setonhill/academics/undergraduate-programs/criminal-justice-ba/courses/#scj-225">The Criminal Court</a></li>
					</ul>
					
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab2">
				<h5>Year Two</h5>				
				<div class="degreeContent">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua:</p>
					
					<ul>
						<li><a href="#">Behavioral Medicine</a></li>
						<li><a href="#">Pathophysiology I</a></li>
						<li><a href="#">Human Gross Anatomy</a></li>
						<li><a href="#">Behavioral Medicine</a></li>
						<li><a href="#">Pathophysiology I</a></li>
					</ul>
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab3">
				<h5>Year Three</h5>				
				<div class="degreeContent">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua:</p>
					
					<ul>
						<li><a href="#">Behavioral Medicine</a></li>
						<li><a href="#">Pathophysiology I</a></li>
						<li><a href="#">Human Gross Anatomy</a></li>
					</ul>
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab4">
				<h5>Year Four</h5>				
				<div class="degreeContent">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua:</p>
					
					<ul>
						<li><a href="#">Behavioral Medicine</a></li>
						<li><a href="#">Pathophysiology I</a></li>
						<li><a href="#">Human Gross Anatomy</a></li>
						<li><a href="#">Behavioral Medicine</a></li>
					</ul>
				</div>				
			</div><!-- degreePop -->
			
			<div class="degreePop" id="tab5">
				<h5>Year Five</h5>				
				<div class="degreeContent">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua:</p>
					
					<ul>
						<li><a href="#">Behavioral Medicine</a></li>
						<li><a href="#">Pathophysiology I</a></li>
						<li><a href="#">Human Gross Anatomy</a></li>
						<li><a href="#">Behavioral Medicine</a></li>
						<li><a href="#">Pathophysiology I</a></li>
						<li><a href="#">Human Gross Anatomy</a></li>
					</ul>
				</div>				
			</div><!-- degreePop -->
			
						
			
		</div><!-- degreePops -->
		
	</div><!-- degrees -->

</section>

Calendar Advanced

This Week On Campus

Monday September 3
Tuesday September 4
Wednesday September 5
Thursday September 6
Friday September 7
Saturday September 8
Sunday September 9

Sep 3

12:00 PM

Field Hockey vs Lindenwood University

4:00 PM

Men’s Soccer vs Wheeling Jesuit University

4:00 PM

Women’s Soccer at University of Pittsburgh at Johnstown

Sep 4

2:00 PM

Women’s Volleyball vs Alderson Broaddus University

4:30 PM

Women’s Volleyball vs Walsh University (Ohio)

Sep 5

9:00 AM

Women’s Cross Country at 17th Annual Duquesne Duals

9:30 AM

Men’s Cross Country at 17th Annual Duquesne Duals

10:00 AM

Women’s Volleyball vs Lake Erie College

11:00 AM

Women’s Golf at Alderson Broaddus Fall Invitational

1:00 PM

Men’s Soccer at Lake Erie College

1:00 PM

Football at Shippensburg University

3:00 PM

Women’s Soccer vs Gannon University

3:00 PM

Women’s Volleyball vs Notre Dame College (Ohio)

Sep 6

There are no events scheduled for today.

Sep 7

4:00 PM

Men’s Soccer vs Walsh University (Ohio)

Sep 8

12:00 PM

Field Hockey vs Lindenwood University

4:00 PM

Men’s Soccer vs Wheeling Jesuit University

4:00 PM

Women’s Soccer at University of Pittsburgh at Johnstown

Sep 9

2:00 PM

Women’s Volleyball vs Alderson Broaddus University

4:30 PM

Women’s Volleyball vs Walsh University (Ohio)

More Events

HTML

									
										<section class="advEventList outView">
<h3>This Week On Campus</h3>

<div class="advEvents">
	
	<!-- Max of seven! -->			
	<div class="eventTriggers">
		<ul id="tabs" class="eventTabs">
	      	<li class="on"><a id="tabTrig1" href="#tab1"><i>Monday</i> September 3</a></li>
		  	<li><a id="tabTrig2" href="#tab2"><i>Tuesday</i> September 4</a></li>
		  	<li><a id="tabTrig3" href="#tab3"><i>Wednesday</i> September 5</a></li>
		  	<li><a id="tabTrig4" href="#tab4"><i>Thursday</i> September 6</a></li>
		  	<li><a id="tabTrig5" href="#tab5"><i>Friday</i> September 7</a></li>
		  	<li><a id="tabTrig6" href="#tab6"><i>Saturday</i> September 8</a></li>
		  	<li><a id="tabTrig7" href="#tab7"><i>Sunday</i> September 9</a></li>
		</ul>
	</div><!-- tabTriggers -->
		
	
	<div class="eventPops blockContents">
		
		<div class="eventPop on" id="tab1">
			
			<div class="eventDate">
				<span class="month">Sep</span> <span class="day">3</span>
			</div>
			
			<div class="eventContent">
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">12:00 PM</p>
						<p class="eventTitle">Field Hockey vs Lindenwood University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:00 PM</p>
						<p class="eventTitle">Men&rsquo;s Soccer vs Wheeling Jesuit University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:00 PM</p>
						<p class="eventTitle">Women&rsquo;s Soccer at University of Pittsburgh at Johnstown</p>							
					</a>
				</div>					
				
			</div><!-- eventContent -->			
		</div><!-- eventPop -->
		
		
		<div class="eventPop" id="tab2">
			
			<div class="eventDate">
				<span class="month">Sep</span> <span class="day">4</span>
			</div>
			
			<div class="eventContent">
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">2:00 PM</p>
						<p class="eventTitle">Women&rsquo;s Volleyball vs Alderson Broaddus University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:30 PM</p>
						<p class="eventTitle">Women&rsquo;s Volleyball vs Walsh University (Ohio)</p>							
					</a>
				</div>					
				
			</div><!-- eventContent -->			
		</div><!-- eventPop -->
		
		<div class="eventPop" id="tab3">
			
			<div class="eventDate">
				<span class="month">Sep</span> <span class="day">5</span>
			</div>
			
			<div class="eventContent">
				
				<div class="eventInfo">
				<a href="#">
					<p class="eventTime">9:00 AM</p>
					<p class="eventTitle">Women&rsquo;s Cross Country at 17th Annual Duquesne Duals</p>							
				</a>
			</div>
			
			<div class="eventInfo">
				<a href="#">
					<p class="eventTime">9:30 AM</p>
					<p class="eventTitle">Men&rsquo;s Cross Country at 17th Annual Duquesne Duals</p>							
				</a>
			</div>
			
			<div class="eventInfo">
				<a href="#">
					<p class="eventTime">10:00 AM</p>
					<p class="eventTitle">Women&rsquo;s Volleyball vs Lake Erie College</p>							
				</a>
			</div>
			
			<div class="eventInfo">
				<a href="#">
					<p class="eventTime">11:00 AM</p>
					<p class="eventTitle">Women&rsquo;s Golf at Alderson Broaddus Fall Invitational</p>							
				</a>
			</div>
			
			<div class="eventInfo">
				<a href="#">
					<p class="eventTime">1:00 PM</p>
					<p class="eventTitle">Men&rsquo;s Soccer at Lake Erie College</p>							
				</a>
			</div>
			
			<div class="eventInfo">
				<a href="#">
					<p class="eventTime">1:00 PM</p>
					<p class="eventTitle">Football at Shippensburg University</p>							
				</a>
			</div>
			
			<div class="eventInfo">
				<a href="#">
					<p class="eventTime">3:00 PM</p>
					<p class="eventTitle">Women&rsquo;s Soccer vs Gannon University</p>							
				</a>
			</div>
			
			<div class="eventInfo">
				<a href="#">
					<p class="eventTime">3:00 PM</p>
					<p class="eventTitle">Women&rsquo;s Volleyball vs Notre Dame College (Ohio)</p>							
				</a>
			</div>				
				
			</div><!-- eventContent -->			
		</div><!-- eventPop -->
		
		<div class="eventPop" id="tab4">
			
			<div class="eventDate">
				<span class="month">Sep</span> <span class="day">6</span>
			</div>
			
			<div class="eventContent">
				
				<div class="eventInfo">
					<p>There are no events scheduled for today.</p>	
				</div>			
				
			</div><!-- eventContent -->			
		</div><!-- eventPop -->
		
		<div class="eventPop" id="tab5">
			
			<div class="eventDate">
				<span class="month">Sep</span> <span class="day">7</span>
			</div>
			
			<div class="eventContent">
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:00 PM</p>
						<p class="eventTitle">Men&rsquo;s Soccer vs Walsh University (Ohio)</p>							
					</a>
				</div>					
				
			</div><!-- eventContent -->			
		</div><!-- eventPop -->
		
		<div class="eventPop" id="tab6">
			
			<div class="eventDate">
				<span class="month">Sep</span> <span class="day">8</span>
			</div>
			
			<div class="eventContent">
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">12:00 PM</p>
						<p class="eventTitle">Field Hockey vs Lindenwood University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:00 PM</p>
						<p class="eventTitle">Men&rsquo;s Soccer vs Wheeling Jesuit University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:00 PM</p>
						<p class="eventTitle">Women&rsquo;s Soccer at University of Pittsburgh at Johnstown</p>							
					</a>
				</div>					
				
			</div><!-- eventContent -->			
		</div><!-- eventPop -->
		
		
		<div class="eventPop" id="tab7">
			
			<div class="eventDate">
				<span class="month">Sep</span> <span class="day">9</span>
			</div>
			
			<div class="eventContent">
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">2:00 PM</p>
						<p class="eventTitle">Women&rsquo;s Volleyball vs Alderson Broaddus University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:30 PM</p>
						<p class="eventTitle">Women&rsquo;s Volleyball vs Walsh University (Ohio)</p>							
					</a>
				</div>					
				
			</div><!-- eventContent -->			
		</div><!-- eventPop -->
		
	</div><!-- eventPops -->

</div><!-- advEvents -->

<p class="center"><a href="#" class="but-d"><span>More Events</span></a></p>
		
</section>

Calendar Basic

This Week On Campus

More Events

HTML

									
										<section class="eventList outView">
	<h3>This Week On Campus</h3>
	
	<ul class="group">
		<li>
			<div class="event group">					
				<div class="eventDate">
					<span class="month">Sep</span> <span class="day">3</span>
				</div>	
								
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">12:00 PM</p>
						<p class="eventTitle">Field Hockey vs Lindenwood University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:00 PM</p>
						<p class="eventTitle">Men&rsquo;s Soccer vs Wheeling Jesuit University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:00 PM</p>
						<p class="eventTitle">Women&rsquo;s Soccer at University of Pittsburgh at Johnstown</p>							
					</a>
				</div>									
			</div>
		</li>
		
		<li>
			<div class="event group">					
				<div class="eventDate">
					<span class="month">Sep</span> <span class="day">4</span>
				</div>
									
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">2:00 PM</p>
						<p class="eventTitle">Women&rsquo;s Volleyball vs Alderson Broaddus University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:30 PM</p>
						<p class="eventTitle">Women&rsquo;s Volleyball vs Walsh University (Ohio)</p>							
					</a>
				</div>
									
			</div>
		</li>
		
		<li>
			<div class="event group">					
				<div class="eventDate">
					<span class="month">Sep</span> <span class="day">5</span>
				</div>
									
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">9:00 AM</p>
						<p class="eventTitle">Women&rsquo;s Cross Country at 17th Annual Duquesne Duals</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">9:30 AM</p>
						<p class="eventTitle">Men&rsquo;s Cross Country at 17th Annual Duquesne Duals</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">10:00 AM</p>
						<p class="eventTitle">Women&rsquo;s Volleyball vs Lake Erie College</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">11:00 AM</p>
						<p class="eventTitle">Women&rsquo;s Golf at Alderson Broaddus Fall Invitational</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">1:00 PM</p>
						<p class="eventTitle">Men&rsquo;s Soccer at Lake Erie College</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">1:00 PM</p>
						<p class="eventTitle">Football at Shippensburg University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">3:00 PM</p>
						<p class="eventTitle">Women&rsquo;s Soccer vs Gannon University</p>							
					</a>
				</div>
				
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">3:00 PM</p>
						<p class="eventTitle">Women&rsquo;s Volleyball vs Notre Dame College (Ohio)</p>							
					</a>
				</div>
									
			</div>
		</li>
		
		<li>
			<div class="event group">					
				<div class="eventDate">
					<span class="month">Sep</span> <span class="day">7</span>
				</div>					
				<div class="eventInfo">
					<a href="#">
						<p class="eventTime">4:00 PM</p>
						<p class="eventTitle">Men&rsquo;s Soccer vs Walsh University (Ohio)</p>							
					</a>
				</div>					
			</div>
		</li>						
	</ul>
	
	<p class="center"><a href="#" class="but-c"><span>More Events</span></a></p>
			
	</section>

Course List

Business

HTML

									
										<section class="courseList outView">
	<div class="wrap">
	
	<h3 style="background-image: url(/images/jpg/block-ex-5.jpg), linear-gradient(to right, #7b3aff, #258bda);">Business</h3>		
	<ul>
		<li><a href="#">Accounting</a></li>
		<li><a href="#">Business Administration</a></li>
		<li><a href="#">Business Administration - Entrepreneurial Studies</a></li>
		<li><a href="#">Business Administration - Finance (minor)</a></li>
		<li><a href="#">Business Administration - Human Resources </a></li>
		<li><a href="#">Business Administration - Information Management </a></li>
		<li><a href="#">Business Administration - International Organization </a></li>
		<li><a href="#">Business Administration - Marketing </a></li>
	</ul>
	
	</div>					
</section>

Shu Fact List

HTML

									
										<section class="shuFacts outView">
	<ul class="group">				
		<li>
			<p class="fact"><a href="#"><span class="mainFact">2500</span> <span class="subFact">Students</span></a></p>			
		</li>
		
		<li>
			<p class="fact"><a href="#"><span class="mainFact">95%</span> <span class="subTxt">career/graduate school placement rate</span></a></p>			
		</li>
		
		<li>
			<p class="fact"><a href="#"><span class="mainFact">98%</span> <span class="subTxt">Career placement rate for graduates of our master&rsquo;s programs</span></a></p>			
		</li>
		
		<li>
			<p class="fact"><a href="#"><span class="mainFact">200</span> <span class="subFact">Acres</span> <span class="subTxt">on the hill</span></a></p>			
		</li>				
	</ul>	
</section>