Tribute page from Free Code Camp's first project.
A Pen by Amanth Mohammed Jasil on CodePen.
Created
August 28, 2016 03:20
-
-
Save jasil1414/5b2e3ba5085dd31198e09e52992df9fd to your computer and use it in GitHub Desktop.
Steve Jobs Tribute Page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>The Father of Digital Revolution</title> | |
| </head> | |
| <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=PT+Sans+Caption" /> | |
| <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Quattrocento" /> | |
| <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Damion" /> | |
| <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Philosopher" /> | |
| <body> | |
| <div class="box-main"> | |
| <h1 style="font-family:Quattrocento; font-size:42px; font-weight:bold"> Steven Paul Jobs</h1> | |
| <h3 id="tag-line">The Father of Digital Revolution</h3> | |
| <div class="img-steve"> | |
| <img class="steve-img" src="http://images.boomsbeat.com/data/images/full/209/jobs-jpg.jpg" alt="Steve Jobs Image"> | |
| <h4 id="image-text">Steve Jobs ( 1955-2011 )</h4> | |
| </div> | |
| <h3 id="timeline">Here's a time line of Steve Job's life:</h3> | |
| <div class="timeline-content"> | |
| <ul> | |
| <li><span id="steve-date">1955</span>:Born Feb. 24 in San Francisco to Joanne Simpson and Abdulfattah Jandali.</li> | |
| <li><span id="steve-date">1955</span>:Adopted from infancy by Paul and Clara Jobs in San Francisco. Moves to Mountain View, California, five months later.</li> | |
| <li><span id="steve-date">1969</span>:Offered a summer job at Hewlett-Packard Co. (HP) by William Hewlett.</li> | |
| <li><span id="steve-date">1971</span>: Meets Steve Wozniak; the two later found Apple Computer Inc.</li> | |
| <li><span id="steve-date">1972</span>:Graduates from Homestead High School in Los Altos.</li> | |
| <li><span id="steve-date">1972</span>:Registers at Reed College, Portland, Oregon, and drops out after one semester.</li> | |
| <li><span id="steve-date">1974</span>:Joins Atari Inc. as a technician.</li> | |
| <li><span id="steve-date">1975</span>:Starts attending meetings of the "Homebrew Computer Club," which discussed home computers.</li> | |
| <li><span id="steve-date">1976</span>:Jobs and Wozniak raise US$1,750 and build their first marketable table-top computer, the Apple I.</li> | |
| <li><span id="steve-date">1976</span>:Founds Apple Computer Company with Wozniak and Ronald Wayne. Wayne sells his stake two weeks later.</li> | |
| <li><span id="steve-date">1976</span>:Jobs and Wozniak launch Apple I for $666.66, the first single-board computer with a video interface and an onboard Read Only Memory (ROM), which instructed the machine on how to load programs from an external source.</li> | |
| <li><span id="steve-date">1977</span>: Apple is incorporated as Apple Computer Inc. and the new company buys out the original partnership.</li> | |
| <li><span id="steve-date">1977</span>:Apple launches Apple II, the world's first widely used personal computer.</li> | |
| <li><span id="steve-date">1978</span>:Jobs has first child, Lisa, with Chrisann Brennan.</li> | |
| <li><span id="steve-date">1979</span>:Development of Macintosh starts.</li> | |
| <li><span id="steve-date">1980</span>:Apple III launched.</li> | |
| <li><span id="steve-date">1980</span>:Apple goes public, share price jumps from $22 to $29 on the first day of trading.</li> | |
| <li><span id="steve-date">1981</span>:Jobs involves himself in Macintosh development.</li> | |
| <li><span id="steve-date">1983</span>:Recruits John Sculley as Apple president and chief executive officer.</li> | |
| <li><span id="steve-date">1983</span>:Announces "Lisa," the first mouse-controlled computer. It fails in the marketplace.</li> | |
| <li><span id="steve-date">1983</span>:Apple launches Macintosh with a splashy ad campaign on Super Bowl Sunday.</li> | |
| <li><span id="steve-date">1983</span>:Wins National Technology Medal from U.S. President Ronald Reagan.</li> | |
| <li><span id="steve-date">1985</span>:Jobs ousted from Apple after boardroom struggle with Sculley. Jobs resigns and takes five Apple employees with him.</li> | |
| <li><span id="steve-date">1985</span>:Founds Next Inc. to develop computer hardware and software. Company later renamed Next Computer Inc.</li> | |
| <li><span id="steve-date">1986</span>:Buys Pixar from George Lucas for less than $10 million. Company later renamed Pixar Animation Studios.</li> | |
| <li><span id="steve-date">1989</span>:Next launches $6,500 NeXT Computer, also known as The Cube. It comes with a monochrome monitor, and fails in the marketplace</li> | |
| <li><span id="steve-date">1989</span>:Pixar wins Academy Award for animated short film "Tin Toy."</li> | |
| <li><span id="steve-date">1991</span>:Marries current wife Laurene Powell. Has three children with her over the years.</li> | |
| <li><span id="steve-date">1992</span>:Next releases NEXTSTEP operating system for Intel Corp. 486 processors. It fails in the wake of competition from Microsoft Corp.'s Windows and IBM Corp.'s OS/2.</li> | |
| <li><span id="steve-date">1993</span>:Next shuts hardware division, shifts focus to software</li> | |
| <li><span id="steve-date">1995</span>:Pixar's "Toy Story" highest grossing film that year.</li> | |
| <li><span id="steve-date">1996</span>:Apple acquires Next Computer for $427 million in cash and Apple stock; Jobs becomes advisor to Apple Chairman Gilbert F. Amelio.</li> | |
| <li><span id="steve-date">1997</span>:Jobs becomes interim CEO and chairman of Apple Computer Inc., after Amelio is ousted. Jobs' salary is $1</li> | |
| <li><span id="steve-date">1998</span>:Apple releases the all-in-one iMac computer, which sells millions of units, financially reviving the company and boosting its share price by 400 percent. IMac wins the Gold Award from British Design and Art Direction. Vogue calls the iMac "one of Spring's hottest fashion statements," and Business Week says it is "one of the century's lasting images." Jobs wins a Chrysler Design Institute award for the iMac design.</li> | |
| <li><span id="steve-date">1998</span>:Apple returns to profitability and records four profitable quarters in a row.</li> | |
| <li><span id="steve-date">2000</span>:'Interim' dropped from Jobs' title.</li> | |
| <li><span id="steve-date">2001</span>:Apple launches next-generation operating system -- the Unix-based OS X, with subsequent upgrades over the years.</li> | |
| <li><span id="steve-date">2001</span>:Apple makes first foray into consumer electronics market with launch of iPod, the portable MP3 player. (It sells more than 4.4 million iPods in fiscal 2004.)</li> | |
| <li><span id="steve-date">2002</span>:Launches the flat-panel all-in-one personal computer iMac. It makes the cover of Time Magazine that year and wins numerous design awards.</li> | |
| <li><span id="steve-date">2003</span>:Jobs announces the iTunes Music Store, which sells encoded songs and albums.</li> | |
| <li><span id="steve-date">2003</span>:Jobs launches the 64-bit PowerMac G5 personal computer.</li> | |
| <li><span id="steve-date">2004</span>: The iPod Mini, a smaller version of the original iPod, is launched.</li> | |
| <li><span id="steve-date">2004</span>:In February, Jobs terminates Pixar's highly successful alliance with The Walt Disney Co. for production and distribution of Pixar's animated films. Pixar is ultimately sold to Walt Disney in 2006.</li> | |
| <li><span id="steve-date">2004</span>:In August, Jobs is diagnosed with pancreatic cancer and undergoes surgery. He recovers and returns to work in September.</li> | |
| <li><span id="steve-date">2004</span>:Under Jobs' stewardship, Apple reports its highest fourth-quarter revenue in almost a decade, assisted by the resurgence of its retail network and sales of the iPod music player. The revenue for the period ending Sept. 25 is $2.35 billion.</li> | |
| <li><span id="steve-date">2005</span>:Apple uses its Worldwide Developers Conference to announce that it is moving from using IBM PowerPC processors in its computers to Intel processors.</li> | |
| <li><span id="steve-date">2007</span>:Jobs announces the iPhone, one of the first smartphones without a keyboard, at Macworld Expo.</li> | |
| <li><span id="steve-date">2008</span>: In late December Apple announces that Jobs will not deliver the keynote at the 2009 Macworld Expo nor will he attend the event. This immediately sparks speculation on his health. Apple also said that it will no longer participate in the show after 2009.</li> | |
| <li><span id="steve-date">2009</span>: In early January Jobs says that his dramatic weight loss was caused by a hormone imbalance. At that time he said this condition would not hinder his abilities to function as CEO. Around one week later Jobs says that he will take a leave of absence from Apple until June because his medical condition had changed. He does not disclose his ailment. COO Tim Cook is to handle Apple's day-to-day operations during Jobs' recovery period. Apple says Jobs will be involved with major strategic decisions.</li> | |
| <li><span id="steve-date">June 2009</span>:The Wall Street Journal reports that Jobs underwent a liver transplant. A Tennessee hospital later releases a statement confirming the operation.</li> | |
| <li><span id="steve-date">June 2009</span>:Apple confirms that Jobs is returning to work at the end of the month.</li> | |
| <li><span id="steve-date">January 2010</span>:Apple announces the iPad tablet computer, which becomes an instant success and spawns a new category of mobile computing devices.</li> | |
| <li><span id="steve-date">September 2010</span>:Jobs appears on stage in San Francisco to announce Apple's second-generation Apple TV set-top box, which streams movies from the Internet or mobile devices like the iPhone and iPad directly to TV sets.</li> | |
| <li><span id="steve-date">January 2011</span>: Apple announces Jobs is taking a medical leave of absence, without specifying a reason for the leave or how long he'd be away. Questions are raised about the severity of Jobs' health problems, and its impact on the company's stock, product development and business operations.</li> | |
| <li><span id="steve-date">March 2011</span>:Taking a break from his medical leave, Jobs makes an appearance at an event in San Francisco to introduce the iPad 2.</li> | |
| <li><span id="steve-date">June 2011</span>:While still on leave, Jobs appears at the company's Worldwide Developers Conference in San Francisco to introduce the iCloud and iOS 5. A few days later, Jobs appears in front of the Cupertino City Council with a proposal to build a spaceship-like campus in the city.</li> | |
| <li><span id="steve-date">August 2011</span>:Jobs announces he is stepping aside as CEO, with Cook taking over that role. It also is announced that the board has elected Jobs chairman.</li> | |
| <li><span id="steve-date">Oct. 5, 2011</span>:Jobs dies at age 56.</li> | |
| </div> | |
| <div id="steve-quote"> | |
| <q>Design is not just what it looks like and feels like. Design is how it works</q> | |
| <p style="font-weight:normal; color:grey; font-size:.8em;line-height:5px">-Steve Jobs</p> | |
| </div> | |
| <p style="padding-bottom:3%">Read more about Steve at <a style="text-decoration:none" target="_blank" href="http://allaboutstevejobs.com/bio/longbio/longbio_01.php">All about Steve Jobs.com</a></p> | |
| </div> | |
| <hr> | |
| <p style="font-size:1em;font-family:Damion;line-height:8px">Created by A.Mohammed Jasil</p> | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .box-main{ | |
| background-color:silver; | |
| margin-top:5%; | |
| margin-left:5%; | |
| margin-right:5%; | |
| border-radius:0%; | |
| } | |
| h1{ | |
| text-align:center; | |
| padding-top:3% | |
| } | |
| #tag-line{ | |
| text-align:center; | |
| font-family:Quattrocento | |
| } | |
| .img-steve{ | |
| border-style:solid; | |
| border-color:grey; | |
| border-width:2px; | |
| background-color:white; | |
| margin-left:10%; | |
| margin-right:10%; | |
| border-radius:2%; | |
| } | |
| .steve-img{ | |
| max-height:100%; | |
| max-width:99%; | |
| margin-bottom:-1%; | |
| display:block; | |
| border-radius:5%; | |
| } | |
| #image-text{ | |
| text-align:center; | |
| font-family:Philosopher; | |
| } | |
| #timeline{ | |
| margin-left:10%; | |
| font-family:PT Sans Caption; | |
| } | |
| .timeline-content{ | |
| margin-left:10%; | |
| margin-right:10%; | |
| } | |
| li{ | |
| font-family:Arial Narrow; | |
| color: #404040; | |
| padding:1%; | |
| } | |
| #steve-date{ | |
| font-weight:bold; | |
| } | |
| #steve-quote{ | |
| text-align:center; | |
| font-style:italic; | |
| font-weight:bold; | |
| font-size:1.4em | |
| } | |
| p{ | |
| text-align:center; | |
| font-family:PT Sans Caption; | |
| font-size:1.5em; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment