Basic-Portfolio/index.html at master · timothydlee/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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">

	<head>

		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href=assets/css/reset.css>
		<link rel="stylesheet" type="text/css" href=assets/css/style.css>

		<title>Portfolio</title>

	</head>

	<body>

		<div class="container"> <!--container is the entire layout, including the footer -->

			<div id="sub-container"> <!--sub-container is everything except the footer-->

				<header class="awesome-header"> <!-- container for the name and list of about, portfolio, contact -->

					<div class="header-container"> <!-- container for name -->

						<h1 class="name">Timothy Lee</h1>

					</div>

					<nav id="navcontainer"> <!--navigation to about, portfolio, contact pages-->

						<ul id="navlist">
							<li><a href="index.html">About</a></li>
							<li><a href="portfolio.html">Portfolio</a></li>
							<li><a href="contact.html">Contact</a></li>
						</ul>

					</nav>

				</header>

				<section id="main-content">

					<header class="info">

						<div class="about-me-box">

							<h2>About Me</h2>

							<br>

							<hr>

						</div>

						<img src="assets/images/ProfilePicture1.jpg" alt="Most Handsome Man in the World">

						<p>
							I'm a big sports fan. I went to the University of Michigan, and being from North East Ohio, I'm a huge fan of the Cavs, Indians and sadly (read: very sadly) the Browns. I can't complain though, since three out of my four teams had or are having great years. I may or may not have cried when the Cavs won the NBA Championship.
						</p>

						<p>
							Let's find out what happens when people stop being polite and people start getting real.
						</p>

					</header>

				</section> <!-- end id #main-content -->

				<aside class="connect-with-me"> <!-- start of connect with me sidebar -->

					<h3>Connect With Me</h3>

					<hr class="connect-with-me-line">

					<div class="connect-icons">
						<a href="https://github.com/timothydlee" target="_blank"><img src=assets/images/Github.png alt="github image"></a>
						<a href="https://www.linkedin.com/in/timothy-lee-84370328" target="_blank"><img src=assets/images/LinkedIn.png alt="linkedin icon"></a>
						<a href="http://stackoverflow.com/users/6933728/tim-lee" target="_blank"><img src=assets/images/StackOverflow.png alt="stackflow icon">
						</a>
					</div>

				</aside> <!-- end connect with me sidebar .connect-with-me -->

			</div> <!-- end id #sub-container -->

			<footer>
				&copy;Copyright Timothy Lee
			</footer>

		</div> <!-- end class .container -->

	</body>

</html>