-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
79 lines (66 loc) · 3.21 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Contact Me</title>
<link rel="stylesheet" type="text/css" href="contact.css">
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>
<link rel="icon" href="favicon.ico?" type="image/x-icon">
</head>
<body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-64413529-1', 'auto');
ga('send', 'pageview');
</script>
<div id = "bg">
</div>
<div id ="page_cover">
</div>
<!-- contains the tim and logos -->
<div id = "logo_container">
<div id = "name_container">
<a href = "index.html">Tim Qin</a>
</div>
</div>
<!-- contains the menu options -->
<div id= "menu_container">
<ul = "navigation_container">
<a href ="index.html"><li> Homepage </li></a>
<a href = "about.html"><li id = "about_me"> About</li></a> <!-- remember put drop down option using javascript -->
<a href = "experience.html" ><li id = "experience"> Experience </li></a>
<a href = "contact.html"><li >Contact</li></a>
</ul>
</div>
<!-- main body -->
<div id= "main_content">
<div id = "body_title">
<!-- contact forms -->
<div id = "contact_form">
<div id = "contact_header">
<h2> Contact Me </h2>
</div>
<form action = "http://formspree.io/[email protected]" method ="post"> <!-- CHANGE ACTION TO PHP LATER -->
<input class = "required_name" type="text" name="fname" placeholder = "First Name" style="width:150px" required>
<input class = "required_name" type ="text" name="lname" placeholder = "Last Name" style = "width:150px" required><br>
<input id = "required_email" type="text" name="email" placeholder="Email" style = "width:309px" required><br>
<input id = "other_info" type ="text" name="optional_info" placeholder="Other Informations (Optional)" style = "width:309px"><br>
<textarea id = "required_comment" name="comment" placeholder = "Please Write Your Comments Here" required></textarea><br>
<input class ="submit_button" type = "submit" value = "Submit">
</form>
</div>
</div>
<div id ="side_content">
<h4> How to Reach Me </h4>
<!-- <a href = "https://www.facebook.com/tim.qin.5"> <img alt = "Tim Qin Facebook" src ="https://df0fc1a6e5-custmedia.vresp.com/46349ee152/facebook_emblem_1281380153718.jpg"/> Facebook</a><br> -->
<a href = "mailto:[email protected]?subject=Mail from TimQin.com"><img alt = "Email Tim Qin" src ="image/mail.png"/>Mail</a>
</div>
</div>
<div id = "footer">
<p>© 2015 Tim Qin All Rights Reserved. Design and created by Tim Qin</p>
</div>
</body>
</html>