-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
218 lines (195 loc) · 9.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126028912-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-126028912-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="copyright" content="Created by Ziegel999 (Github)">
<meta name="description" content="This timeline represents an assortment of major points in the life of Donald J. Trump.">
<meta name="robots" content="index, follow">
<title>The Life of Donald Trump - A Timeline</title>
<link rel="stylesheet" href="css/style.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
</head>
<body>
<div id="main">
<header>
<div id="img-div">
<img src="img/header-img.jpg" alt="Donald Trump talking on a podium" id="image">
<div id="title">
<h1>Donald J. Trump</h1>
</div>
<div id="img-caption">Make America Great Again!</div>
</div>
</header>
<div class="timeline">
<div tabindex="1" class="container left">
<article class="content">
<h3>2017 - Present</h3>
<div class="content-inner no-img">
<p class="content-text" id="tribute-info">Donald John Trump is currently serving as the 45<sup>th</sup>
President
of the United States. He assumed office in January 20, 2017.</p>
</div>
</article>
</div>
<div tabindex="2" class="container right">
<article class="content">
<h3>2016</h3>
<div class="content-inner">
<p class="content-text">In June 2015, Trump announced his candidacy for President of the United
States at the Trump Tower in Manhattan. He mainly discussed illegal immigration, offshoring
of American jobs, the U.S. national debt and Islamic terrorism. He kept a strong stance on
these during his campaign and afterwards.</p>
<img class="content-img" src="img/trump_rally_2015.jpg" alt="Trump campaigning in Laconia, New Hampshire, July 2015.">
</div>
</article>
</div>
<div tabindex="3" class="container left">
<article class="content">
<h3>2009</h3>
<div class="content-inner no-img">
<p class="content-text">Trump eventually switched back to Republican in 2009.</p>
</div>
</article>
</div>
<div tabindex="4" class="container right">
<article class="content">
<h3>2005</h3>
<div class="content-inner">
<p class="content-text">Trump married Ivanka Knauss (now Trump) in 2005. In 2006 she became a
US citizen. Ivanka gave birth to Barron Trump in March 20, 2006.</p>
<img class="content-img" src="img/ivanka_trump.jpg" alt="Portrait of Melania Trump from Whitehouse.gov.">
</div>
</article>
</div>
<div tabindex="5" class="container left">
<article class="content">
<h3>2001</h3>
<div class="content-inner no-img">
<p class="content-text">Trump switched to the Democratic party.</p>
</div>
</article>
</div>
<div tabindex="6" class="container right">
<article class="content">
<h3>2000</h3>
<div class="content-inner no-img">
<p class="content-text">Trump's first presidential campaign.</p>
</div>
</article>
</div>
<div tabindex="7" class="container left">
<article class="content">
<h3>1999</h3>
<div class="content-inner no-img">
<p class="content-text">Trump switched to Independent.</p>
</div>
</article>
</div>
<div tabindex="8" class="container right">
<article class="content">
<h3>1993</h3>
<div class="content-inner">
<p class="content-text">In October 1993, Donald Trump married Marla Maples after their daugther
Tiffany was born in. They divorced in 1999. Tiffany stayed with her mother in California.</p>
<img class="content-img" src="img/marla_maples.jpg" alt="Photo of Marla Maples in 2007.">
</div>
</article>
</div>
<div tabindex="9" class="container left">
<article class="content">
<h3>1987</h3>
<div class="content-inner no-img">
<p class="content-text">Trump registered as a Republican in Manhattan back in 1987.</p>
</div>
</article>
</div>
<div tabindex="10" class="container right">
<article class="content">
<h3>1977</h3>
<div class="content-inner">
<p class="content-text">In 1977, Trump married Ivana Ivana Zelníčková. They had three children.
Donald Jr (1977), Ivanka (1981) and Eric (1984). They divorced in 1992.</p>
<img class="content-img" src="img/ivana_trump.jpg" alt="Picture of Ivana Zelníčková. October 29, 2007.">
</div>
</article>
</div>
<div tabindex="11" class="container left">
<article class="content">
<h3>1964 - 1968</h3>
<div class="content-inner">
<p class="content-text">Trump enrolled at Fordham University. He stayed there for two years
before transfering to the <a href="https://www.wharton.upenn.edu/" target="_blank">Wharton
School</a>. He achieved a Bachelor of Science degree in economics.</p>
<img class="content-img" src="img/trump_wharton_graduate.jpg" alt="Donald Trump (right), wearing his graduation outfit, with his father Frederick Trump (left).">
</div>
</article>
</div>
<div tabindex="12" class="container right">
<article class="content">
<h3>1959</h3>
<div class="content-inner">
<p class="content-text">At age 13, Trump was enrolled in the <a href="https://www.nyma.org/"
target="_blank">New York Military Academy</a>, a private boarding School. He was sent
to the academy for supposed lack of discipline. He finished school in 1964.</p><img class="content-img"
src="img/trump_senior_yearbook.jpg" alt="Senior Yearbook photo of Trump in 1964. Wearing the uniform of his boarding school, the New York Military Academy">
</div>
</article>
</div>
<div tabindex="13" class="container left">
<article class="content">
<h3>1946</h3>
<div class="content-inner">
<p class="content-text">Donald John Trump was born on June 14 in New York City's <a href="https://jamaicahospital.org/"
target="_blank">Jamaica Hospital Medical Center</a>. His father was Frederick Christ
Trump (1905 - 1999), his mother was Mary Anne MacLeod (1912 - 2000).</p><img class="content-img"
src="img/trump_as_a_kid.jpg" alt="Trump as a child. This picture was taken between 1946 and 1955 ">
</div>
</article>
</div>
</div>
<div tabindex="14" id="timeline-end">
<div class="bottomlinks leftlink">
<h2>
<a href="https://en.wikipedia.org/wiki/Donald_Trump" id="tribute-link" target="_blank">Find Out
More</a>
</h2>
</div>
<div class="bottomlinks rightlink">
<h2>
<a href="https://www.donaldjtrump.com/" id="tribute-link" target="_blank">Offical Site</a>
</h2>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-inner">
<div class="footer-links">
<a href="about.html">About</a>
<a href="index.html">Home</a>
<a href="legal.html">Legal</a>
</div>
<p>
Copyright © Ziegel999
<script type="text/javascript">
var d = new Date()
document.write(d.getFullYear())
</script>
</p>
</div>
</footer>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</body>
</html>