-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (192 loc) · 7.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>A Tribute to Steve Jobs and His Innovations.</title>
<link rel="icon" type="" href="favicon.png" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<main id="main" class="container">
<!-- Navigation -->
<nav id="nav" class="">
<a href="#home">STEVEN PAUL JOBS</a>
<!-- Dark Mode Switch -->
<div class="theme-switch-wrapper">
<span id="toggle-icon">
<span class="toggle-text"></span>
<i class="fa-solid fa-sun"></i>
</span>
<label class="theme-switch">
<input type="checkbox" />
<div class="slider round"></div>
</label>
</div>
</nav>
<!-- Home Section -->
<section id="home">
<div class="title-group">
<div class="content">
<h1 id="title">The Apple of Our Eye: Honoring Steve Jobs</h1>
<h2>
An American entrepreneur, inventor, and co-founder of Apple Inc.
</h2>
</div>
<figure id="img-div">
<img
id="image"
src="https://raw.githubusercontent.com/bshohug/tribute-steve-jobs/main/img/stevejob.png"
alt="Steve_Jobs"
width="100%"
/>
<figcaption id="img-caption" hidden>
Who changed the world through innovation and design.
</figcaption>
</figure>
</div>
</section>
<!-- Timeline Section -->
<section id="tribute-info">
<h1>A time line of Steve Job's life:</h1>
<div class="outer">
<div class="card">
<div class="info">
<h3 class="title">Early Years and Apple Founding</h3>
<p>
1955 - Steve Jobs is born in San Francisco, California. He is
adopted by Paul and Clara Jobs and grows up in Mountain View,
California. In high school, Jobs meets Steve Wozniak, who will
later become his business partner.
</p>
<p>
1972 - After graduating from high school, Jobs enrolls at Reed
College in Oregon but drops out after one semester. He returns
to California and takes a job as a technician at Atari.
</p>
<p>
1974 - Jobs and Wozniak begin working on the Apple I computer in
Jobs' parents' garage. They form Apple Computer, Inc. and
release the Apple I as a kit for hobbyists.
</p>
</div>
</div>
<div class="card">
<div class="info">
<h3 class="title">Apple's Early Success and Turbulent Years</h3>
<p>
1976 - Apple introduces the Apple II computer, which becomes a
huge success.
</p>
<p>
1980 - Apple goes public, and Jobs becomes a millionaire
overnight.
</p>
<p>
1983 - Jobs recruits John Sculley from PepsiCo to become CEO of
Apple. The two clash over management styles, leading to Jobs'
ousting from the company the following year.
</p>
<p>
1985 - Jobs resigns from Apple and founds NeXT Computer, Inc.
</p>
</div>
</div>
<div class="card">
<div class="info">
<h3 class="title">Pixar and Return to Apple</h3>
<p>
1986 - Jobs acquires Pixar Animation Studios from George Lucas
for $10 million.
</p>
<p>
1991 - Jobs marries Laurene Powell in a small ceremony in
Yosemite National Park.
</p>
<p>
1996 - Apple acquires NeXT, and Jobs returns to the company as
CEO.
</p>
</div>
</div>
<div class="card">
<div class="info">
<h3 class="title">The iPod Era</h3>
<p>
2001 - Apple introduces the iPod, a digital music player that
revolutionizes the music industry.
</p>
<p>
2003 - Apple launches the iTunes Music Store, allowing users to
legally download music online.
</p>
<p>2004 - Jobs undergoes surgery for pancreatic cancer.</p>
</div>
</div>
<div class="card">
<div class="info">
<h3 class="title">Apple's Continued Success and Legacy</h3>
<p>
2007 - Apple introduces the iPhone, a revolutionary smartphone
that sets the standard for mobile devices.
</p>
<p>
2010 - Apple releases the iPad, a tablet computer that quickly
becomes a bestseller.
</p>
<p>
2011 - Jobs resigns as CEO of Apple due to his declining health.
</p>
<p>
2011 - Steve Jobs passes away on October 5, 2011, at the age of
56. His legacy as a visionary entrepreneur and technology
pioneer continues to inspire and influence the world.
</p>
</div>
</div>
</div>
</section>
<!-- Quote Section -->
<section id="Quotation">
<div class="text-box" id="text-box">
<p>
<i class="fa-solid fa-quote-left"></i>
Your work is going to fill a large part of your life, and the only
way to be truly satisfied is to do what you believe is great work.
And the only way to do great work is to love what you do. If you
haven't found it yet, keep looking. Don't settle. As with all
matters of the heart, you'll know when you find it.
<br />
<br />
<span class="sj">-- Steve Job's</span>
</p>
</div>
<h3 class="tribute-link">
If you have time, you should read more about this incredible human
being on his
<a
id="tribute-link"
href="https://en.wikipedia.org/wiki/Steve_Jobs"
target="_blank"
>Wikipedia entry</a
>
</h3>
</section>
<!-- Script -->
<script src="script.js"></script>
</main>
</body>
</html>