Basic-Portfolio/contact.html at master · ericmercado/Basic-Portfolio · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Eric Mercado/ Contact</title>
	<link rel="stylesheet" href="./assets/css/reset.css">
	<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>

	<header>
		<div class="container">
			<div class="name">
				<div class="logo">Eric Mercado</div>
			</div>
			<nav class="nav">
				<ul>
					<li><a href="index.html">About</a></li>
					<li><a href="portfolio.html">Portfolio</a></li>
					<li><a href="#" class="active">Contact</a></li>
				</ul>
			</nav>
		</div>
	</header>

	<div class="content">
		<div class="main">
			<h1 class="page-title">Contact</h1>
			<form action="#" class="contact">
				<label for="name">Name</label>
				<input type="text" name="name" id="name" placeholder="John Smith">
				<label for="email">Email</label>
				<input type="text" name="email" id="email" placeholder="example@gmail.com">
				<label for="name">Message</label>
				<textarea rows="10" cols="40" name="message" id="message"></textarea>
				<input type="submit" value="Submit">
			</form>

		</div>

		<div class="sidebar">
			<h2 class="sidebar-title">Connect with Me</h2>
			<ul class="social">
				<li><a href="https://github.com/ericmercado/"><img src="./assets/images/github.png" alt="GitHub"></a></li>
				<li><a href="https://www.linkedin.com/in/eric-mercado-9b6084156/"><img src="./assets/images/linkedin.png" alt="LinkedIn"></a></li>
				<li><a href="https://stackoverflow.com/users/9206661/eric-mercado"><img src="./assets/images/stack.png" alt="Stack Overflow"></a></li>
			</ul>
		</div>

	</div>


	<footer>
		&copy; Copyright 2017 Eric Mercado
	</footer>

</body>
</html>