Contact form edits

jessicajji · Jan 12, 2016 · fcd9f33 · fcd9f33
1 parent bdefca9
commit fcd9f33
Show file tree

Hide file tree

Showing 14 changed files with 321 additions and 497 deletions.
diff --git a/css/style.css b/css/style.css
@@ -417,14 +417,9 @@ margin-right:0;
   height: 550px;
   font-size: 20px;
 }
-.infocontainer{
-  height: 500px;
-  width: 50%;
-  float: left;
-  margin-top: 20px;
-}
+
 .mapcontainer{
-  margin-top: 38px;
+  margin-top: 30px;
   height: 400px;
   width: 50%;
   /*position: absolute;*/
@@ -433,11 +428,6 @@ margin-right:0;
   font-weight: 500;
   font-style: bold;
 }
-/*#map{
-  height: 300px;
-  width: 400px;
-  float: right;
-}*/
 #hello{
   margin-bottom: -40px;
 }
@@ -472,6 +462,53 @@ margin-right:0;
   color: white;
   letter-spacing: 2px;
   font-size: 22px;
+  margin-top: 5px;
+}
+
+.infocontainer{
+  height: 550px;
+  color: white;
+  width: 50%;
+  float: left;
+  margin-top: 20px;
+  font-family:'Roboto', sans-serif;
+}
+label {
+    display:block;
+    margin-top:20px;
+    font-weight: 300;
+    font-size: 18px;
+}
+form {
+    margin:0 auto;
+    width:459px;
+    margin-top: 60px;
+}
+
+/* Style the text boxes */
+input, textarea {
+  width:508px;
+  height:27px;
+  background:#f2f2f2;
+  opacity: 0.95;
+  border:1px solid #dedede;
+  padding:20px;
+  margin-top:3px;
+  font-size: 14px;
+  color:#3a3a3a;
+}
+
+textarea {
+  height:153px;
+}
+#submit {
+  height: 45px;
+  width: 120px;
+  font-size: 18px;
+  margin-top: 20px;
+}
+.form_container {
+  float: left;
 }
 
 /*-- responsive media queries --*/
@@ -526,11 +563,11 @@ margin-right:0;
     right: 250px;
   }
   #map{
-    width: 500px;
+    width: 519px;
   }
 @media(max-width:1280px){
   #map{
-    width: 500px;
+    width: 519px;
   }
   .banner-info{
     width: 65%;

diff --git a/css/swipebox.css b/css/swipebox.css
diff --git a/images/1.png b/images/1.png
diff --git a/images/2015 10 02 Compatibility Examination for CHS-1701 Final Report_ver2 (002).pdf b/images/2015 10 02 Compatibility Examination for CHS-1701 Final Report_ver2 (002).pdf
diff --git a/images/c.jpg b/images/c.jpg
diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@
 		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 	<!-- /mobile -->
 	<!-- js -->
-		<script type="text/javascript" src="js/jquery.min.js"></script>
+		<script type="text/javascript" src="js/jquery.min.js"></script>		
 	<!-- /js -->
 
 </head>
@@ -174,6 +174,7 @@ <h4>REDDIT REDESIGN</h4>
 <!--//portfolio-->
 <!--contact-->
 <div class="contact" id="contact">
+	<script type="text/javascript" src="js/script.js"></script>
 	<div class="container">
 		<div class="contact-info text-center">
 			<div class= "sectiontitle"><div class="head" id="contact-head">CONTACT</div></div>
@@ -183,24 +184,24 @@ <h4>REDDIT REDESIGN</h4>
 			<div class="col-md-5 infocontainer">
 				<div class="contactheader" id="hello">GET IN TOUCH</div>
 				<div class="stripb"></div>
-				<script language="javascript">var sa_email_id = '66020-1b713';var sa_sent_text = 'Thank you for contacting me! I\'ll get back to you soon.';</script>
-					<script language="javascript" src="http://s1.smartaddon.com/sa_htmlform.js"></script>
-					<div id="sa_contactdiv">
-						<form name=sa_htmlform style="margin:0px" onsubmit="return sa_contactform()">
-						<table>
+				<div class="form_container">
+					<form>        
+					    <label>Name *</label>
+					    <input class="contact-field" name="name">					     
+					    <label>Email *</label>
+					    <input class="contact-field" name="email" type="email">           
+					    <label>Message *</label>
+					    <textarea name="message"></textarea>				            
+					    <input id="submit" name="submit" type="submit" value="Submit">					        
+					</form>
+				</div>
+
+
+
 
-						<tr><td><div class="inputlabel" id="yourname">Name *</div><input type="text" name="name" required="true" style="width:500px;font-size: 14px; padding: 10px;"/></td></tr>
-						<div class="fieldbreak"></div>
-						<tr><td><div class="inputlabel" id="youremail">Email *</div><input type="text" name="email" required="true" style="width:500px;font-size: 14px; padding: 10px;"/></td></tr>
-						<tr><td><div class="inputlabel" id="yoursubject">Subject *</div><input type="text" name="subject" style="width:500px;font-size: 14px; padding: 10px;"/></td></tr>
-						<tr><td><div class="inputlabel" id="yourmessage">Message *</div><textarea name="message" cols="42" rows="3" required="true" style="width:500px;font-size: 14px; padding: 10px;"></textarea></td></tr>
-						<tr><td><input type="submit" value="SEND" style="font-weight: 700;margin-top: 16px; padding: 10px 30px;font-size: 14px; background-color: white; border: 1px solid gray;" id="emailbtn"></td></tr>
-						</table>
-						</form>		
-					</div>
 			</div>
 			<div class="col-md-7 mapcontainer">
-				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3149.508869071786!2d-122.26066029035253!3d37.871780625027185!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808f7718c522d7c1%3A0xda8034ea3b6b3289!2sUniversity+of+California%2C+Berkeley!5e0!3m2!1sen!2sus!4v1451498043393" width="500" height="460" id ="map" frameborder="0" style="border:0; float: right;" allowfullscreen></iframe>
+				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3149.508869071786!2d-122.26066029035253!3d37.871780625027185!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808f7718c522d7c1%3A0xda8034ea3b6b3289!2sUniversity+of+California%2C+Berkeley!5e0!3m2!1sen!2sus!4v1451498043393" width="540" height="480" id ="map" frameborder="0" style="border:0; float: right;" allowfullscreen></iframe>
 			</div>
 		</div>
 	</div>