student_bio/index.html at master · codechennerator/student_bio · 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
<!DOCTYPE html>
<html>
	<head>
		<title>My Bio</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
	</head>


	<body>
		<header>
			<h1>My Bio</h1>
		</header>

		<div class = "container">
			<!--Section 1: Name, Picture, and Bio-->
			<section id ="main-bio">
				<h2>Nathan Chen</h2>

				<img src = "http://duncanlock.net/images/posts/better-figures-images-plugin-for-pelican/dummy-200x200.png" 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>

				<p>Duis erat arcu, porttitor at sagittis quis, lobortis eget augue. Fusce mollis vel felis ut sodales. Suspendisse hendrerit ornare diam at vestibulum. Sed at erat ante. Morbi ornare ipsum nulla, in pellentesque felis fringilla quis. Quisque laoreet tortor ut ex suscipit, quis bibendum ipsum blandit. Donec venenatis, purus id lobortis volutpat, orci ex eleifend nisi, ac volutpat libero orci at ligula. Mauris libero sapien, dictum eget accumsan ut, viverra pretium libero. Sed placerat velit et tortor ullamcorper, ut rutrum urna placerat. Proin finibus velit sed tortor efficitur, ut ornare dolor laoreet. Ut ut lacinia erat. Praesent sit amet velit facilisis, blandit odio eget, tempor mi. Fusce mauris nisi, tempus nec nisi ut, vestibulum semper tellus. Pellentesque semper ullamcorper erat.</p>
			</section>

			<!--Section 2: Contact Info-->
			<section id = "contact-info">
				<h2>Contact Info</h2>

				<!-- Contact info, # used for place holder links. -->
				<ul>
					<li>
						<b>Email: </b>
						<a href = "chenl.nathan@gmail.com">chenl.nathan@gmail.com</a>
					</li>
					<li>
						<b>Github: </b>
						<a href = "https://github.com/codechennerator/student_bio" target = "_blank">codechennerator</a>
					</li>
					<li>
						<b>Portfolio: </b>
						<a href = "#">coming soon</a>
					</li>
				</ul>
			</section>
		</div>
	</body>
</html>