-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (129 loc) · 7.44 KB
/
index.html
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kevin Li | Washington University in St. Louis</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/wdcss.css">
</head>
<body>
<header>
<div class="container">
<h1><b>Kevin Li</b></h1>
<p><i>Undergraduate studying Biomedical Engineering and Computer Science</i></p>
<nav class="site-nav">
<ul class="group">
<!--<li><a href="#"><b>Home</b></a></li>-->
<!--<li><a href="#"><b>About</b></a></li>-->
<!--<li><a href="#"><b>Portfolio</b></a></li>-->
<!--<li><a href="#"><b>Contact Us</b></a></li>-->
<li><a href="#"><b>Home</b></a></li>
<li><a href="#"><b>Work</b></a></li>
<li><a href="#"><b>Projects</b></a></li>
<li><a href="#"><b>Contact</b></a></li>
</ul>
</nav>
</div>
</header>
<div class="content-area group">
<div class="container">
<div class="main-area">
<!-- <h2>Main Column Heading</h2>-->
<!--<p>This is the main area (or column).
This purchase protects the usual lawn on top of a water. Your hideous weather deletes the paste. The lady forgets any creator beneath the funnier abuse. The jargon dresses into a member! The tip tails the cable.</p>-->
<!-- <div class="image-banner">
<img src="images/squirrel.jpg">
<div class="banner-description">
<p>
This a squirrel-ly boi. This is a photograph of a squirrel eating a berry found in the middle of the woods. This squirrel was incredibly brave and loved prancing around like nobody's business.
</p>
</div>
</div>-->
<!-- <div class="box-a">
<p>Key Feature 1</p>
</div>
<div class="box-a">
<p>Key Feature 2</p>
</div>
<div class="box-a">
<p>Key Feature 3</p>
</div>
<div class="box-a">
<p>Key Feature 4</p>
</div>-->
<!-- <nav class="ui-menu">
<ul class="group">
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Settings</a></li>
</ul>
</nav>-->
<!--<p>“’Why did you do all this for me?’ he asked. ‘I don’t deserve it. I’ve never done anything for you.’ ‘You have been my friend,’ replied Charlotte. ‘That in itself is a tremendous thing.’” E.B. White, Charlotte’s Web</p>-->
<p> Website is still under construction, but I have attached my resume and some contact info on the side bar.
Please feel free to contact me with any questions!</p>
<!-- <form>
<label for="email" class="hidden-label">Email</label>
<input type="email" name="email" id="email" placeholder="Email">
<label for="password" class="hidden-label">Password</label>
<input type="password" name="password" id="password" placeholder="Password">
<select>
<option>Initially view...</option>
<option>My Profile</option>
<option>Inbox</option>
<option>Account Settings</option>
</select>
<input type="submit" value="Sign In">
<label>
<input type="checkbox" name="remember" checked="checked" value="yes">
<span class="checkbox-text">Stay signed in</span>
</label>
</form>-->
<!-- <div class="image-banner">
<img src="images/moon.png">
<div class="banner-description">
<p>
<i>Credits: WallpaperFinder</i>
</p>
</div>
<img src="images/travel.png">
<div class="banner-description">
<p>
<i>Credits: XKCD</i>
</p>
</div>
</div>-->
<div class="row">
<div class="col col-xs-6">
<img src="images/moon.png">
</div>
<div class="col col-xs-6">
<img src="images/travel.png">
</div>
<!-- <div class="col col-xs-6">
<img src="images/squirrel.jpg">
</div>-->
<p><i><b>Image credits:</b> (1) WallpaperFinder, (2) XKCD</i></p>
</div>
</div>
<aside class="sidebar">
<!--<p> This is the sidebar. The constructive raid mentions the gradual. The landlord bores into the house. The deterrent stamps the sarcasm. Can the spirit sleep beneath the respective treasure?.</p>-->
<!-- <p><a href="C:\Users\Kevin\Documents\Coding\my_website\files\Kevin_K_Li_Updated_09_08_2018.pdf"> Resume</a></p>-->
<p><a href="https://drive.google.com/file/d/1_uZCP8AkJyRy-YhK9PtmVZJQPw3CQBgJ/view?usp=sharing">Resume</a></p>
<p><a href="https://www.linkedin.com/in/kevin-li-aa9397103/"> LinkedIn</a></p>
<!--<a href="C:\Users\Kevin\Documents\Coding\my_website\files\Kevin_K_Li_Updated_09_08_2018.pdf"> Resume</a>-->
<p><b>Email:</b> <i>[email protected]</i></p>
<p><b>Cell:</b> <i>513-675-4995</i></p>
<!--<object height="950" data="../files/Kevin_K_Li_Updated_09_08_2018.pdf" type="application/pdf" width="860">-->
<!-- <p>It appears you don't have a PDF plugin for this browser.-->
<!-- No biggie... you can <a href="sample-report.pdf">click here to-->
<!-- download the PDF file.</a>-->
<!-- </p>-->
<!--</object>-->
</aside>
</div>
</div>
<footer>
<p>Thanks to Github for hosting this page.</p>
</footer>
</body>
</html>