bloominstituteoftechnology · dxtrlws · Feb 12, 2019 · Feb 12, 2019 · Feb 13, 2019 · Feb 14, 2019
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@ You will use Trello to report your progress on the MVP and any extra features yo
 - Use past solutions from the previous weeks to accomplish harder tasks
 - Commit every time you accomplish any new functionality or layout. Get in the habit of frequent commits so you have a record of your work.  Push up your commits every day to showcase your progress to your PM
 - After 20 minutes of being stuck on something, reach out to your PM
-- Don't overplan, start coding as soon as you can and adjust accordingly.  Trello is there as a guide not as a distraction
+- 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/)

diff --git a/contact.html b/contact.html
@@ -1,61 +1,139 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-	<meta charset="utf-8">
-	<title>Contact Us</title>
-	<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
-	<link rel="stylesheet" href="css/index.css">
-	<!--[if IE]>
-		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-	<![endif]-->
-</head>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Contact Us</title>
+    <link
+      href="https://fonts.googleapis.com/css?family=Roboto:400,700"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" href="css/index.css" />
+    <!--[if IE]>
+      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+  </head>
 
-<body>
+  <body>
+    <div class="container contact">
+      <section class="cta">
+        <header>
+          <nav>
+            <a href="index.html" id="logo">S&J</a>
+            <div class="navigation">
+              <img id="menu" src="img/nav-hamburger.png" alt="" />
+            </div>
+          </nav>
+        </header>
+        <img src="img/contact/contact-jumbotron.png" alt="" />
+        <h1>Contact Us</h1>
+      </section>
+      <section class="contact-us">
+        <h2>Get In Touch</h2>
+        <div>
+          <form>
+            <fieldset>
+              <label for="email address">Email Address</label>
+              <input type="email" name="email" placeholder="Enter email" />
+              <p>We'll never share your email with anyone else</p>
+            </fieldset>
+            <fieldset>
+              <label for="how many buildings"
+                >How many buildings do you need planned?</label
+              >
+              <select name="buildings" id="building">
+                <option value="1">1</option>
+                <option value="2">2</option>
+                <option value="3">3</option>
+                <option value="4">4</option>
+                <option value="5">5</option>
+              </select>
+            </fieldset>
+            <fieldset>
+              <label for="addititional details"
+                >Provide a brief overview of your project needs:</label
+              >
+              <textarea name="details" id="" cols="30" rows="10"></textarea>
+            </fieldset>
+            <fieldset>
+              <label for="Business size"
+                >Provide a brief overview of your project needs:</label
+              >
+              <input type="radio" name="size" value="small" />I am a small
+              business <br />
+              <input type="radio" name="size" value="residential" />I am a
+              residential owner <br />
+              <input type="radio" name="size" value="corp" />I am a corporation
+            </fieldset>
+            <button class="btn">View Designs</button>
+          </form>
+          <div class="work">
+            <h2>Where We Work</h2>
+            <section class="contact-locations">
+              <div>
+                <p class="contact-heading">New York</p>
+                <p>123 Lane</p>
+                <p>Suite 100</p>
+                <p>Albany, NY 12345</p>
+                <p>New York</p>
+                <p>202 555 0144</p>
+              </div>
+              <div>
+                <p class="contact-heading">Florida</p>
+                <p>Ocean Drive</p>
+                <p>Suite 201</p>
+                <p>Orlando, FL 22345</p>
+                <p>502 555 0144</p>
+              </div>
+              <div>
+                <p class="contact-heading">California</p>
+                <p>Mountain Street</p>
+                <p>Suite 105</p>
+                <p>San Diego, CA 22345</p>
+                <p>702 555 0144</p>
+              </div>
+            </section>
+          </div>
+        </div>
+      </section>
+      <footer>
+        <section class="locations">
+          <div class="email">
+            <p>Interested in starting a project?</p>
+            <p>Let’s talk:</p>
+            <input type="text" placeholder="Enter email" />
+            <p class="email-text">
+              We'll never share your email with anyone else.
+            </p>
+          </div>
+          <div>
+            <p class="footer-heading">New York</p>
+            <p>123 Lane</p>
+            <p>Suite 100</p>
+            <p>Albany, NY 12345</p>
+            <p>New York</p>
+            <p>202 555 0144</p>
+          </div>
+          <div>
+            <p class="footer-heading">Florida</p>
+            <p>Ocean Drive</p>
+            <p>Suite 201</p>
+            <p>Orlando, FL 22345</p>
+            <p>502 555 0144</p>
+          </div>
+          <div>
+            <p class="footer-heading">California</p>
+            <p>Mountain Street</p>
+            <p>Suite 105</p>
+            <p>San Diego, CA 22345</p>
+            <p>702 555 0144</p>
+          </div>
+        </section>
+        <p class="cr">Copyright &copy; 2018 Smith and Jones</p>
+      </footer>
+    </div>
+    <!-- End container-->
 
-	<h1>Contact</h1>
-
-<!-- Contactd Us Content 
-  Contact Us
-
-Get In Touch
-
-Email Address
-Enter Email
-We'll never share your email with anyone else.
-
-How many buildings do you need planned?
-1-5
-
-Provide a brief overview of your project needs:
-
-I am a small business
-I am a residential owner
-I am a corporation
-
-Submit
-
-Where We Work
-
-New York
-123 Lane
-Suite 100
-Albany, NY 12345
-202 555 0144
-
-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>
-</body>
-</html>
+    <script src="js/index.js"></script>
+  </body>
+</html>