Basic-Portfolio/contact.html at master · codechennerator/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
<!DOCTYPE html>
<html>
	<head>
		<title>Contact Nathan</title>
		<link rel="stylesheet" type="text/css" href="assets/css/style.css">
	</head>

	<body>
		<!-- Top Container -->
		<div class = "top-container">
			<!-- Header -->
			<header>
				<h1>Nathan Chen</h1>
			</header>

			<!--Navigation -->

			<nav>
				<a href = "index.html" class = "navItems">Home</a>
				<a href = "portfolio.html" class = "navItems">Portfolio</a>
				<a href = "contact.html" class = "navItems">Contact</a>
			</nav>
		</div>

		<div class = "container">
			<form class= "left-container">
				<h2>Contact</h2>
				<label for = "fullname">Name</label>
				<input type = "text" id = "fullname" placeholder="Ken M">
				<label for = "email">Email</label>
				<input type = "text" id = "email" placeholder="someplace@emailserver.com">
			    <label for="message">Message</label>

			    <!--Change the style in css later -->
			    <textarea id="message" name="message" style="height:200px"></textarea>
			    <input type="submit" value="Submit" class = "subButton">
			</form>

			<!--Section 2: Social Media Aside-->
			<aside class= "sideBar">
				<h2 id = "connect">Connect with Me</h2>
				<img src ="assets/images/if_github_square_black_107109.png" class = "socialLink">
				<img src = "assets/images/if_linkedin_square_color_107091.png" class = "socialLink">
				<img src = "assets/images/if_stackoverflow_1218303.png" class = "socialLink">
			</aside>
		</div>

		<!-- Footer -->
		<footer>
			&copy; Copyright Nathan Chen
		</footer>
	</body>
</html>