-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (140 loc) · 6.58 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-130128040-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-130128040-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Giovanni Ilacqua, CSC 170 Project 3</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" href="sss/sss.css">
</head>
<body>
<header class="banner">
<a href="index.html">
<h1>
<img src="images/tech-mind.svg" alt="The Tech Minds logo">
TECH MINDS
</h1>
</a>
<div class="sub-text">WHEN GENIUS MEETS TECH</div>
<nav>
<ul>
<li>
<a href="jony-ive.html">Jony Ive</a>
</li>
<li>
<a href="bill-gates.html">Bill Gates</a>
</li>
<li>
<a href="elon-musk.html">Elon Musk</a>
</li>
<li>
<a href="jeff-bezos.html">Jeff Bezos</a>
</li>
</ul>
</nav>
</header>
<div class="container">
<div class="slideshow">
<div class="slider">
<img src="images/ive-head.png" alt="Photo of Jony Ive">
<img src="images/gates-head.png" alt="Photo of Bill Gates">
<img src="images/musk-head.png" alt="Photo of Elon Musk">
<img src="images/bezos-head.png" alt="Photo of Jeff Bezos">
</div>
</div>
<h2 id="homepage-title" class="main-header">DISCOVER THE GREAT MINDS OF OUR TIME</h2>
<div class="excerpt">
<section>
<h3 class="underline">Jony Ive</h3>
<article>
<p>
Sir Jonathan Paul Ive, KBE, HonFREng, RDI (born 27 February 1967) is an English industrial designer who is
currently the Chief Design Officer (CDO) of Apple and Chancellor of the Royal College of Art in London. While
working for a design firm in London he was asked by Apple, then a struggling company, to create a look for a
new laptop. He took the design to Apple and was hired immediately. Ive oversees the Apple Industrial Design
Group and also provides leadership and direction for Human Interface software teams across the company. Ive is
the designer of many of Apple's hardware and software products.
</p>
<a class="underline" href="jony-ive.html">Read More</a>
</article>
</section>
<div class="excerpt-figure">
<img class="head-img" src="images/ive-head.png" alt="Photo of Jony Ive">
</div>
</div>
<div class="excerpt">
<section>
<h3 class="underline">Bill Gates</h3>
<article>
<p>
William Henry Gates III (born October 28, 1955) is an American business magnate, investor, author, philanthropist,
humanitarian, and principal founder of Microsoft Corporation. During his career at Microsoft, Gates held the positions
of chairman, CEO and chief software architect, while also being the largest individual shareholder until May 2014.
Gates is one of the best-known entrepreneurs of the personal computer revolution.
</p>
<a class="underline" href="bill-gates.html">Read More</a>
</article>
</section>
<div class="excerpt-figure">
<img class="head-img" src="images/gates-head.png" alt="Photo of Bill Gates">
</div>
</div>
<div class="excerpt">
<section>
<h3 class="underline">Elon Musk</h3>
<article>
<p>
Elon Reeve Musk born June 28, 1971) is a business magnate and investor. He holds South African, Canadian, and U.S.
citizenship and is the founder, CEO, and lead designer of SpaceX; co-founder, CEO, and product architect of Tesla,
Inc.; co-founder and CEO of Neuralink; and co-founder of PayPal. In December 2016, he was ranked 21st on the Forbes
list of The World's Most Powerful People. As of August 2018, he has a net worth of $19.8 billion
and is listed by Forbes as the 46th-richest person in the world.
</p>
<a class="underline" href="elon-musk.html">Read More</a>
</article>
</section>
<div class="excerpt-figure">
<img class="head-img" src="images/musk-head.png" alt="Photo of Elon Musk">
</div>
</div>
<div class="excerpt">
<section>
<h3 class="underline">Jeff Bezos</h3>
<article>
<p>
Jeffrey Preston Bezos (January 12, 1964) is an American technology entrepreneur, investor, and
philanthropist. He is best known as the founder, chairman, and chief executive officer of Amazon.
Bezos was born in Albuquerque, New Mexico and raised in Houston, Texas. He graduated from Princeton
University in 1986 with degrees in electrical engineering and computer science. He worked on Wall Street in a variety of
related fields from 1986 to early 1994. He founded Amazon in late 1994 on a cross-country road trip from New York
City to Seattle.
</p>
<a class="underline" href="jeff-bezos.html">Read More</a>
</article>
</section>
<div class="excerpt-figure">
<img class="head-img" src="images/bezos-head.png" alt="Photo of Jeff Bezos">
</div>
</div>
<footer class="universal">
<p>CSC 170 Webpage Design and Development</p>
<p>Original content from: <a href="http://www.csc170.org/gilacqua/project1/" target="_blank"> gilacqua</a>
<p>Designed and developed by <a href="https://www.instagram.com/giodme/" target="_blank"> giodme</a>
</footer>
</div>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/menu-highlighter.js"></script>
<script src="sss/sss.js"></script>
<script>
$('.slider').sss();
</script>
</body>
</html>