xinyichen516.github.io/contact.html at master · xinyichen516/xinyichen516.github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Xin Yi Chen || Contact Me</title>
	<link rel="stylesheet" type="text/css" href="assets/css/style.css">
	<link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono|Meddon|Open+Sans:400,600,800" rel="stylesheet">
	<script src="assets/js/js.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
		    $(".submit").click(function(){
		        alert("Thank you for the message! I usually respond within 48 hours.");
		    });
		});
	</script>
</head>
<body>
	<nav>
		<ul>
		  <li><a href="index.html">Home</a></li>
		  <li><a href="aboutme.html">About Me</a></li>
		  <li><a href="resume.html">Resume</a></li>
		  <li><a class="active" href="contact.html">Contact Me</a></li>
		  <li><a href="blog.html">Blog</a></li>
		</ul>
	</nav>
	<div class="header">Contact Us</div>
	<hr>
	<div class="text">
		To contact me, please refer to my LinkedIn, which can be accessed by clicking
		<a href="https://www.linkedin.com/in/xinyichen516/" style="text-decoration:none; color: #767676;">here</a>, email me at xinyichen@berkeley.edu, or use the form below:
	</div>
	<div id="contactform">
	    <label for="name">Your Name</label>
	    <input type="text" name="name" placeholder="Please Type Your Name">

	    <label for="email">Your Email</label>
	    <input type="text" id="email" name="email" placeholder="Please Type Your Email">

	    <label for="message">Your Message</label>
    	<textarea id="message" name="message" placeholder="Please Type Your Message" style="height:300px"></textarea>

    	<input class="submit" type="submit" value="Submit">
		</div>
</body>
</html>