bloominstituteoftechnology · kly001 · Dec 17, 2018 · Dec 17, 2018 · Dec 17, 2018 · Dec 17, 2018
diff --git a/contact.html b/contact.html
@@ -12,50 +12,154 @@
 
 <body>
 
-	<h1>Contact</h1>
+	<div class="container" id="contact">
 
-<!-- Contactd Us Content 
-  Contact Us
-
-Get In Touch
+		<!-- Menu Content -->
+
+	<header>
+		<h2 class="sNj"> S&J </h2>
+		<div class="dropdown">
+			<div class="dropdown-button">Dropdown</div>
+			<a class="dropdown-link" href="C:\Users\Karen L. Yearwood\Desktop\Lambda School Projects & Assignments\User-Interface-Project-Week\index.html" target="_blank">Home</a>
+			<a class="dropdown-link" href="C:\Users\Karen L. Yearwood\Desktop\Lambda School Projects & Assignments\User-Interface-Project-Week\services.html" target="_blank">Services</a>
+			 <a class="dropdown-link" href="C:\Users\Karen L. Yearwood\Desktop\Lambda School Projects & Assignments\User-Interface-Project-Week\contact.html" target="_blank">Contact</a>
+			</div>
+		</div>
+	</header>
+
 
-Email Address
-Enter Email
-We'll never share your email with anyone else.
+<!-- Contact Us Content -->
+<div class="contactUs">
+	<img src="C:\Users\Karen L. Yearwood\Desktop\Lambda School Projects & Assignments\User-Interface-Project-Week\img\contact\contact-jumbotron.png" alt="contactUsImage" style="width:100%;">
+	<div class="bottom-left">Contact Us</div>
+</div> <!--Contacted Us Content-->
 
-How many buildings do you need planned?
-1-5
+<section class="subHeaders">
 
-Provide a brief overview of your project needs:
+<div class="getInTouch">
+	<h2>Get In Touch</h2>
+
+
+	<div class="email">
+		<h3>Email Address</h3>
+			<form> Email: <input type="text name = "Enter email"> </form>
+		<p>We'll never share your email with anyone else.</p>
+	</div>
+
+	<section class="building-number">
+		<p>How many buildings do you need planned?</p>
+		<form>
+			<select name = "buildings-dropdown">
+				<option value = "one" selected>1</option>
+				<option value = "two">2</option>
+				<option value = "three" selected>3</option>
+				<option value = "four">4</option>
+				<option value = "five" selected>5+</option>
+			 </select>		
+		 </form>
+	</section>
+
+	<section class="overview">
+		<p>Provide a brief overview of your project needs:</p>
+		<form>
+			Description : <br />
+			<textarea rows = "5" cols = "50" name = "description">
+			   Enter description here...
+			</textarea>
+		 </form>
+	</section>
+	<section class="building-type">
+		<input type = "radio" name = "small" value = "on"> I am a small business<br>
+		<input type = "radio" name = "residential" value = "on"> I am a residential owner<br>
+		<input type = "radio" name = "corporation" value = "on"> I am a corporation<br>
+	   <button>Submit</button>
+	</section>   
+	</div>
+</section>
 
-I am a small business
-I am a residential owner
-I am a corporation
+<section class="subHeaders">
+	<div class="where">
+		<h2>Where We Work</h2>
+
+	<div class="ny-location">
+				<address>
+				<h3>New York</h3>
+				<p>123 Lane<br>
+				Suite 100<br>
+				Albany, NY 12345<br>
+				202 555 0144</p>
+				</address>
+			</div>
+
+			<div class="fl-location">
+				<address>
+				<h3>Florida</h3>
+				<p>Ocean Drive<br>
+				Suite 201<br>
+				Orlando, FL 22345<br>
+				502 555 0144</p>	
+				</address> 
+			</div>
+
+			<div class="ca-location">
+				<address>
+				<h3>California</h3>
+				<p>Mountain Street<br>
+				Suite 105<br>
+				San Diego, CA 22345<br>
+				702 555 0144</p>
+				</address>
+			</div>
+		</div>
+	</div>
 
-Submit
+</section>
 
-Where We Work
 
-New York
-123 Lane
-Suite 100
-Albany, NY 12345
-202 555 0144
+<footer>
+	<div class="footer-heading">
+		<h3>Interested in starting a project? <br> Let’s talk</h3>
+			<section class="inputEmail">
+				<form> Email: <input type="text name"> </form>
+			<button>Submit</button>
+			</section>
+			<p>We'll never share your email with anyone else.</p>
+		</div>
 
-Florida
-Ocean Drive
-Suite 201
-Orlando, FL 22345
-502 555 0144
-
-California
-Mountain Street
-Suite 105
-San Diego, CA 22345
-702 555 0144
-
--->
-
-	<script src="js/index.js"></script>
+		<div class="location">
+			<address>
+			<h3>New York</h3>
+			<p>123 Lane<br>
+			Suite 100<br>
+			Albany, NY 12345<br>
+			202 555 0144</p>
+			</address>
+		</div>
+
+		<div class="location">
+			<address>
+			<h3>Florida</h3>
+			<p>Ocean Drive<br>
+			Suite 201<br>
+			Orlando, FL 22345<br>
+			502 555 0144</p>	
+			</address> 
+		</div>
+
+		<div class="location">
+			<address>
+			<h3>California</h3>
+			<p>Mountain Street<br>
+			Suite 105<br>
+			San Diego, CA 22345<br>
+			702 555 0144</p>
+			</address>
+		</div>
+
+	<p class="copyright">Copyright © 2018 Smith and Jones</p>
+
+		<script src="js/index.js"></script>
+	</footer>
+</div>
 </body>
 </html>