forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
371 lines (360 loc) · 17.1 KB
/
index.html
File metadata and controls
371 lines (360 loc) · 17.1 KB
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
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<div class="nav-bar-container">
<h1>
The Evolution of Social Media: CEO of Facebook Instagram and Twitter
</h1>
<div class="nav-icon">
<ul class="sign-up-nav-bar">
<li>
<a href="https://en-gb.facebook.com/r.php">
<img
class="nav-icon"
src="./image/1024px-Facebook_icon.svg.png"
alt="fb icon"
/>
</a>
</li>
<li>
<a href="https://twitter.com/i/flow/signup?">
<img
class="nav-icon"
src="./image/1200px-Twitter_Logo_Mini.svg.png"
alt="twitter icon"
/></a>
</li>
<li>
<a href="https://www.instagram.com/accounts/emailsignup/?hl=en">
<img
class="nav-icon"
src="./image/Instagram_logo_2016.svg.png"
alt="instagram icon"
/>
</a>
</li>
</ul>
</div>
</div>
<div id="logo">
<div class="head-line">
<img src="./image/1200px-Twitter_logo.svg.png" alt="Twitter logo" />
<img
src="./image/1200px-Instagram_logo.svg.png"
alt="Instagram logo"
/>
<img
src="./image/1200px-Facebook_Logo_(2019).svg.png"
alt="Facebook logo"
/>
</div>
</div>
</header>
<main>
<article>
<h2>social media</h2>
<p>
Social media is a phenomenon that has transformed the interaction and
communication of individuals throughout the world. However, social
media is not a new concept - it has been evolving since the dawn of
human interaction. In recent times, social media has impacted many
aspects of human communication, thereby impacting business. Social
networking has become daily practice in most of our lives.But how many
of us know about the men behind some of social media such as Facebook,
Instagram and Twitter that become a part of our daily routine. In this
article i like to share some fact about the founders of
Twitter,Facebook and instagram.
</p>
</article>
<div class="section-container">
<div id="twitter-container">
<section class="twitter">
<h3>Jack Dorsey</h3>
<div class="pic">
<img
src="./image/Jack_Dorsey_2014_(cropped).jpg"
width="300"
height="270"
alt="Image of Jack Dorsey"
/>
</div>
<p>
Dorsey was born and raised in St. Louis, Missouri, the son of Tim
and Marcia (née Smith) Dorsey. He is of English, Irish, and
Italian descent. His father worked for a company that developed
mass spectrometers and his mother was a homemaker. He was raised
Catholic, and his uncle is a Catholic priest in Cincinnati. He
attended the Catholic Bishop DuBourg High School. In his younger
days, Dorsey worked occasionally as a fashion model. By age 14,
Dorsey had become interested in dispatch routing. Some of the
open-source software he created in the area of dispatch logistics
is still used by taxicab companies. Dorsey enrolled at the
University of Missouri–Rolla in 1995 and attended for two-plus
years before transferring to New York University in 1997, but he
dropped out two years later, one semester short of graduating. He
came up with the idea that eventually became Twitter while
studying at NYU. While working on dispatching as a programmer,
Dorsey moved to California. In 2000, Dorsey started his company in
Oakland to dispatch couriers, taxis, and emergency services from
the Web. His other projects and ideas at this time included
networks of medical devices and a "frictionless service market".
</p>
<p>
In July 2000, building on dispatching and inspired in part by
LiveJournal and by AOL Instant Messenger, he had the idea for a
Web-based realtime status/short message communication service.
When he first saw implementations of instant messaging, Dorsey
wondered whether the software's user status output could be shared
easily among friends. He approached Odeo, which at the time
happened to be interested in text messaging. Dorsey and Biz Stone
decided that SMS text suited the status-message idea, and built a
prototype of Twitter in about two weeks. The idea attracted many
users at Odeo and investment from Evan Williams, a co-founder of
that firm in 2005 who had left Google after selling Pyra Labs and
Blogger.
</p>
<p>
Williams, Stone and Noah Glass co-founded Obvious Corporation,
which then spun off Twitter, Inc., with Dorsey as the Chief
Executive Officer (CEO). As CEO, Dorsey saw the startup through
two rounds of funding by venture capitalists.He reportedly lost
his position for leaving work early to enjoy other pursuits, such
as yoga and fashion design. As the service began to grow in
popularity, Dorsey chose the improvement of uptime as top
priority, even over creating revenue—which, as of 2008, Twitter
was not designed to earn. Dorsey described the commercial use of
Twitter and its API as two things that could lead to paid
features. He says his three guiding principles, which he says the
company shares, are simplicity, constraint and craftsmanship. On
October 16, 2008,Williams took over as CEO, while Dorsey became
chairman of the board.During his time as chairman, Dorsey joined
several State Department delegations, including a trip to Iraq in
April 2009, led by Jared Cohen. In November, when Iranians took to
the streets in the Green Revolution, Twitter was scheduled to
conduct maintenance of its site, which would entail temporarily
shutting down Twitter's servers. Dorsey responded to a request
from Cohen to delay the maintenance so that it would not affect
the revolution in Iran, because Iranians were using Twitter to
communicate and coordinate. Since President Obama had announced
that there would be no meddling in Iran, the move sparked
controversy. In February 2010, Dorsey was part of another State
Department delegation, this time to Russia. On March 28, 2011, he
returned to Twitter as executive chairman after Dick Costolo
replaced Williams as CEO. On June 10, 2015, Costolo announced his
resignation as CEO, effective July 1, 2015. Dorsey assumed the
post of interim CEO upon Costolo's departure.He was named
permanent CEO on October 5, 2015. On the day after the controversy
about Twitter's new algorithms for tweets, Dorsey said it was a
hoax.
</p>
<p>
In 2013, Dorsey expressed to CNN an admiration for Michael
Bloomberg, and said that he aspires to become mayor of New York
City. He served as a judge for Bloomberg's NYC BigApps competition
in 2011. Dorsey was announced as a new member of the board of
directors of The Walt Disney Company on December 24, 2013. In
January 2018, it was reported that Dorsey would not seek
reelection at Disney's March annual meeting, due to increased
difficulty with conflicts of interest. Dorsey is a board member of
the Berggruen Institute's Governance Center. Dorsey gives advice
in a chapter of Tim Ferriss' book Tools of Titans.Jack Dorsey
<a href="https://www.youtube.com/watch?v=Nx46su211io"
>interview</a
>
2017.
</p>
<h4>Awards and recognition</h4>
<ul>
<li>
In 2008, he was named to the MIT Technology Review TR35 as one
of the top 35 innovators in the world under the age of 35.
</li>
<li>
In 2012, The Wall Street Journal gave him the "Innovator of the
Year Award" for technology.
</li>
<li>
At the 5th Annual Crunchies Awards in 2012, hosted by
TechCrunch, Dorsey was named Founder of the Year.
</li>
<li>
In 2013, he was considered by Forbes the world's most eligible
bachelor.
</li>
<li>
Dorsey was ranked by Fox Business as the #4 Worst CEO of 2016,
citing stagnant growth, falling stock prices, and his part-time
commitment to Twitter.
</li>
<li>
In 2017, 24/7 Wall Street listed Dorsey among the 2017 Worst
CEOs in America.
</li>
</ul>
<blockquote>
<p>
<i
><strong
>"The strongest thing you can cultivate as an entrepreneur
is to not rely on luck but cultivating an ability to
recognise fortunate situation when they are occurring<br />
If you're changing the world, you're working on important
things.<br />
You never lose a dream. It just incubates as a
hobby."</strong
></i
>
</p>
<p class="credit"><i>- by Jack Dorsey</i></p>
</blockquote>
</section>
</div>
<div class="fb-ins-container">
<div id="facebook-container">
<section class="facebook">
<h3>Mark Zuckerberg</h3>
<div class="pic">
<img
src="./image/330px-Mark_Zuckerberg_F8_2019_Keynote_(32830578717)_(cropped).jpg"
width="300"
height="270"
alt="Image of Mark Zuckerberg "
/>
</div>
<p>
Mark Elliot Zuckerberg ( born May 14, 1984) is an American media
magnate, internet entrepreneur, and philanthropist. He is known
for co-founding Facebook, Inc. and serves as its chairman, chief
executive officer, and controlling shareholder.He also is a
co-founder of the solar sail spacecraft development project
Breakthrough Starshot and serves as one of its board members.
Born in White Plains, New York, Zuckerberg attended Harvard
University, where he launched the Facebook social networking
service from his dormitory room on February 4, 2004, with
college roommates Eduardo Saverin, Andrew McCollum, Dustin
Moskovitz, and Chris Hughes. Originally launched to select
college campuses, the site expanded rapidly and eventually
beyond colleges, reaching one billion users by 2012. Zuckerberg
took the company public in May 2012 with majority shares. In
2007, at age 23, he became the world's youngest self-made
billionaire. As of January 2021, Zuckerberg's net worth is $90
billion, making him the 4th-richest person in the world. He is
the only person under 40 years old in Forbes' list of the 20
richest people. Since 2008, Time magazine has named Zuckerberg
among the 100 most influential people in the world as a part of
its Person of the Year award. In December 2016, Zuckerberg was
ranked 10th on Forbes list of The World's Most Powerful
People.Mark Zuckerberg: How to built your future
<a href="https://www.youtube.com/watch?v=Lb4IcGF5iTQ">
interview.</a
>
</p>
<blockquote>
<p>
<i
><strong
>"By giving people the power to share, we're making the
world more transparent.<br />
A squirrel dying in front of your house may be more
relevant to your interests right now than people dying in
Africa.<br />
The basis of our strategy build the social technology.
They provide the music."<br /> </strong
></i>
</p>
<p class="credit"><i>-by Mark Zuckerberg</i></p>
</blockquote>
</section>
</div>
<div id="instagram-container">
<section class="instagram">
<h3>Kelvin Systrom</h3>
<div class="pic">
<img
src="./image/kevinsystrom-headshot.jpg"
width="300"
height="270"
alt="Image of kelvin Systrom "
/>
</div>
<p>
Systrom was born in 1983 in Holliston, Massachusetts. He is the
son of Diane (Pels), a marketing executive at Zipcar, who also
worked at Monster and Swapit during the first dotcom bubble, and
Douglas Systrom, Vice President in Human Resources at TJX
Companies. Systrom attended Middlesex School in Concord,
Massachusetts, where he was introduced to computer programming.
His interest grew from playing Doom 2 and creating his own
levels as a child. He worked at Boston Beat, a vinyl record
music store in Boston, while he was in high school. Systrom
attended Stanford University and graduated in 2006 with a
bachelor's degree in management science and engineering. At
Stanford, he was a member of the Sigma Nu fraternity. He turned
down a recruitment offer from Mark Zuckerberg and instead spent
the winter term of his third year in Florence, where he studied
photography. He got his first taste of the startup world when he
was chosen as one of twelve students to participate in the
Mayfield Fellows Program at Stanford University. The fellowship
led to his internship at Odeo, the company that eventually gave
rise to Twitter.Kelvin Systrom
<a href="https://www.youtube.com/watch?v=_h_6xM36Z4g"
>motivational talk</a
>
at Startup School SV 2014.
</p>
<blockquote>
<p>
<i
><strong
>"Focusing on one thing and doing it really, really well
can get you very far.<br />
If you've got an idea, start today. You need to fail in
order to find the right solution.<br />
I promise you, a lot of it is luck. There's real beauty in
pushing yourself to expose the real you in more
ways."</strong
></i
>
</p>
<p class="credit"><i>-by Kelvin Systrom</i></p>
</blockquote>
</section>
</div>
</div>
</div>
</main>
<footer>
<p>This page was inspired and copywrite from wikipedia</p>
<p>
To learn more about Jack Dorsey
<a href="https://en.wikipedia.org/wiki/Jack_Dorsey"> click here</a>
</p>
<p>
To learn more about Mark Zuckerberg
<a href="https://en.wikipedia.org/wiki/Mark_Zuckerberg"> click here</a>
</p>
<p>
To learn more about Kelvin Systrom
<a href="https://en.wikipedia.org/wiki/Kevin_Systrom">click here</a>
</p>
</footer>
</body>
</html>