-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
295 lines (293 loc) · 19.8 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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./img/4043269-avatar-male-president-trump_113267.svg" sizes="32x32">
<link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Trirong">
<link rel="stylesheet" href="https://binary-studio-academy.github.io/stage-2/assets/stylesheets/base.css">
<link rel="stylesheet" href="./styles/contacts.css">
<script src="./scripts/script.js"></script>
<title>Résumé</title>
</head>
<body>
<main >
<article>
<div class="page">
<div class="stackable grid">
<div class="row">
<div class="five wide center aligned column">
<!-- Avatar -->
<a target="_blank" href="https://en.wikipedia.org/wiki/Donald_Trump"><img data-tooltip="More about me" class="Avatar" alt="Trump Donald" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/56/Donald_Trump_official_portrait.jpg/250px-Donald_Trump_official_portrait.jpg"></a>
</div>
<div class="eleven wide column">
<div class="stackable grid">
<div class="sixteen wide column">
<h3 contenteditable="true">DONALD TRUMP</h3>
<div class="job"><img alt="president-trump" src="./img/4043269-avatar-male-president-trump_113267.svg"><b>President of United States of America</b><sub><small>(former)</small></sub></div>
<ul class="contacts">
<li><a href="https://www.fb.com/DonaldTrump" class="facebook" rel="author">
<img src="./img/Facebook_icon-icons.com_66805.svg" alt="facebook"><span>Donald Trump</span>
</a></li>
<li><a href="mailto:realDonaldTrump@whitehouse.gov" class="mail" rel="author">
<img src="./img/1486564396-mail_81524.svg" alt="mail"><span>realDonaldTrump@whitehouse.gov</span>
</a></li>
<li><a href="https://www.instagram.com/realDonaldTrump/" class="instagram" rel="author">
<img src="./img/instagram_101780.svg" alt="instagram"><span>realDonaldTrump/</span>
</a></li>
<li><a href="https://twitter.com/realDonaldTrump" class="twitter" rel="author">
<img src="./img/Twitter_icon-icons.com_66803.svg" alt="twitter"><span>realDonaldTrump</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>
<blockquote><hr><p>― I'm the most successful person ever to run for the presidency, by far. Nobody's ever been more
successful than me. I'm the most successful person ever to run. Ross Perot isn't successful like me.
Romney ― I have a Gucci store that's worth more than Romney. Sorry losers and haters, but my IQ is
one of the highest ― and you all know it! Please don't feel so stupid or insecure, it's not your
fault.</p><cite>Me</cite><hr></blockquote>
</div>
</div>
</div>
</div>
<div class="row">
<div class="sixteen wide column">
<img src="./img/arrow_bottom_15606.png" alt="arrow_bottom" data-tooltip="Scroll down" onclick="toBottom()" class="control">
<div class="fat divider"></div>
</div>
</div>
<div class="row">
<div class="ten wide column">
<!-- Experience -->
<h3 data-tooltip="Click to hide/show">Experience<span class="Point"></span></h3>
<ul class="timeline">
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>2017</em></small></p>
<p data-tooltip="Remove mouse to hide">Became 45th president of the United States</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>2016</em></small></p>
<p data-tooltip="Remove mouse to hide">Won election race with 77 votes more than Clinton, yippe-kee-yay!</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>2009</em></small></p>
<p data-tooltip="Remove mouse to hide">Changed my mind and became Republican again</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>2005</em></small></p>
<p data-tooltip="Remove mouse to hide">Started Trump University with Michael Sexton and Jonathan Spitalny: no grades, certificates and
other bureaucracy, but program offered courses in real estate, asset management entrepreneurship,
and wealth creation. 98% students gave positive reviews while studying, however some of these
ungrateful gringos filed lawsuits against Trump University after the course. I had to pay $25
million to settle that...</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>2001</em></small></p>
<p data-tooltip="Remove mouse to hide">Completed Trump World Tower and joined the Democratic Party</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1997</em></small></p>
<p data-tooltip="Remove mouse to hide">Began a multi-building development along the Hudson River, which was named Trump Place. Me and the
other investors sold our shares for $1.8 billion and that was then the biggest residential sale in
the history of New York City</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1994</em></small></p>
<p data-tooltip="Remove mouse to hide">Refurbished the Gulf and Western Building on Columbus Circle, turned it into a 44-story luxury
property known as Trump International Hotel and Tower</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1989, 1990</em></small></p>
<p data-tooltip="Remove mouse to hide">Learned about Tour de France and decided to hold my very own Tour de Trump. Is America not great
enough for that cycling competition?</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1987</em></small></p>
<p data-tooltip="Remove mouse to hide">Registered as a Republican</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1980</em></small></p>
<p data-tooltip="Remove mouse to hide">Started developing the Trump Tower skyscraper in Manhattan, I payed a crew of undocumented Polish
workers to demolish the historic Bonwit Teller store, including art deco features. All this to make
architectural critic Paul Goldberger say in 1983 that the tower's atrium is "the most pleasant
interior public space to be completed in New York in some years". At the same time I also started a
repair job on the Wollman Rink in Central Park and completed the work in three months for $1.95
million, which was $775,000 less than the initial budget!</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1971</em></small></p>
<p data-tooltip="Remove mouse to hide">Was promoted to president of the company and renamed it The Trump Organization</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1968</em></small></p>
<p data-tooltip="Remove mouse to hide">Began my career at my father's real estate development company, Elizabeth Trump & Son</p>
</li>
</ul>
<div class="fat divider"></div>
<!--Life-->
<h3 data-tooltip="Click to hide/show">Personal Life<span class="Point"></span></h3>
<ul class="timeline">
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>2006</em></small></p>
<p data-tooltip="Remove mouse to hide">Melania gained United States citizenship and gave birth to our son, Barron</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>2005</em></small></p>
<p data-tooltip="Remove mouse to hide">Married her</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1999</em></small></p>
<p data-tooltip="Remove mouse to hide">I had to divorce again(((</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1998</em></small></p>
<p data-tooltip="Remove mouse to hide">Met my future third wife, Melania Knauss</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1993</em></small></p>
<p data-tooltip="Remove mouse to hide">Married Marla and had a daughter, we named her Tiffany, because I like Tiffany & Company jewellery as well</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1992</em></small></p>
<p data-tooltip="Remove mouse to hide">Started affair with Marla Maples, so I had to divorce. God knows I love nice women, I love them all!</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1984</em></small></p>
<p data-tooltip="Remove mouse to hide">Birth of Eric Trump</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1982</em></small></p>
<p data-tooltip="Remove mouse to hide">Birth of Ivanka Trump</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1977</em></small></p>
<p data-tooltip="Remove mouse to hide">My first son is born. I called him Donald, of course!</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><small><em>1977</em></small></p>
<p data-tooltip="Remove mouse to hide">Married Czech model Ivana Zelníčková</p>
</li>
</ul>
</div>
<div class="six wide column">
<!-- Languages -->
<section>
<h3>Languages</h3>
<p class="tags small">
<a href="#" hreflang="ru" rel="alternate" class="language" lang="ru">
<img src="./img/russia_flags_flag_17058.png" alt="russia_flag">
<span data-tooltip="Я знаю Русский">РУССКИЙ</span></a>
<a href="#" hreflang="en" rel="alternate" class="language" lang="en">
<img src="./img/united_states_flags_flag_17080.png" alt="united_states_flag">
<span data-tooltip="I know English">ENGLISH</span></a></p>
</section>
<!-- Skills -->
<div class="fat divider"></div>
<section>
<h3>Skills</h3>
<p class="tags small">NEGOTIATING COUNTING REMODELING WRITING ACING SINGING REPORTING INCORPORATING SELLING ADVERTISING HOSTING COMPETING TWITTING PARENTING GAMBLING DATING SUING ORGANIZING FUNDING DEBATING ADVISING PRESBYTERIANING</p>
</section>
<div class="fat divider"></div>
<!-- Character -->
<section>
<h3>Character</h3>
<p class="tags small">ADJUSTED CALM AMBITIOUS COMPETITIVE SOCIABLE DIRECT HOSTILE CARELESS IGNORANT INQUISITIVE BOLD CONFIDENT MISCHIEVOUS CHARMING INTERESTING DARING COLORFUL LAZY SELF-PROMOTING</p>
</section>
<div class="fat divider"></div>
<!-- Likes -->
<section>
<h3>Likes😃</h3>
<p class="tags small">
BILLIONS FILET-O-FISH BIG MAC CHINA QUARTER POUNDER DIET COKE TARIFFS BIBLE ARTOF DEAL PATRIOTS BEAUTIFUL MODELS GOLD REAL ESTATE WAR PROTESTERS CONSTRUCTION RUSSIANS BANKS SPORTS WOMEN MEXICO RED HAT KOREANS GOLF EVERYBODY
</p>
</section>
<div class="fat divider"></div>
<!-- Dislikes -->
<section>
<h3>Dislikes😞</h3>
<p class="tags small">
DOGS MEDIA CNN GERMANS MEXICANS IMMIGRANTS SHITHOLE COUNTRIES UNATTRACTIVE WOMEN BLACKS SUSHI HOT-DOGS ALCOHOL FRUIT CHRISTMAS PARTIES LIBERALS
</p>
</section>
<div class="fat divider"></div>
<!-- Wants -->
<section>
<h3>Wants🥺</h3>
<p class="tags small bulleted">
BE HEALTHY GROW A TREE BUILD TRUMP AIRPORT HAVE A TASTE DO A HARLEM SHAKE IN CONGRESS TO GOLF MORE OFTEN WIN ALL THE COURT SUITS
</p>
</section>
<div class="fat divider"></div>
<!-- Education -->
<section>
<h3 data-tooltip="Click to hide/show">Education<span class="Point"></span></h3>
<ul class="timeline alter">
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>Every day</em></p>
<p data-tooltip="Remove mouse to hide" class="tags bulleted">I train my superiority<small> I am the best</small></p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>А long time ago</em></p>
<p data-tooltip="Remove mouse to hide">Studied at Kew Forest School in Queens</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>1964</em></p>
<p data-tooltip="Remove mouse to hide">I graduated from the New York Military Academy, where I was known as a very capable athlete(Yes, I was less perfect than now) and organizer.</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>1966</em></p>
<p data-tooltip="Remove mouse to hide">Graduated from Fordham University</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>1968</em></p>
<p data-tooltip="Remove mouse to hide">Graduated from the University of Pennsylvania</p>
</li>
</ul>
</section>
<div class="fat divider"></div>
<!-- Articles -->
<section>
<h3 data-tooltip="Click to hide/show">Articles<span class="Point"></span></h3>
<ul class="timeline alter">
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>2015</em></p>
<p data-tooltip="Remove mouse to hide">📖Maimed America: How to Make America Great Again</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>2012</em></p>
<p data-tooltip="Remove mouse to hide">📖Gift of Midas</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>2008</em></p>
<p data-tooltip="Remove mouse to hide">📖Trump never gives up. How I turned my biggest problems into success</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>2007</em></p>
<p data-tooltip="Remove mouse to hide">📖The formula for success</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>2005</em></p>
<p data-tooltip="Remove mouse to hide">📖My best golf advice</p>
</li>
<li>
<p data-tooltip="Click to learn more"><img src="./img/calendar_day_month_date_year_schedule_icon_175594.svg" alt="calendar"><em>2004</em></p>
<p data-tooltip="Remove mouse to hide">📖How to get rich</p>
</li>
</ul>
</section>
</div>
</div>
</div>
<a class="btnLoad" download href="./Desktop.rar">Save as PDF</a>
<img src="./img/arrow_top_15607.png" alt="arrow_top" data-tooltip="Scroll up" class="control" onclick="toTop()">
</div>
</article>
</main>
</body>
</html>