Swap out header images for real sample ones and adjust widths to match

bronius · Jun 18, 2014 · a9040e8 · a9040e8
1 parent ef62215
commit a9040e8
Show file tree

Hide file tree

Showing 14 changed files with 7 additions and 7 deletions.
diff --git a/css/site-header.css b/css/site-header.css
@@ -3,7 +3,7 @@ body {
 }
 #site-header {
 	position: relative;
-	width: 900px;
+	width: 930px;
 	font-size: 14px;
 	font-family: sans-serif;
 	font-weight: lighter;
@@ -20,7 +20,7 @@ body {
 	height: 450px;
 }
 #site-header .sub {
-	width: 225px;
+	width: 240px;
 	height: 225px;
 	background-color: #333;
 }

diff --git a/front.html b/front.html
@@ -7,7 +7,7 @@
 		<h1>Model for Front Page UI</h1>
 		<div id="site-header">
 			<a class="main" href="#">
-				<img src="images/header/main2.jpg" />
+				<img src="images/header/main event.jpg" />
 				<div class="text">
 					<div class="title">Student<br/>
 											Involvement<br/>
@@ -18,7 +18,7 @@ <h1>Model for Front Page UI</h1>
 				</div>
 			</a>
   		<a class="sub" href="#">
-				<img src="images/header/sub1.jpg" />
+				<img src="images/header/cirque_dreams.jpg" />
 				<div class="text">
 					<div class="title">Cirque Dreams</div>
 					<div class="subtext">Tue and Wed Sep 17 &amp; 18 7:30pm<br/>
@@ -27,23 +27,23 @@ <h1>Model for Front Page UI</h1>
 				</div>
   		</a>
   		<a class="sub" href="#">
-				<img src="images/header/sub2.jpg" />
+				<img src="images/header/march_on_washington.jpg" />
 				<div class="text">
 					<div class="title">March on Washington 50th Anniversary</div>
 					<div class="subtext">Mon-Fri Aug 26-30<br/>
 								Gates Ballroom</div>
 				</div>
   		</a>
   		<a class="sub" href="#">
-				<img src="images/header/sub3.jpg" />
+				<img src="images/header/iron_man_3.jpg" />
 				<div class="text">
 					<div class="title">Iron Man 3</div>
 					<div class="subtext">Tue and Wed Sep 17 &amp; 18 7:30pm<br/>
 								Rudder Auditorium</div>
 				</div>
   		</a>
   		<a class="sub" href="#">
-				<img src="images/header/sub4.jpg" />
+				<img src="images/header/learn_about_msc.jpg" />
 				<div class="text">
 					<div class="title">Learn more about the MSC</div>
 					<div class="subtext">sit amet, consectetur adipisicing elit, sed do eiusmod tempor</div>

diff --git a/images/header/cirque_dreams.jpg b/images/header/cirque_dreams.jpg
diff --git a/images/header/iron_man_3.jpg b/images/header/iron_man_3.jpg
diff --git a/images/header/learn_about_msc.jpg b/images/header/learn_about_msc.jpg
diff --git a/images/header/main event.jpg b/images/header/main event.jpg
diff --git a/images/header/main1.jpg b/images/header/main1.jpg
diff --git a/images/header/main2.jpg b/images/header/main2.jpg
diff --git a/images/header/main3.jpg b/images/header/main3.jpg
diff --git a/images/header/march_on_washington.jpg b/images/header/march_on_washington.jpg
diff --git a/images/header/sub1.jpg b/images/header/sub1.jpg
diff --git a/images/header/sub2.jpg b/images/header/sub2.jpg
diff --git a/images/header/sub3.jpg b/images/header/sub3.jpg
diff --git a/images/header/sub4.jpg b/images/header/sub4.jpg