-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
238 lines (236 loc) · 10.3 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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Arnold's own personal website.">
<meta property="og:image" content=" https://mawariko.github.io/homepage/Arnold.jpg">
<meta property="og:title" content="Arnold Schwarzenegger — Résumé">
<meta property="og:url" content=" https://mawariko.github.io/homepage/">
<title>Résumé</title>
<link rel="stylesheet" href="https://volodymyrkushnir.com/assets/stylesheets/base.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<article>
<div class="page" style="border-color: red;">
<!-- Content -->
<div class="stackable grid">
<div class="row">
<div class="three wide center aligned column">
<!-- Avatar -->
<div class="avatar-wrapper">
<object class="avatar" data="arny.svg" role="img" aria-label="My profile picture"></object>
</div>
<!-- Avatar -->
</div>
<div class="thirteen wide column">
<div class="stackable grid">
<div class="sixteen wide column">
<!-- Name, job, contacts -->
<h1 class="name">Arnold Schwarzenegger</h1>
<div class="job">Bodybuilder, actor, entrepreneur</div>
<ul class="contacts">
<li>
<a href="https://www.facebook.com/arnold" rel="author" class="facebook">
<i class="fa fa-facebook-square"></i>
<span>@Arnold</span>
</a>
</li>
<li>
<a href="https://www.instagram.com/schwarzenegger" rel="author" class="insta">
<i class="fa fa-instagram"></i>
<span>schwarzenegger</span>
</a>
</li>
<li>
<a href="https://twitter.com/schwarzenegger" rel="author" class="twitter">
<i class="fa fa-twitter-square"></i>
<span>@Schwarzenegger</span>
</a>
</li>
</ul>
<!-- Name, job, contacts -->
</div>
<div class="sixteen wide mobile only column">
<div class="divider"></div>
</div>
<div class="sixteen wide column">
<!-- Intro -->
<h2>Résumé</h2>
<p>— Hi people! I am confident enough that you know me, but for the sake of formalities… My name
is Arnold and I am an actor, bodybuilder, Terminator, filmmaker, hero, entrepreneur and
ex-politician.
I love achievements, growth and empowerment. That is exactly what I am willing to propagate.
</p>
<!-- Intro -->
</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">
<!-- Experience -->
<h3>Experience</h3>
<h6>Recent</h6>
<!-- Timeline (recent events) -->
<ul class="timeline">
<li class="highlighted">
<p><em>2019</em></p>
<p><strong>Enjoying my life</strong> and <strong><a target="_blank"
href="https://www.youtube.com/watch?v=rXodSqMpuUQ" rel="external">playing my part to imrove the
environment</a></strong> </p>
</li>
</ul>
<h6>Back then</h6>
<!-- Timeline (older events) -->
<ul class="timeline">
<li>
<p><em>2016</em></p>
<p><strong>Refused to vote for the Republican candidate</strong></p>
<ul>
<li class="details">
<input type="checkbox" id="other">
<label for="other" class="summary">why is this even important?</label>
<div>
<ul>
<li>I have been a Republican for all my conscious life</li>
<li>This wet noodle Trump represented Republicans and it was a shame!</li>
<li>I could have and should have been at his place! I could have been the President!</li>
</ul>
</div>
</li>
</ul>
</li>
<li>
<p><em>3<sup>rd</sup> January 2007 – 3<sup>rd</sup> January 2011</em></p>
<p><strong>Served my second term as Governor of California</strong></p>
</li>
<li>
<p><em>17<sup>th</sup> November 2003 – 3<sup>rd</sup> January 2007</em></p>
<p><strong>Served my first term as Governor of California</strong></p>
</li>
<li>
<p><em>17<sup>th</sup> November 2003 – 3<sup>rd</sup> January 2007</em></p>
<p><strong>Served my first term as Governor of California</strong></p>
</li>
<li>
<p><em>1993</em></p>
<p><strong>Was named "International Star of the Decade"</strong> by the National Association of
Theatre Owners</p>
</li>
<li>
<p><em>1985</em></p>
<p><strong>Got into politics publicly</strong>, accompanied then-Vice President George H. W. Bush at a
campaign rally</p>
</li>
<li>
<p><em>1984</em></p>
<p><strong>Became The Terminator</strong></p>
</li>
<li>
<p><em>1983</em></p>
<p><strong>Got my United States citizenship</strong></p>
</li>
<li>
<p><em>1980</em></p>
<p><strong>Graduated</strong> and received his bachelor's degree in business administration and
marketing</p>
</li>
<li>
<p><em>1976</em></p>
<p><strong>Won the Golden Globe Award for New Star of the Year – Actor </strong>for my role in Stay
Hungry</p>
</li>
<li>
<p><em>1970</em></p>
<p><strong>Captured my first Mr. Olympia title in New York</strong></p>
</li>
<li>
<p><em>1969</em></p>
<p><strong>Got my first role in a movie</strong> (Hercules in New York)</p>
</li>
<li>
<p><em>October 1968</em></p>
<p><strong>Moved to the USA, </strong>which had been my dream and ambition for a long time. </p>
</li>
<li>
<p><em>1967</em></p>
<p><strong>Attended the NABBA Mr. Universe competition</strong> in London, coming in second in that
competition. Was invited to stay in London and keep training with one of the judges (Bennett) </p>
</li>
<li>
<p><em>1966</em></p>
<p><strong>Became the youngest ever Mr. Universe</strong> at the age of 20. Then left London and flew
back to Munich to attended a business school. </p>
</li>
<li>
<p><em>1965</em></p>
<p><strong>Served in the Austrian Army</strong> </p>
</li>
<li>
<p><em>1960</em></p>
<p><strong>Began weight training</strong></p>
</li>
<li>
<p><em>30<sup>th</sup> July 1947</em></p>
<p><strong>Born in Austria</strong></p>
</li>
</ul>
<!-- Experience -->
</div>
<div class="six wide column">
<!-- Languages -->
<section>
<h3>Languages</h3>
<p class="tags small"> <span class="language" lang="en">🇺🇸 ENGLISH</span> <span class="language"
lang="de">🇩🇪 GERMAN</span></p>
</section>
<!-- Skills -->
<section>
<h3>Skills</h3>
<p class="tags small"><span class="nowrap">PUMPING IRON</span> <span class="nowrap">TERMINATING
MALICIOUS MACHINGS</span> <span class="nowrap">SAVING HUMANITY</span> ACTING <span
class="nowrap">GETTING CHRISTMAS PRESENTS</span> <span class="nowrap">KILLING PREDATORS</span>
<span>GOVERNING</span></p>
</section>
<!-- Character -->
<section>
<h3>Character</h3>
<p class="tags small">RESILIENT STRONG DETERMINED DEVOTED RELEVANT ARTISTIC STRONG EMPATHETIC
STORYTELLER HUMOROUS CHALLENGING BRAVE</p>
</section>
<!-- Likes -->
<section>
<h3>Likes😃</h3>
<p class="tags small">I LIKE MY ASS! ...sorry for my old English..But you will love it too!<a
class="donkey-link"><strong> Click Click!</strong></a></p>
</section>
<!-- Dislikes -->
<section>
<h3>Dislikes😞</h3>
<p class="tags small">TRUMP</p>
</section>
</div>
</div>
</div>
<!-- Content -->
</div>
<div id="donkey-overlay" class="hide-display">
<iframe id="donkey" width="800" height="700" src="https://www.youtube.com/embed/yvHddCNCfzw?start=0">
</iframe>
</div>
</article>
</main>
<footer>
<h3>I'll be back</h3>
</footer>
<script src="app.js"></script>
</body>
</html>