jiruan.github.io/index.html at master · jiruan/jiruan.github.io · 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
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
<!DOCTYPE HTML>
<!--
	Phantom by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Jimmy's personal website</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-preload">
		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<div class="inner">

							<!-- Logo -->
								<a href="index.html" class="logo">
									<span class="symbol"><img src="images/logo.svg" alt="" /></span><span class="title">Jimmy's personal website</span>
								</a>

							<!-- Nav -->
								<nav>
									<ul>
										<li><a href="#menu">Menu</a></li>
									</ul>
								</nav>

						</div>
					</header>

				<!-- Menu -->
					<nav id="menu">
						<h2>Menu</h2>
						<ul>
							<li><a href="index.html">Home</a></li>
							<li><a href="assets/pdf/Jia Resume.pdf">My Resume</a></li>
							<li><a href="https://www.linkedin.com/in/jia-hao-ruan">My Linkedin</a></li>
							<li><a href="https://www.github.com/jiruan">My GitHub</a></li>
							<li><a href="https://www.gitlab.com/QWSR">My GitLab</a></li>
						</ul>
					</nav>

				<!-- Main -->
					<div id="main">
						<div class="inner">
							<header>
								<h1>Jimmy Ruan</h1>
								<p>I am a software engineer with programming experience in C++ and Python. I also have experience developing websites with Django, Flask, and ReactJS.</p>
								<p>Below, you will find a few web projects that I have on demo.</p>
							</header>
							<section class="tiles">
								<article class="style1">
									<span class="image">
										<img src="images/pic01.jpg" alt="" />
									</span>
									<a href="linguistics_115_website/index.html">
										<h2>Language Contact</h2>
										<div class="content">
											<p>Learn more about my language contact research topic - Dutch Turkish Contact in the Netherlands!</p>
										</div>
									</a>
								</article>
								<article class="style2">
									<span class="image">
										<img src="images/pic02.jpg" alt="" />
									</span>
									<a href="pong_demo/index.html">
										<h2>Pong Demo</h2>
										<div class="content">
											<p>Revive some nostalgia by playing the first video game(*) ever created!</p>
										</div>
									</a>
								</article>
								<article class="style3">
									<span class="image">
										<img src="images/pic03.jpg" alt="" />
									</span>
									<a href="http://picturesofchicago.net">
										<h2>Photographs of the city of Chicago</h2>
										<div class="content">
											<p>Take a look at some photos I have taken of the city of Chicago.</p>
										</div>
									</a>
								</article>
								<article class="style4">
									<span class="image">
										<img src="images/pic04.jpg" alt="">
									</span>
									<a href="https://mysterious-plains-73929.herokuapp.com/">
										<h2>Viral Breakout</h2>
										<div class="content">
											<p>Play a remaster of the classic Atari Breakout!</p>
										</div>
									</a>
								</article>
						</section>
						</div>
					</div>

				<!-- Footer -->
					<footer id="footer">
						<div class="inner">
							<section>
								<h2>Follow</h2>
								<ul class="icons">
									<li><a href="https://www.github.com/jiruan" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
									<li><a href="https://www.gitlab.com/QWSR" class="icon brands style2 fa-gitlab"><span class="label">GitLab</span></a></li>
									<li><a href="https://www.linkedin.com/in/jia-hao-ruan" class="icon brands style2 fa-linkedin"><span class="label">Linkedin</span></a></li>
						</ul>
							</section>
							<ul class="copyright">
								<li>&copy; Jimmy's Website. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
							</ul>
						</div>
					</footer>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>