-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
187 lines (187 loc) · 12.5 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Résumé</title>
<link rel="stylesheet" href="https://binary-studio-academy.github.io/stage-2/assets/stylesheets/base.css">
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="icon" type="image/webp" sizes="16x16" href="assets/images/jon_snow.webp">
</head>
<body>
<main>
<article>
<div class="page" style="border-color: midnightblue;">
<div class="stackable grid">
<div class="row">
<div class="three wide center aligned column">
<div class="avatar-wrapper">
<object class="avatar" data="./assets/images/jon_snow.webp" role="img" aria-label="My profile picture"></object>
</div>
</div>
<div class="thirteen wide column">
<div class="stackable grid">
<div class="sixteen wide column">
<h1 class="name">Jon Snow</h1>
<div class="job">Lord Commander of the Night`s Watch and Wildlings</div>
<ul class="contacts">
<li>
<a href="https://www.fb.com/JonhSnowGameOfThrones" rel="author" class="facebook">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"/></svg>
<span>to my Facebook</span>
</a>
</li>
<li>
<a href="tel:+380935610264" rel="author" class="phone">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"></path></svg>
<span>to my manager</span>
</a>
</li>
<li>
<a href="mailto:[email protected]" rel="author" class="mail">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>
<span>[email protected]</span>
</a>
</li>
<li>
<a href="https://www.instagram.com/jon_snow_king/" rel="author" class="instagram">
<svg class="icon" fill="#000000" height="16" viewBox="0 0 22 22" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
<span>to my Instagram</span>
</a>
</li>
<li>
<a href="https://twitter.com/KingJonSnow_" rel="author" class="twitter">
<svg class="icon" height="16" viewBox="0 0 22 22" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" /></svg>
<span>to my Twitter</span>
</a>
</li>
</ul>
</div>
<div class="sixteen wide mobile only column">
<div class="divider"></div>
</div>
<div class="sixteen wide column">
<h2>RÉSUMÉ</h2>
<p>— I`ve come close to death too many times and I`ve even died and come back to life.
I have a close connection to animals, espacially direwolves and dragons.
I`m a compassionate and loyal man, just ask my family.
People used to call me a bastard, but now - The Targaryen Wolf. </p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="sixteen wide column">
<div class="fat divider"></div>
</div>
</div>
<div class="row">
<div class="ten wide column">
<section>
<h3>Experience</h3>
<ul class="timeline">
<li>
<h4>Kingdom of the The North | Winterfell</h4>
<ul class="timeline">
<li>
<h5><i>Warden of the North | 304 AL-Present</i></h5>
<ul class="list">
<li>Participated in strategic talks regarding the threat of the White Walkers and the light King.</li>
<li>Used personal charm to strengthen alliance with Queen Danacrys Targaryen.</li>
</ul>
</li>
<li>
<h5><i>King in the North | 303 AL- 304 AL</i></h5>
<ul class="list">
<li>Led a coalition of over 500.000 Northerners and Free Folk to victory against House Bolton at the Bartle of the Bastards.</li>
<li>Forged an alliance with Danacrys Targaryen, securing access to over 20.000 lbs of Dragonglass reserves beneath Dragonstone.</li>
<li>Led expedition to capture a wight, in an effort to build consensus regarding the existence of the Night King.</li>
<li>Restored Stark rule and began rebuilding the North after its devastation during the War of the Five Kings.</li>
</ul>
</li>
</ul>
</li>
<li>
<h4>The Night's Watch | Castle Black</h4>
<ul class="timeline">
<li>
<h5><i>Lord Commander | 302- AL- 303 Al</i></h5>
<ul class="list">
<li>Negotiated improved relations between the Free Folk and the North, Offering land in exchange for protections.</li>
<li>Arose from the dead after being assassinated by a nativist faction of the Night's Watch.</li>
<li>Rescued a band of Free Folk from Hardhome where they were besieged by The Army of the Dead.</li>
</ul>
</li>
<li>
<h5><i>Brother of the Nights Watch | 300 AL- 302 AL</i></h5>
<ul class="list">
<li>Organized the defense of Castle Black and withstood massive assault by Mance Rayder's coalition of Free Folk.</li>
<li>Defeated a band of Night's Watch mutincers, avenging the death of Lord Commander Jeor Mormont.</li>
<li>Infilerated the forces of Mance Rayder and gained valuable intelligence on the Wilding army.</li>
</ul>
</li>
<li>
<h5><i>Steward to Lord Commander Jeor Mormont | 298 AL-300 AL</i></h5>
<ul class="list">
<li>Chosen as Steward to Lord Commander Mormont - an indication of leadership potential.</li>
<li>Killed a wight that was attacking Commander Mormont. Received Longelaw, a Valyrian steel blade as reward.</li>
<li>Assisted in cooking, cleaning, hunting, and message delivery which was vital to Castle Black's operations.</li>
</ul>
</li>
</ul>
</li>
</ul>
</section>
</div>
<div class="six wide column">
<section>
<h3>Languages</h3>
<span class="language">Dothraki, Valyrian, Common</span>
</section>
<section>
<h3>Skills and interests</h3>
<p><strong>Weapon: </strong>Longclaw-Valyrian Steel Blade</p>
<p><strong>Pets: </strong>Ghost(Direwolf)</p>
<p><strong>Supernatural: </strong>Can Rise From the Dead</p>
</section>
<section>
<h3>Strengths</h3>
<ul class="list">
<li>Self-resurrection and recovery</li>
<li>Army and battle-force acquisition</li>
<li>Diplomacy/gaining trust of allies</li>
<li>Deconstructing/evaluating war strategies</li>
</ul>
</section>
<section>
<h3>Accomplishments</h3>
<ul class="list">
<li>Killed a While Walker (just as shocked as you)</li>
<li>Rose from the dead (we will see how it pans out)</li>
<li>998<sup><small>th</small></sup> Lord Commander</li>
<li>Cared for and raised a wolf (fed, castle trained, etc.)</li>
</ul>
</section>
<section>
<h3>Education</h3>
<h5><i>Winterfell | 285 AL - 298 Al</i></h5>
<h5>Student of Maester Luwin & Ser Rodrick Cassel </h5>
<ul class="list">
<li>Trained in various arms including bow and arrow, longsword, and close combat</li>
<li>Received a Highborn education studing statecraft, oration, military strategy, and Westerosi History</li>
</ul>
</section>
</div>
</div>
</div>
<section>
<h3>Gifs</h3>
<img src="https://media0.giphy.com/media/3og0IHyZMxZNkNOWT6/200w.webp?cid=ecf05e47cku7canerlhbgupfpbebzn1qpo1xdso7efsin85y&rid=200w.webp" class="gif" alt="Gif1">
<img src="https://media0.giphy.com/media/39yFzWEcidBLFM5iFf/200w.webp?cid=ecf05e47lptqi3iam16blvpwl5h4mn2enzbq3aqbm6llxorc&rid=200w.webp" class="gif" alt="Gif2">
<img src="https://media0.giphy.com/media/3og0IH6dEW7dsQ42Q0/200w.webp?cid=ecf05e47osbv3ca6gqmzcu7jibm424anl2ap60x20vwlcueh&rid=200w.webp" class="gif" alt="Gif3">
<img src="https://media4.giphy.com/media/lPd2V3kG7gaGU2gEIC/200w.webp?cid=ecf05e47t3tauxa9frhp0b7iscezxd76l7m3h2y56m7i48aw&rid=200w.webp" class="gif" alt="Gif4">
</section>
</div>
</article>
</main>
</body>
</html>