Styling the About Page

Also made some changes to how colors are handled by making a separate file for color variables.
profstein · Dec 10, 2014 · 7a20645 · 7a20645
1 parent a48a8ab
commit 7a20645
Show file tree

Hide file tree

Showing 8 changed files with 500 additions and 72 deletions.
diff --git a/about.html b/about.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="css/style.css">
 </head>
 
-<body id="schedule">
+<body id="about">
     <a id="top"></a>
     <div id="menuButton">
         <div class="menu">
@@ -65,13 +65,13 @@ <h2>About the Conference</h2>
 
             <div class="date-time">
 
-                <h2>Date and Time</h2>
+                <h3>Date and Time</h3>
                 <p>Friday, June 14, 2014
                     <br>8:30am - 4:30pm</p>
             </div>
 
             <div class="loc">
-                <h2>Location</h2>
+                <h3>Location</h3>
                 <p>Borough of Manhattan Community College
                     <br>199 Chambers Street
                     <br>New York, NY 10007</p>
@@ -82,12 +82,14 @@ <h2>Location</h2>
             </div>
 
 
-
-            <div class="mapWrapper">
-                <iframe width="600" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=199+Chambers+Street,+New+York,+NY&amp;aq=0&amp;oq=199+Chambers&amp;sll=40.697488,-73.979681&amp;sspn=0.750684,1.187897&amp;ie=UTF8&amp;hq=&amp;hnear=199+Chambers+St,+New+York,+10007&amp;t=m&amp;z=14&amp;ll=40.717367,-74.012178&amp;output=embed">
-                </iframe>
-                <br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=199+Chambers+Street,+New+York,+NY&amp;aq=0&amp;oq=199+Chambers&amp;sll=40.697488,-73.979681&amp;sspn=0.750684,1.187897&amp;ie=UTF8&amp;hq=&amp;hnear=199+Chambers+St,+New+York,+10007&amp;t=m&amp;z=14&amp;ll=40.717367,-74.012178" style="color:#0000FF;text-align:left"></a></small>
-            </div>
+			<div class="map">
+
+	            <div class="mapWrapper">
+	                <iframe width="600" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=199+Chambers+Street,+New+York,+NY&amp;aq=0&amp;oq=199+Chambers&amp;sll=40.697488,-73.979681&amp;sspn=0.750684,1.187897&amp;ie=UTF8&amp;hq=&amp;hnear=199+Chambers+St,+New+York,+10007&amp;t=m&amp;z=14&amp;ll=40.717367,-74.012178&amp;output=embed">
+	                </iframe>
+	                <br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=199+Chambers+Street,+New+York,+NY&amp;aq=0&amp;oq=199+Chambers&amp;sll=40.697488,-73.979681&amp;sspn=0.750684,1.187897&amp;ie=UTF8&amp;hq=&amp;hnear=199+Chambers+St,+New+York,+10007&amp;t=m&amp;z=14&amp;ll=40.717367,-74.012178" style="color:#0000FF;text-align:left"></a></small>
+	            </div>
+			</div>
 
 
 
@@ -105,21 +107,12 @@ <h4>A, C, E to Chambers Street</h4>
                     <h4>1, 2, or 3 to Chambers Street:</h4>
                     <p>Walk 2 Blocks West on Chambers Street</p>
 
-                    <h4>R to City Hall</h4>
-                    <h4>N to City Hall</h4>
-                    <h4>J, M to Chambers Street</h4>
+                    <h4>R to City Hall</br>
+                    N to City Hall</br>
+                    J, M to Chambers Street</h4>
                     <p>Walk 6 Blocks West on Chambers Street</p>
 
-                    <p>Check the MTA's web site for the latest information.</p>
-                </section>
-
-                <section class="route bus">
-                    <h3>By Bus</h3>
-                    <h4>
-                    	M-22 from Grand Street and Madison Street<br>
-						Walk 4 Blocks West
-					</h4>
-                    <p>Check the MTA's web site for the latest information.</p>
+                    <p class="info">Check the MTA's web site for the latest information.</p>
                 </section>
 
                 <section class="route path">
@@ -132,6 +125,18 @@ <h4>Path Train to Christopher Street</h4>
                     <p>Walk East 2 Bloh on Chambers Street</p>
                 </section>
 
+                <section class="route bus">
+                    <h3>By Bus</h3>
+                    <h4>
+                    	M-22 from Grand Street and Madison Street
+                    </h4>
+						<p>Walk 4 Blocks West</p>
+
+                    <p class="info">Check the MTA's web site for the latest information.</p>
+                </section>
+
+
+
                 <section class="route car">
                     <h3>By Car</h3>
                     <h4>Driving From East Side Highway:</h4>
@@ -140,9 +145,8 @@ <h4>Driving From East Side Highway:</h4>
                         <br>Turn Right on Chambers Street</p>
 
                     <h4>Driving From West Side Highway:</h4>
-                    <p>East River Drive all the way around the southern tip of Manhattan:
-                        <br>Through Underpass Straight to West Street,
-                        <br>Turn Right on Chambers Street</p>
+                    <p>South on West Side Highway
+                        <br>Turn Left on Chambers Street</p>
                 </section>
                 <!-- .car -->
             </section>