Skip to content

Commit d806824

Browse files
author
Jacob Krol
committed
Reupload files
1 parent 066ea35 commit d806824

File tree

14 files changed

+10883
-0
lines changed

14 files changed

+10883
-0
lines changed

fonts/roboto mono.ttf

112 KB
Binary file not shown.

fonts/source sans.ttf

287 KB
Binary file not shown.

graphics/Jacob Circle.png

779 KB
Loading

graphics/chicago-uic-small-2.png

1.88 MB
Loading

graphics/cv1.png

30.2 KB
Loading

graphics/name icon.png

16.5 KB
Loading

graphics/nav-bar-gradient.png

28.8 KB
Loading

graphics/resume5.png

79.9 KB
Loading

graphics/trifolium-mechanism.gif

487 KB
Loading

index.html

Lines changed: 183 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,183 @@
1+
<!DOCTYPE html>
2+
3+
<!--
4+
Created by Jacob Krol
5+
Thanks for visiting!
6+
For inquiries, please contact [email protected]
7+
-->
8+
9+
<html lang="en">
10+
<head>
11+
<!-- META DATA -->
12+
<meta charset="UTF-8" />
13+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
14+
<meta name="author" content="Jacob Krol" />
15+
<meta name="description" content="My name is Jacob Krol, an undergraduate at the University of Illinois at Chicago, studying for a BS in Mathematics and Computer Science and a BA in French and Francophone Studies." />
16+
<meta name="keywords" content="Jacob Krol, Resume, CV, Website, Undergraduate, Mathematics, Computer Science, French, Web Design" />
17+
18+
<!-- TITLE CARD -->
19+
<title>Jacob Krol</title>
20+
<link rel="shortcut icon" href="./graphics/name icon.png" />
21+
22+
<!-- STYLE AND SCRIPTS -->
23+
<link rel="stylesheet" href="styles2.css" />
24+
<script type="text/javascript" src="./scripts/jquery-3.3.1.js"></script>
25+
<script type="text/javascript" src="./scripts/js-main.js"></script>
26+
</head>
27+
28+
<body>
29+
30+
<img src="./graphics/name icon.png" style="display: none" /> <!-- INCLUDED FOR DIV RESIZING IN JQUERY -->
31+
32+
<header>
33+
34+
<ul id="menu">
35+
<a id="icon" href="#"></a>
36+
<div id="menu-items">
37+
<li><a href="#">Home</a></li>
38+
<div class="drop-box">
39+
<li><a href="#" class="drop">Resume</a></li>
40+
<div class="drop-content">
41+
<a href="#">Work Experience</a>
42+
<a href="#">Education</a>
43+
<a href="#">Skills</a>
44+
<a href="#">Projects</a>
45+
</div>
46+
</div>
47+
<div class="drop-box">
48+
<li><a href="#" class="drop">CV</a></li>
49+
<div class="drop-content">
50+
<a href="#">Link 1</a>
51+
<a href="#">Link 2</a>
52+
<a href="#">Link 3</a>
53+
</div>
54+
</div>
55+
<div class="drop-box">
56+
<li><a href="#" class="drop">Projects</a></li>
57+
<div class="drop-content">
58+
<a href="#">MCL</a>
59+
<a href="#">Personal</a>
60+
<a href="#">Web Development</a>
61+
</div>
62+
</div>
63+
<li><a href="#">Contact</a></li>
64+
</div>
65+
</ul>
66+
67+
<div class="cover-image">
68+
<div class="overlay">
69+
<div id="name-tag">
70+
<h1 class="title">Jacob Krol</h1>
71+
<div class="h-line"></div>
72+
<h2 class="subtitle">Undergraduate, University of Illinois at Chicago</h2>
73+
</div>
74+
</div>
75+
</div>
76+
77+
</header>
78+
79+
<div class="content-block color1">
80+
<table class="columns narrow">
81+
<thead><td colspan="2">bio.</td></thead>
82+
<tr>
83+
<td>
84+
<img id="portrait" src="./graphics/Jacob Circle.png" alt="Photo of me" />
85+
</td>
86+
<td>
87+
<h2>Jacob Krol</h2>
88+
<p>Hello! I am currently studying Mathematics, Computer Science, and French at the University of Illinois at Chicago. Outside of class, my extra-curricular activities include various sports and student organizations, most notably being my large contribution to the UIC Speech Team.</p>
89+
</td>
90+
</tr>
91+
</table>
92+
</div>
93+
94+
<div class="side-scroll-outer">
95+
<div class="side-scroll-inner">
96+
<div class="content-block color2">
97+
<table class="columns narrow">
98+
<thead><td colspan="10">resume.</td></thead>
99+
<tr>
100+
<td>
101+
<h2>General Backgrounds</h2>
102+
<p>I have created this website for easier navigation and more thorough detailing of my experiences. To see more details, please visit my full-length <a href="#">resume page</a>, or feel free to <a href="#">download</a> a version as a PDF.</p>
103+
<p><i>Last updated: December 2018</i></p>
104+
</td>
105+
<td>
106+
<img id="resume-pic" src="./graphics/resume5.png" />
107+
</td>
108+
</tr>
109+
</table>
110+
</div>
111+
112+
<div class="content-block color3">
113+
<table class="columns narrow">
114+
<thead><td colspan="10">cv.</td></thead>
115+
<tr>
116+
<td>
117+
<h2>Relevant Experience</h2>
118+
<p>My curriculum vitae will feature many more experiences and more work than my resume, and it will have a stronger focus on the mathematical and computer science aspects of my background. To see it in longer details, visit the <a href="#">cv page</a>, or feel free to <a href="#">download</a> a version as a PDF.</p>
119+
<p><i>Last updated: April 2018</i></p>
120+
</td>
121+
<td>
122+
<img id="cv-pic" src="./graphics/cv1.png" />
123+
</td>
124+
</tr>
125+
</table>
126+
</div>
127+
128+
<div class="content-block color2">
129+
<table class="columns narrow">
130+
<thead><td colspan="10">projects.</td></thead>
131+
<tr>
132+
<td>
133+
<h2>Field Work</h2>
134+
<p>All of my previous and current projects span various fields within mathematics and computer science. Find some of them featured on my <a href="#">GitHub page</a>, or visit my <a href="#">projects page</a> on this site.</p>
135+
<p><i>Last updated: December 2018</i></p>
136+
</td>
137+
<td>
138+
<img id="project-gif" src="./graphics/trifolium-mechanism.gif" />
139+
</td>
140+
</tr>
141+
</table>
142+
</div>
143+
144+
<div class="content-block color3">
145+
<table id="contact" class="columns narrow">
146+
<thead><td colspan="10">contact.</td></thead>
147+
<tr>
148+
<td><h2>Keep in Touch</h2></td>
149+
</tr>
150+
<tbody class="two-col-center">
151+
<tr>
152+
<td>email.</td>
153+
154+
</tr>
155+
<tr>
156+
<td>phone.</td>
157+
<td>630-277-0867</td>
158+
</tr>
159+
<tr>
160+
<td>location.</td>
161+
<td>Chicago, IL, 60607</td>
162+
</tr>
163+
<tr>
164+
<td>github.</td>
165+
<td><a href="#">./JacobKrol</a></td>
166+
</tr>
167+
<tr>
168+
<td>linkedin.</td>
169+
<td><a href="#">Jacob Krol</a></td>
170+
</tr>
171+
</tbody>
172+
</table>
173+
</div>
174+
</div>
175+
</div>
176+
177+
<footer class="content-block color1">
178+
<h2><center>Let's Keep in Touch!</center></h2>
179+
</footer>
180+
181+
</body>
182+
183+
</html>

0 commit comments

Comments
 (0)