/
resume.html
203 lines (197 loc) · 6.79 KB
/
resume.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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.11.1/katex.min.css">
</link>
</head>
<body>
<div id="main">
<div id="title">
<h1>Jon Snow</h1>
<div class="subtitle">King in the North</div>
</div>
<div class="main-block">
<h2><i class="fa fa-suitcase"></i> Experiences</h2>
<div class="blocks">
<div class="date"><span>Sn 1</span></div>
<div class="decorator"></div>
<div class="details">
<header>
<h3>Bastard in Residence</h3><span class="place">Winterfell Castle</span><span class="location">North</span>
</header>
<div class="description">
<ul>
<li>Spent time with the rest of the family.</li>
<li>Waited outside on formal occasions.</li>
</ul>
</div>
</div>
</div>
<div class="blocks">
<div class="date"><span>Sn 1</span><span>Sn 6</span></div>
<div class="decorator"></div>
<div class="details">
<header>
<h3>Lord Commander</h3><span class="place">Night Watch</span><span class="location">Castle Black</span>
</header>
<div class="description">
<ul>
<li>Defended a thousand-years tradition</li>
<li>Liked the job so much, got stabbed and died and still came back the next SHanged all the rascals.</li>
</ul>
</div>
</div>
</div>
<div class="blocks">
<div class="date"><span>Sn 6</span><span>Sn 7</span></div>
<div class="decorator"></div>
<div class="details">
<header>
<h3>King in the North</h3><span class="place">Winterfell Castle</span><span class="location">North</span>
</header>
<div class="description">
<ul>
<li>Tightened links with the Mother of Dragons</li>
<li>Wisely delegated important responsabilities to my sister.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="main-block">
<h2><i class="fa fa-folder-open"></i> Selected Projects </h2>
<div class="blocks">
<div class="date"><span>Sn 6</span></div>
<div class="decorator"></div>
<div class="details">
<header>
<h3>Hardhome Rescue</h3><span class="place">Some Workplace</span>
</header>
<div class="description">
<ul>
<li>Came there for the people, stayed for the white walkers.</li>
<li>Brought back a few hundred wildings.</li>
</ul>
</div>
</div>
</div>
<div class="blocks">
<div class="date"><span>Sn 5</span></div>
<div class="decorator"></div>
<div class="details">
<header>
<h3>Wilding Raid Rebutal</h3><span class="place">Some other workplace</span>
</header>
<div class="description">
<ul>
<li>Fought back one of the largest wilding armies ever.</li>
<li>Stepped up when the commander was down.</li>
<li>Events led to my nomination as Lord Commander</li>
</ul>
</div>
</div>
</div>
<div class="blocks">
<div class="date"><span>Sn 7</span></div>
<div class="decorator"></div>
<div class="details">
<header>
<h3>White Walker Capture</h3><span class="place">Some other workplace</span>
</header>
<div class="description">
<ul>
<li>Organized and led an elite squadron for the capture of a Walker.</li>
<li>Outcome led to world peace in front of a common ennemy.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="main-block concise">
<h2><i class="fa fa-graduation-cap"></i> Education</h2>
<div class="blocks">
<div class="date"><span>Sn 1</span></div>
<div class="decorator"></div>
<div class="details">
<header>
<h3>Martial Training</h3><span class="place">Winterfell Castle</span><span class="location">North</span>
</header>
<div class="description">
<div class="description">Relationship of the number with the answer to life, the universe and everything
</div>
</div>
</div>
</div>
<div class="blocks">
<div class="date"><span>Sn 1</span><span>Sn 3</span></div>
<div class="decorator"></div>
<div class="details">
<header>
<h3>Squire Training</h3><span class="place">Castle Black</span><span class="location">North</span>
</header>
<div class="description">
<div class="description">Made the bed, folded the towels, listened a lot.</div>
</div>
</div>
</div>
<div class="blocks">
<div class="date"></div>
<div class="decorator"></div>
<div class="details">
<header>
<h3>School of Life</h3>
</header>
<div class="description">
<div class="concise">
<p>Generic dialectic life lessons including</p>
<ul>
<li>Do we ever <em>know</em> anything ?</li>
<li>Is <em>this</em> a trick ?</li>
<li>How to king</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="sidebar">
<div class="side-block" id="contact">
<h1>Contact Info</h1>
<ul>
<li><i class="fa fa-globe"></i> https://yakpdf.com/</li>
<li><i class="fa fa-linkedin"></i> linkedin.com/in/jon</li>
<li><i class="fa fa-envelope"></i> info@yakpdf.com</li>
<li><i class="fa fa-twitter"></i> @yakpdf</li>
<li><i class="fa fa-phone"></i> +39 123456789</li>
</ul>
</div>
<div class="side-block" id="skills">
<h1>Skills</h1>
<ul>
<li>Fighting</li>
<li>Wall climbing</li>
</ul>
<ul>
<li>Rescuscitating</li>
<li>Kinging</li>
</ul>
</div>
</div>
</div>
<style>
@import 'https://cdn.jsdelivr.net/gh/mnjul/html-resume@71ffb26da44abb41dad40b64eb7a975ccc5dd247/style.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css';
@import 'https://fonts.googleapis.com/css?family=Open+Sans';
@import 'https://fonts.googleapis.com/css?family=Source+Code+Pro';
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
.blocks {
height: fit-content;
}
.decorator::after {
margin-left: 1px;
}
</style>
</body>
</html>