Contact form - under construction

jessicajji · Jan 15, 2016 · 9a2a097 · 9a2a097
1 parent 7f6e524
commit 9a2a097
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 16 deletions.
diff --git a/css/style.css b/css/style.css
@@ -464,7 +464,6 @@ margin-right:0;
   font-size: 22px;
   margin-top: 5px;
 }
-
 .infocontainer{
   height: 550px;
   color: white;

diff --git a/index.html b/index.html
@@ -183,22 +183,22 @@ <h4>REDDIT REDESIGN</h4>
 			<div class="col-md-5 infocontainer">
 				<div class="contactheader" id="hello">GET IN TOUCH</div>
 				<div class="stripb"></div>
-				<div class="form_container">
-					<form method="post" action="mailto:jji@berkeley.edu">        
-					    <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>
-
-
+				<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>
+						<tr><td><div class="inputlabel" id="yourname">Name *</div><input type="text" name="name" required="true" style="width:500px;font-size: 14px; padding: 15px;"/></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: 15px;"/></td></tr>
+						<tr><td><div class="inputlabel" id="yoursubject">Subject *</div><input type="text" name="subject" style="width:500px;font-size: 14px; padding: 15px;"/></td></tr>
+						<tr><td><div class="inputlabel" id="yourmessage">Message *</div><textarea name="message" cols="42" rows="3" required="true" style="width:500px; height: 109px;font-size: 14px; padding: 10px;"></textarea></td></tr>
+						<tr><td><input type="submit" value="SEND" style="font-weight: 700;margin-top: 16px; width: 100px;font-size: 14px; background-color: white; border: 1px solid gray; text-align: center, margin: 0 auto;" 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="540" height="480" id ="map" frameborder="0" style="border:0; float: right;" allowfullscreen></iframe>
 			</div>