bloominstituteoftechnology · jjamaltwin · Dec 31, 2018 · Dec 31, 2018 · Dec 31, 2018 · Dec 31, 2018
diff --git a/README.md b/README.md
@@ -12,12 +12,12 @@ You will use Trello to report your progress on the MVP and any extra features yo
 - Don't overplan, start coding as soon as you can and adjust accordingly.  Trello is there as a guide not as a distraction
 
 ## Trello Set Up:
-* [ ] Create a [Trello account](https://trello.com/)
-* [ ] Create a new public board called "S&J Architects - By Your Name"
-* [ ] Create lists titled ```backlog```,```To Do```, ```In Progress```, and ```Done```
-* [ ] Fill in the ```To Do``` list with the MVP features listed below
-* [ ] Fill in the ```backlog``` list with all the extra features listed below
-* [ ] Share your board with the Project Manager that has been assigned to you.  If you have not been assigned yet, reach out to your lead TA for guidance
+* [x] Create a [Trello account](https://trello.com/)
+* [x] Create a new public board called "S&J Architects - By Your Name"
+* [x] Create lists titled ```backlog```,```To Do```, ```In Progress```, and ```Done```
+* [x] Fill in the ```To Do``` list with the MVP features listed below
+* [x] Fill in the ```backlog``` list with all the extra features listed below
+* [x] Share your board with the Project Manager that has been assigned to you.  If you have not been assigned yet, reach out to your lead TA for guidance
 
 ## Assets Provided:
 * [Style guide:](/DesignFiles/style-guide.md) This file will help you identify font sizes, colors, and font families across the site.

diff --git a/contact.html b/contact.html
@@ -1,3 +1,5 @@
+
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -11,8 +13,84 @@
 </head>
 
 <body>
+	<div class="container12">
+			<div class="headwrapper">
+
+					<h1>S&J </h1>
+					<img class="nav-button" src="img\nav-hamburger.png"/>
+
+				</div>
+				<div class="container19">
+
+
+
+						<div class="menu">
+							<h1>S&J 
+								<img class="nav-button" src="img\nav-hamburger-close.png"/> </h1>
+
+								<ul>
+									<li class= "link" ><a href="index.html">Home</a></li>
+									<li class= "link" ><a href="services.html">Services</a></li>
+									<li class="link"><a href="contact.html">Contact</a></li>
+								</ul>
+							</div>
+							<img src="img\contact\contact-jumbotron.png" alt="jumbo" style="width:100%">
+							<div class="text-content">
+								<p>Contact Us</p>
+
+							</div>
+					</div>
+
+					<div class="container20">
+						<h2>Get in touch</h2>
+
+						<p>Email address</p>
+
+						<form>
+								<input type="email" placeholder="Enter email">
+							</form>
+							<h3>We'll never share your email with anyone else.</h3>
+
+							<p>How many buildings do you need planned?</p>
+							<select>
+									<option value="num">1</option>	
+									<option value="num2">2</option>
+									<option value="num3">3</option>
+									<option value="num4">4</option>
+							</select>
+
+
+							<p>Provide a breif overview of your project needs</p>
+
+							<textarea name="message" rows="10" cols="55">
+									</textarea>
+
+
+								</div>
+
+								<div class="container21">
+										<form action="">
+												<input type="radio" name="customer" value="business"> I am a small business<br>
+												<input type="radio" name="customer" value="personal"> I am a residential owner<br>
+												<input type="radio" name="customer" value="corp"> I am a corporation
+											  </form>
+
+											  <button>Submit</button>
+
+
+								</div>
+
+
+
+
+
+
+
+
+
+
 
-	<h1>Contact</h1>
+
 
 <!-- Contactd Us Content 
   Contact Us
@@ -57,5 +135,6 @@ <h1>Contact</h1>
 -->
 
 	<script src="js/index.js"></script>
+</div>
 </body>
 </html>