<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
    <title>tribute page for steve jobs.</title>
    <meta name="description" content="TRIBUTE PAGE FOR STEVE JOBS." >
    <!-- CSS link <link rel="stylesheet" href="stylesheet.css"> -->
    <!-- Font -->
      rel="stylesheet" >
    <link href=";500;600;700&family=Smooch&display=swap" rel="stylesheet">
   <section id="container">
     <!-- header-->
     <div id="header">
       <img src="">
     <!-- header end-->

     <!-- Quote-->
     <div class="quotes">
       <p>The people who are crazy enough to think they can change the world are the ones who do.</p>
     <!--Quote ends-->

     <!-- Content-->
    <div id="content">
       <!-- content header-->
       <div id="content-header">
       <!-- content header ends -->

       <!-- main content-->
       <div id="main-content">

          <div class="event-date">
            24 Feb 1955

         <div class="event-desc">Steven Paul was born in San Francisco, the son of Abdulfattah Jandali and Joanne Schieble. He is quickly adopted by Paul and Clara Jobs</div>

         <div class="event-date">1969</div>
                    <div class="event-desc">Steve Jobs meets Steve Wozniak, 5 years older, through a mutual friend. Woz and Steve share a love of electronics, Bob Dylan, and pranks</div>
                    <div class="event-date">Mar 1976</div>
                    <div class="event-desc">Woz and Steve show the early Apple I board at the Homebrew Computer Club</div>
                    <div class="event-date">28 Aug 1976</div>
                    <div class="event-desc">Steve Jobs and Woz show off the Apple I at the Personal Computing Festival in Atlantic City, with help from Dan Kottke</div>
                    <div class="event-date">1978</div>
                    <div class="event-desc">At Apple, work starts on the Apple III and the Lisa, while Jef Raskin begins <em>The Book of Macintosh</em></div>
                    <div class="event-date">May 1980</div>
                    <div class="event-desc">Apple launches the Apple III, which will prove a disastrous flop</div>
                    <div class="event-date">Jan 1983</div>
                    <div class="event-desc">Launch of the Lisa computer. The Lisa team later merges with the Mac team under Steve Jobs's leadership</div>
                    <div class="event-date">8 Apr 1983</div>
                    <div class="event-desc">PepsiCo CEO John Sculley becomes Apple's CEO after having been wooed by Steve Jobs for several months</div>
                    <div class="event-date">17 Sep 1985</div>
                    <div class="event-desc">Steve Jobs resigns from Apple and starts NeXT with five other refugees from Apple. Apple announces it will sue NeXT</div>
                    <div class="event-date">Dec 1996</div>
                    <div class="event-desc">Apple, which was desperately looking for a modern operating system to buy, eventually buys NeXT for $400 million. Steve Jobs is named <em>"informal adviser"</em> to Apple CEO Gil Amelio</div>
                    <div class="event-date">6 May 1998</div>
                    <div class="event-desc">Steve Jobs introduces Apple's revolutionary iMac at the Flint Center auditorium in Cupertino, 14 years after he had introduced the Macintosh at that same place</div>
                    <div class="event-date">5 Oct 1999</div>
                    <div class="event-desc">Introduction of the iMac DVs and of iMovie, the first of Apple's first <em>Digital Hub</em> app</div>
                    <div class="event-date">28 Apr 2003</div>
                    <div class="event-desc">Apple opens the revolutionary online iTunes Music Store in the US, after negotiating landmark deals with all major music labels</div>
                    <div class="event-date">15 Jan 2008</div>
                    <div class="event-desc">At Macworld 2008, Steve Jobs introduces MacBook Air, with the tagline 'the world's thinnest notebook'. Three years later, it will come to redefine all of Apple's notebook product line</div>
                    <div class="event-date">24 Aug 2011</div>
                    <div class="event-desc "> Steve Jobs resigns as CEO of Apple, with the words '<em>I have always said if there ever came a day when I could no longer meet my duties and expectations as Apple's CEO, I would be the first to let you know. Unfortunately, that day has come.</em>' Tim Cook becomes Apple CEO</div>
                    <div class="event-date">5 Oct 2011</div>
                    <div class="event-desc">Steve Jobs dies at home, surrounded by his family</div>
       <!-- main content ends -->

     <div class="side-content">
       <table class="info">
           <th colspan="2" id="nutshell">IN A NUTSHELL<img src="" id="img"></th>
        <td>Steven Paul Jobs<br>
    February 24, 1955<br>
San Francisco, California, U.S.
        	October 5, 2011 (aged 56)<br>
Palo Alto, California, U.S.</td></tr>
    <th> Occupation</th>
    <td>Co-founder, Chairman, and CEO of Apple Inc.<br>
Primary investor and CEO of Pixar<br>
Founder and CEO of NeXT</td></tr>
Paul Jobs (adoptive father)<br>
Clara Jobs (adoptive mother)<br>
Abdulfattah Jandali
(biological father)<br>
Joanne Schieble Simpson (biological mother)</td></tr>
    <td>	with Brennan;<br>
Lisa Brennan (b. 1978)<br>
with Powell;<br>
Reed Jobs (b. 1991)<br>
Erin Jobs (b. 1995)<br>
Eve Jobs (b. 1998)</td></tr>
    <th> Cause of <br> death</th>
    <td>	Pancreatic cancer and <br> respiratory arrest</td></tr>
     <div id="footer">
       <div id="quote"> <p>"Have the courage to follow your heart and intuition. They somehow know what you truly want to become."<br>
                    -STEVE JOBS</p>
                    <p>Do read more about this impeccable personality <a href="">here.</a></p></div>
     <!--footer div-->


  margin: 0;
  padding: 0;
  font-family: 'Nunito', sans-serif;
  margin: auto;
  padding: auto;
  width: auto;
#header img{
  width: 100%;
  margin: 0 auto;
  background-color: #ececec;
  font-family: 'Smooch', cursive;
  font-weight: bold;
  text-align: center;
  word-spacing: 10px;
  font-size: 25px;
  padding: 10px;
  margin: 20px;
  text-transform: uppercase;
    margin: 100px 100px 10px;
   padding-left: 30px;
    font-size: 40px;
    color: #ebebeb;
    font-weight: bold;
  letter-spacing: 10px;
  margin: 0 auto;
  height: 700px;
  position: relative;
  top: 25px;
  left: 10px;
  border-top: 2px solid #ccc;
  width: 90px;
  text-align: center;
  line-height: 26px;
  float: left;
  font-size: 14px;
 margin-top: -1px; 
  padding: 3px 5px 6px 0;
  clear: left;
  font-weight: bold;
  width: 325px;
  background: #f9f9f9;
  float: left;
  padding: 8px 8px 12px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  clear: right;
  font-size: 14px;
#img {
    width: 250px;
    height: 150px;
    position: relative;
    top: 7px;
  height: 700px;
  height: 100%;
   width: 290px;
    float: right;
   clear: both;
    position: relative;
  bottom: 1100px;
  font-size: 90%;
  position: relative;
    margin-bottom: 2em;
    text-align: center;
 th, td {
    border-bottom: 1px solid #dddddd;
    padding: 0.2em;
#nutshell {
    font-size: 26px;
#quote {
    font-family: 'Roboto', cursive;
    font-size: 24px;
    position: relative;
  height: 200px;
  width: 100%;
  background-color: grey;
a {

a:hover {
    text-decoration: underline;
    color: blue;
/* ESLint rules */
/* eslint no-undef: "off" */


  • Files
  • Index
  • Style
  • Script
  • CDN Add