-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
168 lines (126 loc) · 7.92 KB
/
index.html
File metadata and controls
168 lines (126 loc) · 7.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width-device-width,initial-scale=1">
<title>steve jobs page</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" />
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Sahitya&display=swap" rel="stylesheet"
</head>
<body>
<header class="heading">
<div class="logo">
<h2> steve jobs</h2>
</div>
<div class="lines" >
<a href="#" onclick="opennav()">
☰</a>
</div>
</header>
<div class="cross"id="mysidenav">
<a href="javascript:void(0)" class="closenav" onclick="closenav()"">×</a>
<a href="#"><i class="fa fa-home" aria-hidden="true"></i>home</a>
<a href="#"><i class="fa fa-home" aria-hidden="true"></i>contact</a>
<a href="#"><i class="fa fa-home" aria-hidden="true"></i>wallpaper</a>
<a href="#"><i class="fa fa-home" aria-hidden="true"></i>about</a>
<a href="#"><i class="fa fa-home" aria-hidden="true"></i>services</a>
</div>
<div class="top">
<p>become the <br>successful you!</p>
<i class="fa fa-facebook" aria-hidden="true"></i>
<i class="fa fa-twitter" aria-hidden="true"></i>
<i class="fa fa-youtube-play" aria-hidden="true"></i>
<i class="fa fa-instagram" aria-hidden="true"></i>
<br>
<button>start your journey</button>
</div>
<h2 class="bio">steve jobs bio</h2>
<div class="image-slider">
<figure>
<img src="images/steve1.jpg" alt="" width="450px" height="440px" >
<img src="images/steve2.jpg" alt="" width="450px"height="440px" >
<img src="images/steve.jpg" alt="" width="450px" height="440px" >
<img src="images/steve1.jpg" alt="" width="450px" height="440px" >
</figure>
</div>
<div class="data">
<h2>Who Was Steve Jobs?</h2>
Steven Paul Jobs was an American inventor, designer and entrepreneur who was the co-founder, chief executive and chairman of Apple Computer. Apple's revolutionary products, which include the iPod, iPhone and iPad, are now seen as dictating the evolution of modern technology.
Born in 1955 to two University of Wisconsin graduate students who gave him up for adoption, Jobs was smart but directionless, dropping out of college and experimenting with different pursuits before co-founding Apple with Steve Wozniak in 1976. Jobs left the company in 1985, launching Pixar Animation Studios, then returned to Apple more than a decade later. Jobs died in 2011 following a long battle with pancreatic cancer.
<h2>Wife and Children</h2>
<p>Jobs and Laurene Powell married on March 18, 1991. The pair met in the early 1990s at Stanford business school, where Powell was an MBA student. They lived together in Palo Alto, California, with their three children: Reed, Erin, and Eve.
Jobs also fathered a daughter, Lisa, with girlfriend Chrisann Brennan in 1978, when he was 23. He denied paternity of his daughter in court documents, claiming he was sterile.
Lisa Brennan Jobs later wrote of her childhood and relationship with Jobs in her book Small Fry, published in 2018. In 1980, Lisa wrote, DNA tests revealed that she and Jobs were a match, and he was required to begin making paternity payments to her financially struggling mother. Jobs did not initiate a relationship with his daughter until she was 7 years old. When she was a teenager, Lisa came to live with her father.</p>
Early Life
Jobs was born on February 24, 1955, in San Francisco, California. He lived with his adoptive family in Mountain View, California, within the area that would later become known as Silicon Valley.
As a boy, Jobs and his father worked on electronics in the family garage. Paul showed his son how to take apart and reconstruct electronics, a hobby that instilled confidence, tenacity and mechanical prowess in young Jobs.
<h2>Steve Jobs’ Education and College</h2>
<p>While Jobs was always an intelligent and innovative thinker, his youth was riddled with frustrations over formal schooling. Jobs was a prankster in elementary school due to boredom, and his fourth-grade teacher needed to bribe him to study. Jobs tested so well, however, that administrators wanted to skip him ahead to high school — a proposal that his parents declined.
After high school, Jobs enrolled at Reed College in Portland, Oregon. Lacking direction, he dropped out of college after six months and spent the next 18 months dropping in on creative classes at the school. Jobs later recounted how one course in calligraphy developed his love of typography.
In 1974, Jobs took a position as a video game designer with Atari. Several months later he left the company to find spiritual enlightenment in India, traveling further and experimenting with psychedelic drugs.
Steve Wozniak and Steve Jobs
Back when Jobs was enrolled at Homestead High School, he was introduced to his future partner and co-founder of Apple Computer, Wozniak, who was attending the University of California, Berkeley.
In a 2007 interview with PC World, Wozniak spoke about why he and Jobs clicked so well: "We both loved electronics and the way we used to hook up digital chips," Wozniak said. "Very few people, especially back then, had any idea what chips were, how they worked and what they could do. I had designed many computers, so I was way ahead of him in electronics and computer design, but we still had common interests. We both had pretty much sort of an independent attitude about things in the world.”</p>
</div>
<div class="wrap">
<div class="card">
<div class="avatar">
<img src="images/gates.jfif" alt="log" width="100%" height="180px">
</div>
<p> <b><i>bill gates</i></b></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt laborum, quaerat earum similique eius deserunt, consequatur cum quam nisi, impedit fuga exercitation</p>
<i class="fa fa-facebook" aria-hidden="true"></i>
<i class="fa fa-twitter" aria-hidden="true"></i>
<i class="fa fa-youtube-play" aria-hidden="true"></i>
</div>
<div class="card">
<div class="avatar">
<img src="images/steve.jpg" alt="log" width="100%" height="180px">
</div>
<p><b><i>steve jobs</i></b></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt laborum, quaerat earum similique eius deserunt, consequatur cum quam nisi, impedit fuga exercitation</p>
<i class="fa fa-facebook" aria-hidden="true"></i>
<i class="fa fa-twitter" aria-hidden="true"></i>
<i class="fa fa-youtube-play" aria-hidden="true"></i>
</div>
<div class="card">
<div class="avatar">
<img src="images/mark.jfif" alt="log" width="100%" height="180px">
</div>
<p><b><i>mark zuckerberg</i></b></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt laborum, quaerat earum similique eius deserunt, consequatur cum quam nisi, impedit fuga exercitation</p>
<i class="fa fa-facebook" aria-hidden="true"></i>
<i class="fa fa-twitter" aria-hidden="true"></i>
<i class="fa fa-youtube-play" aria-hidden="true"></i>
</div>
</div>
<div class="form">
<div>
<label for="name">name</label>
<input type="text" name="name" id="name" placeholder="username" required>
</div>
<div>
<label for="email">email</label>
<input type="text" name="name" id="name" placeholder="etc@gmail.com" required>
</div>
<div>
<label for="password">password</label>
<input type="password" name="password" id="password" placeholder="password" required>
</div>
<button>submit</button>
</div>
<div class="footer">
<h2>© copyright 2020 </h2>
</div>
<script>
const opennav =()=>{
document.getElementById("mysidenav").style.width="200px"
}
const closenav =()=>{
document.getElementById("mysidenav").style.width="0px"
}
</script>
</body>
</html>