TRIBUTE PAGE FOR STEVE JOBS
<!DOCTYPE html>
<html lang="en">
  <head>
    <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 -->
    <link
      href="https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Nunito:ital@0;1&family=Red+Hat+Mono:wght@400;500;600;700&display=swap"
      rel="stylesheet" >
    <link href="https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Red+Hat+Mono:wght@400;500;600;700&family=Smooch&display=swap" rel="stylesheet">
  </head>
  
  <body>
    
   <section id="container">
     <!-- header-->
     <div id="header">
       <img src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/0730b841548181.57aa6e6b1bcbd.jpg">
     </div>
     <!-- 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>
     </div>
     <!--Quote ends-->

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

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

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

         <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>
       </div>
       <!-- main content ends -->
    

     <div class="side-content">
       <table class="info">
         <tbody>
         <tr>
           <th colspan="2" id="nutshell">IN A NUTSHELL<img src="https://www.theverge.com/2011/10/27/2517152/book-review-steve-jobs-by-walter-isaacson" id="img"></th>
         </tr>
         <tr>
    <th> 
        Born
    </th>	
        <td>Steven Paul Jobs<br>
    February 24, 1955<br>
San Francisco, California, U.S.
    </td>
    </tr>
    <tr>
    <th>
        Died</th>
    <td>
        	October 5, 2011 (aged 56)<br>
Palo Alto, California, U.S.</td></tr>
    <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>
    <tr>
    <th>Parents</th>
    <td>	
Paul Jobs (adoptive father)<br>
Clara Jobs (adoptive mother)<br>
Abdulfattah Jandali
(biological father)<br>
Joanne Schieble Simpson (biological mother)</td></tr>
    <tr>
    <th>Children</th>
    <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>
    <tr>
    <th> Cause of <br> death</th>
    <td>	Pancreatic cancer and <br> respiratory arrest</td></tr>
       </tbody>
       </table>
     </div>
</div>
     <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="https://en.wikipedia.org/wiki/Steve_Jobs">here.</a></p></div>
                
            </div> 
     <!--footer div-->
   </section>

   
      

     
  
    
  </body>
  
</html>
*{
  margin: 0;
  padding: 0;
  
}
div{
  font-family: 'Nunito', sans-serif;
}
#container{
  margin: auto;
  padding: auto;
  width: auto;
}
#header img{
  width: 100%;
  margin: 0 auto;
}
.quotes{
  background-color: #ececec;
  font-family: 'Smooch', cursive;
  font-weight: bold;
  text-align: center;
  word-spacing: 10px;
  font-size: 25px;
  padding: 10px;
  margin: 20px;
}
#content-header{
  text-transform: uppercase;
    margin: 100px 100px 10px;
   padding-left: 30px;
    font-size: 40px;
    color: #ebebeb;
    font-weight: bold;
  letter-spacing: 10px;
}
#content{
  margin: 0 auto;
}
#main-content{
  height: 700px;
  position: relative;
  top: 25px;
  left: 10px;
}
.event-date{
  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;
}
.event-desc{
  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;
}
.side-content{
  height: 700px;
}
.info{
  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-weight:bold;
    font-size: 26px;
}
#quote {
    font-family: 'Roboto', cursive;
    text-align:center;
    font-size: 24px;
    position: relative;
    top:5px;
  height: 200px;
  width: 100%;
  background-color: grey;
  
}
a {
    color:dodgerblue;
    text-decoration:none;
}

a:hover {
    text-decoration: underline;
    color: blue;
}
/* ESLint rules https://eslint.org/docs/2.0.0/rules/ */
/* eslint no-undef: "off" */

TRIBUTE PAGE FOR STEVE JOBS

  • Files
  • Index
  • Style
  • Script
  • README
  • CDN Add
HTML
PLEASE WAIT...