Basic-Portfolio/index.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
<!DOCTYPE html>
<html>
	<head>
		<title>My Bio</title>
		<link rel="stylesheet" type="text/css" href="assets/css/style.css">
	</head>

	<!--Body -->
	<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 for main content-->
		<div class = "container">
			<!--Section 1: Name, Picture, and Bio-->
			<section class= "left-container">
				<h2>About Me</h2>

				<img src = "assets/images/me_and_deer.jpg" id = "bio-image">

				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec sagittis felis, eu scelerisque elit. Sed justo dolor, vestibulum quis enim sit amet, facilisis accumsan massa. Nulla venenatis, lacus vel lacinia consectetur, neque purus ullamcorper lacus, id elementum est diam sed quam. Phasellus mattis lorem non dui euismod feugiat. Nunc vulputate ex nisl, at hendrerit ante consectetur sit amet. Sed non fringilla ante. In pellentesque enim vel mollis faucibus. Morbi quis tortor sollicitudin, dapibus quam ac, ornare est. Phasellus eget magna in mauris suscipit aliquam eu id elit. Fusce ornare, dui vitae fringilla vestibulum, dui arcu volutpat sapien, non vehicula quam enim at leo. Donec sed diam vel odio placerat elementum. Proin scelerisque posuere ligula sed aliquam. Donec nec congue risus. Pellentesque laoreet fringilla elementum.</p>
			</section>

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

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