-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (100 loc) · 3.93 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
<!DOCTYPE HTML>
<!--
Monochromed by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Ryan Koh</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header">
<div class="container">
<!-- Logo -->
<div id="logo">
<h1><a href="#">Ryan Koh</a></h1>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="aboutme.html">About Me</a></li>
<li><a href="teaching.html">Teaching</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
<!-- Header -->
<!-- Main -->
<div id="main">
<div class="container">
<header>
<h2>Hi, I'm Ryan Koh!</h2>
</header>
<div class="row">
<div class="3u">
<section>
<div class="image full"><img src="images/profile_pic.jpg" alt="" /></div>
</section>
</div>
<div class="5u">
<section>
<span>
I'm a third-year Computer Science undergraduate at UC Berkeley with an interest in Artificial Intelligence and software development.
I'm also currently an Undergraduate Student Instructor for Berkeley's Intro to Artificial Intelligence class CS188.
</span>
<p id="nomargins">
<a href="files/Ryan Koh Resume.pdf" class="button" id="homebuttons">Resume</a>
<a href="teaching.html" class="button" id="homebuttons">CS188 Materials</a>
</p>
<p id="hometext">
<b>Thanks for checking out my website!</b>
</p>
<p id="hometext">
Feel free to contact me at <b>ryan_koh@berkeley.edu</b>
</p>
<p id="hometext">
<a href="https://github.com/kaipinryankoh"><img src="images/github_logo.png" id="logos"/></a>
<a href="https://www.linkedin.com/in/ryankaipinkoh/"><img src="images/linkedin_logo.png" id="logos"/></a>
<a href="https://www.facebook.com/kaipinryankoh"><img src="images/facebook_logo.png" id="logos"/></a>
</p>
</section>
</div>
<div class="1u">
<div class="vertline"></div>
</div>
<div class="3u">
<h2 class="centerheader">Feed the turtles!</h2>
<object class="center" type="application/x-shockwave-flash" style="outline:none;" data="assets/turtle.swf" width="100%" height="100%"><param name="movie" value="http://cdn.abowman.com/widgets/turtles/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
</div>
</div>
</div>
</div>
<!-- Main -->
<!-- Copyright -->
<div id="copyright">
<div class="container">
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
</div>
</div>
</body>
</html>