-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (160 loc) · 7.69 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
<!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">
<title>FCC Tribute Page</title>
<!-- Main_CSS_file -->
<link rel="stylesheet" href="styles.css">
<!-- Google_Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap" rel="stylesheet">
</head>
<body>
<!-- Start_Main -->
<main id="main">
<div id="container">
<h1 id="title">John Ernst Steinbeck</h1>
<h2 id="subtitle">A giant of American letters</h2>
<figure id="img-div">
<img id="image" src="./images/john-steinbeck.jpg" alt="John Steinbeck in 1935"/>
<figcaption id="img-caption">
John Steinbeck was an American novelist who is best known for his works set during the Great Depression era.
</figcaption>
</figure>
<!-- Start_Tribute_Info -->
<div id="tribute-info">
<h3 id="headline">John Steinbeck's Timeline</h3>
<!-- Start_Timeline -->
<ul>
<li>
<div class="content">
<span class="year">1902</span>
<p>Born in Salinas, California.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1919</span>
<p>Graduated from Salinas High School.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1925</span>
<p>Traveled to New York city after he left Stanford University.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1928</span>
<p>Returned to California and worked as a tour guide and caretaker at Lake Tahoe where he met his first wife.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1929</span>
<p>Published his first novel <em>Cup of Gold</em>.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1935</span>
<p>After he produced three shorter works, he achieved his first critical success with <em>Tortilla Flat</em>.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1936</span>
<p>He begun to write about the migrant agricultural workers and that was presented in his well-known works <em>In Dubious Battle</em> and <em>Of Mice and Men</em>.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1939</span>
<p>He wrote his greatest work <em>The Grapes of Wrath</em>; focusing on the migrant workers, made his novel to be the best selling book of this year.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1940</span>
<p>Won the National Book Award of favorite fiction book and the Pulitzer Prize for fiction.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1943</span>
<p>Served as a World War II war correspondent for the New York Herald Tribune.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1945</span>
<p>He wrote <em>Cannery Row</em>, which is set during the Great Depression in Monterey, California.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1948</span>
<p>Wrote a Russian journal book about his experiences of his first trip to the Soviet Union during the communist revolution.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1952</span>
<p>Published his longest novel <em>East of Eden</em>, deals with the nature of good and evil.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1960</span>
<p>He made a journey around the United States with his poodle Charley.
After two years, he wrote about this trip in his travelogue <em>Travels with Charley: In Search of America</em>.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1962</span>
<p>Won the Nobel Prize for literature.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1964</span>
<p>He was awarded the Presidential Medal of Freedom by President Lyndon B. Johnson.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1967</span>
<p>He went to Vietnam to report on the war.</p>
</div>
</li>
<li>
<div class="content">
<span class="year">1968</span>
<p>Died of heart disease in New York City.</p>
</div>
</li>
</ul>
<!-- End_Timeline -->
<!-- Start_Quote -->
<div class="quote">
<q>And now that you don't have to be perfect, you can be good.</q>
<p>— John Steinbeck, <cite>East of Eden</cite></p>
</div>
<!-- End_Quote -->
<!-- Start_Tribute_link -->
<p id="more-info">To know more about John Steinbeck, you can check him out on his <a id="tribute-link" href="https://en.wikipedia.org/wiki/John_Steinbeck" target="_blank">Wikipedia Entry</a>.</p>
<!-- End_Tribute_Link -->
<hr>
<p id="credit">© Copyright 2023 <span>freeCodeCamp</span> Tribute Page Project</p>
</div>
<!-- End_Tribute_Info -->
</div>
</main>
<!-- End_Main -->
</body>
</html>