Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<div class="container">

    <!--   START Jumbotron: The Silver body -->
    <div class="jumbotron">
        <div class="row">


            <div class="col-xs-12">


                <h1 class="heading text-center">Steve Jobs</h1>
                <h3 class="heading text-center">(1955-2011)</h3>

                <div class="thumbnail">
                    <img src="http://talentdevelop.com/WordPress/wp-content/uploads/2014/03/Steve-Jobs-Think-Different.jpg">
                    <div class="caption text-center">Steve Jobs - Cofounder, Apple Inc. He once said, "...everything around you that you call life, was made up by people that were no smarter than you. And you can change it, you can influence it, you can build your own things that other people
                        can use... Once you learn that, you’ll never be the same again".
                    </div>
                </div>
            </div>
        </div>

        <!--     START: Jumb To -->
        <div class="col-xs-12 text-center">
            <p><strong>Jump To...</strong></p>
            <div class="col-xs-3">
                <a href="#1955-1985"> 1955-1985 </a>
            </div>
            <div class="col-xs-3">
                <a href="#1986-1996"> 1986-1996 </a>
            </div>
            <div class="col-xs-3">
                <a href="#1997-2004">1997-2004 </a>
            </div>
            <div class="col-xs-3">
                <a href="#2005-2011">2005-2011 </a>
            </div>
        </div>
        <!--   END: Jumb To -->

        <!--    START The body: Everything below image -->
        <div class="row">

            <div class="col-xs-12">
                <h2 class="heading text-center">QUOTE</h2>
                <p><em>"Your time is limited, so don't waste it living someone else's life. Don't be trapped by dogma - which is living with the results of other people's thinking. Don't let the noise of other's opinions drown out your own inner voice. And most important, have the courage to follow your heart and intuition. They somehow already know what you truly want to become. Everything else is secondary."</em></p>
                <footer><cite>-- Steve Jobs, Cofounder Apple Computers, Inc.</cite></footer>


                <h2 class="heading text-center">Synopsis</h2>

                <p class="text-justify">
                    Steve Jobs was born in San Francisco, California, on February 24, 1955, to two University of Wisconsin graduate students who gave him up for adoption. Smart but directionless, Jobs experimented with different pursuits before starting Apple Computer with
                    Steve Wozniak in 1976. Apple's revolutionary products, which include the iPod, iPhone and iPad, are now seen as dictating the evolution of modern technology, with Jobs having left the company in 1985 and returning more than a decade later. He
                    died in 2011, following a long battle with pancreatic cancer.
                </p>
            </div>

            <div class="col-xs-12">

                <h2 class="heading text-center">Life Timeline</h2>


                <!--       START 1955-1985 Youth & Apple's early years -->
                <div class="row text-justify" id="1955-1985">

                    <h3 class="heading text-center">1955-1985 Youth & Apple's early years</h3>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>24 Feb 1955</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steven Paul was born in San Francisco, the son of Abdulfattah Jandali and Joanne Schieble. He is quickly adopted by Paul and Clara Job</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1960</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>The Jobs family moves from San Francisco to Mountain View, a suburban town in Santa Clara county, more famous under the name Silicon Valle</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Summar 1960</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>13-year-old Steve Jobs calls up Bill Hewlett and gets a summer job at the HP factor</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1969</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs meets Steve Wozniak, 5 years older, through a mutual friend. Woz and Steve share a love of electronics, Bob Dylan, and prank</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1972</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve and Woz build and illegally sell 'blue boxes' that allow to make phone calls for fre</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1973</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve spends the fall semester at Reed College, Oregon, then drops out. He will stay on campus and attend the classes that interest him for a while, then move to a hippie commun</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1974</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve gets his first job at video game maker Atari, and later makes a trip to India to 'seek enlightenment' with his college friend Dan Kottk</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Mar. 1976</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Woz and Steve show the early Apple I board at the Homebrew Computer Clu</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1 Apr 1976</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple Computer Inc. is incorporated by Steve Jobs, Steve Wozniak and Ron Wayn</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Spring 1976</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve and Woz start assembling Apple I computers in the Jobses' garage, and sell them to computer hobbyists, including 50 for the Byte Sho</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>28 Aug 1976</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs and Woz show off the Apple I at the Personal Computing Festival in Atlantic City, with help from Dan Kottk</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Jan 1977</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Former Intel executive turned business angel Mike Markkula invests in Apple and hires former colleague Mike Scott as CEO. Woz is forced to leave HP to join Apple full tim</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>17 Apr 1977</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple makes a huge sensation at the West Coast Computer Faire with a prototype Apple I</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1978</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>The Apple II becomes the first mass-market personal computer, with impressive sales around the US. Apple becomes a symbol of the personal computing revolutio</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1978</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve's ex-girlfriend Chris-Ann Brennan gives birth to their daugher Lisa. Steve refuses to acknowledge he is the fathe</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1978</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>At Apple, work starts on the Apple III and the Lisa, while Jef Raskin begins The Book of Macintos</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Dec 1979</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs is shown the first working graphical user interface at Xerox PAR</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1979</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Sales of Apple II skyrocket after pioneer spreadsheet software Visicalc is introduce</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1980</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Jef Raskin’s Macintosh project is green-lighted. Lisa evolves into a GUI-computer, in part because of Steve Jobs' demand</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>May. 1980</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple launches the Apple III, which will prove a disastrous flo</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>12 Dec 1980</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple goes public, increasing Steve Jobs' net worth from dozens of millions of dollars to over $200 millio</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Early 1981</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Jef Raskin is forced out of his Macintosh project as Steve Jobs takes ove</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>25 Feb 1981</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Black Wednesday: 50 Apple employees laid off by CEO Mike Scott without notice. The board asks him to leave shortly afterwards. Mike Markkula becomes interim CE</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>12 Aug 1981</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>IBM launches the IBM PC, the biggest threat to Apple's future ye</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Feb 1982</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>A portrait of Steve Jobs ends up on the cover of Time Magazine, under the title 'Striking it Rich'. Steve trusts Time correspondent Michael Moritz to follow him on the Mac team for months, hoping to become Man of the Yea</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>3 Jan 1983</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Time instead makes The Computer 'machine of the year' and publishes a hatchet job on Steve Jobs, who becomes furious and suspicious of journalists for the rest of his lif</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Jan 1983</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Launch of the Lisa computer. The Lisa team later merges with the Mac team under Steve Jobs's leadershi</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>8 Apr 1983</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>PepsiCo CEO John Sculley becomes Apple's CEO after having been wooed by Steve Jobs for several month</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>24 Jan 1984</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Macintosh is launched in great fanfare at Apple’s annual shareholder meetin</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>24 Feb 1985</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs celebrates his 30th birthday in great fanfare, with Ella Fitzgerald as guest singer for the nigh</p>
                    </div></div>
                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>May 1985</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Palace coup: Apple's board sides with John Sculley and strips Steve off all executive dutie</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Summer 1985</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Alan Kay first introduces the Pixar team to Steve Job</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>17 Sep 1985</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs resigns from Apple and starts NeXT with five other refugees from Apple. Apple announces it will sue NeXT
                       </p>
                    </div></div>
                </div>
                <!--       End of 1955-1985 Youth & Apple's early years -->


                <!--       1986-1996 NeXT Pixar and wilderness -->
                <div class="row text-justify" id="1986-1996">
                    <h3 class="heading text-center">1986-1996 NeXT Pixar and wilderness</h3>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>30 Jan 1986</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Jobs buys the computer division of George Lucas' ILM for $10 million and incorporates it as Pixa</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Aug 1986</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Pixar unveils John Lasseter’s short film Luxo Jr. at SIGGRAPH. It is praised by the expert audience as one of the first computer-animated work of ar</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1986</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve's mother Clara dies. A couple months later, Steve discovers his biological mother Joanne and his sister, novelist Mona Simpson. They will become close friend</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Feb 1987</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Ross Perot invests $20 million in NeXT, based on a $125 million valuation. The startup has still to release a produc</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Sep 1988</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>NeXT and IBM form a partnership to have NeXT’s system run on IBM machine</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>12 Oct 1988</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs introduces the NeXT Cube in San Francisco to great critical acclaim, pitching it as a workstation for higher educatio</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Winter 1988</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Pixar launches its new computer graphics workstation, the Pixar Image Computer II, and starts working on the RenderMan computer animation softwar</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Dec 1988</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>At SIGGRAPH, Pixar releases its new short Tin Toy. It will win 1988's Academy Award for Best Animated Short Fil</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Mar 1989</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>NeXT partners with retailer Businessland to sell to corporate America in addition to higher e</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Apr 1989</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs is named 'Entrepreneur of the decade' by Inc. magazin</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Jun 1989</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Canon invests $100 million in NeXT, now valued at $600 millio</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>30 Apr 1989</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve shuts down all of Pixar’s hardware operation</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>13 Sep 1989</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve introduces the cheaper NeXT Station in San Francisco, to boost the modest sales of NeXT hardwar</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Mar 1991</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs fires almost half of Pixar’s staff and takes back all of the employees' stock in an effort to cut costs, as the company is still in the red 5 years after its launc</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>18 Mar 1991</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs marries Laurene Powell in Yosemite under the blessing of Steve's old zen guru Kobin Chino. Laurene is already pregnan</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>May 1991</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Pixar signs a deal with Disney to make a computer-animated feature fil</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Fall 1991</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Laurene gives birth to Steve’s first son, Reed Paul Job</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Late 1991</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Ross Perot leaves NeXT as his investment is still not paying of</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Jan 1992</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>NeXT licenses its operating system, NeXTSTEP, to run on x86 machine</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>1992</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>NeXT COO Peter Van Cuylenburg betrays Steve Jobs by trying to have the company bought by its giant competitor Sun. Sun CEO Scott McNealy warns Steve Jobs instea</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>11 Feb 1993</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>NeXT fires 300 employees as it discontinues all its hardware operations and becomes NeXT Software Inc. This is the nadir of Steve's caree</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Mar 1993</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve's father, Paul Jobs, die</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Nov 1993</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Jeffrey Katzenberg puts a halt to the development of</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Nov 1994</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Pixar resumes work on</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Feb 1995</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve starts focusing less on NeXT and more on Pixar before</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>29 Nov 1995</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>One week after</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Late 1995</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Laurene gives birth to Erin Siena Jobs, her second child with Stev</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Early 1996</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs negotiaties a breakthrough deal between Pixar and Disney with its CEO Michael Eisner. The deal includes landmark rights for a studio, such as equal billin</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong> 1996</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p> Steve's biological sister Mona Simpson publishes her third nove</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Dec 1996</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>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 Ameli</p>
                    </div></div>


                </div>
                <!--       END 1986-1996 NeXT Pixar and wilderness -->


                <!--       START 1997-2004 Rebuilding Apple -->
                <div class="row text-justify" id="1997-2004">
                    <h3 class="heading text-center">1997-2004 Rebuilding Apple</h3>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>6 Aug 1997</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Gil Amelio is ousted by the Apple Board of directors after a disastrous quarter. Steve Jobs is named interim CEO in his place and installs his NeXT executive team at the top of Appl</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Fall 1997</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs introduces Apple's new board of directors and a truce with Microsoft at Macworld Bosto</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>8 Jan 1998</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple starts its 'Think Different' campaign to restore its damaged brand image. The new slogan will quickly enter popular culture and define the company for the next five year</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>6 May 1998</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Eve Jobs, Laurene and Steve's youngest daughter, is bor</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>May 1998</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>At Macworld San Francisco, Steve Jobs announces that Apple is profitable again, thanks to sales of the new Power Macintosh computer</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>5 Jan 1999</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>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 plac</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>April 1999</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs introduces the new Power Mac G3 and the color iMacs at Macworld San Francisc</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>21 Jul 1999</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Pirates of Silicon Valley, a TV movie starring Noah Wyle as young Steve Jobs, air</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>5 Oct 1999</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>The original iBook is unveiled at Macworld New York with the tagline <em>iMac to go</em>. Steve Jobs invites Noah Wyle on stage to impersonate him agai</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>5 Jan 2000</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Introduction of the iMac DVs and of iMovie, the first of Apple's first</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>19 Jul 2000</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>At Macworld San Francisco, Steve Jobs drops the 'interim' in his title and officially becomes Apple’s CEO. He also demoes Mac OS X's revolutionary Aqua interface to a bewildered audienc</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>9 Jan 2001</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs unveils Apple’s</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>24 Mar 2001</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>After four years of hard work, Mac OS X 10.0, the new incarnation of NeXTSTEP, ship</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>19 May 2001</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve unveils the iMac G4 and the fourth iApp, iPhoto, at Macworld San Francisc</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>23 Oct 2001</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>The Power Mac G4 Cube is unveiled at Macworld NY. It will be discontinued one year later because of disappointing sale</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>7 Jan 2002</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple starts its popular 'Switch' campaign with ads picturing PC users that switched to the Ma</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Mid 2002</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs introduces the first Windows-compatible iPods at Macworld N</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>17 Jul 2002</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple opens the revolutionary online iTunes Music Store in the US, after negotiating landmark deals with all major music label</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>28 Apr 2003</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Opening day of</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>30 May 2003</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Following increasing tension with Michael Eisner, Steve Jobs announces that Pixar is seeking a new distributor to replace Disney after its contract expire</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Spring 2003</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple opens its first Retail Stores in Tysons Corner, Virginia and Glendale, Californi</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>23 Jun 2003</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>After an 8-month crash development program, Steve Jobs unveils iPod at a small media event on the company's campus. He has no idea how it will tranform Appl</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>16 Oct 2003</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs unveils the Power Mac G5, the world’s fastest computer, at WWD</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Fall 2003</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>The day hell froze over: Steve Jobs introduces iTunes for Windows and further demonstrates Apple's growing lead over its competitors in the digital music busines</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>6 Jan 2004</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs is diagnosed with pancreatic cancer, but stubbornly refuses any modern medical treatment for months. He tries alternative diets instea</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Aug 2004</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve unveils the iPod mini and the iLife suite at Macworld. The iPod mini will soon become the world's best-selling MP3 player and truly establish Apple as a consumer electronics powerhous</p>
                    </div></div>

                </div>
                <!--       END 1997-2004 Rebuilding Apple -->


                <!--       START 2005-2011 The Big Apple -->
                <div class="row text-justify" id="2005-2011">
                    <h3 class="heading text-center">2005-2011 The Big Apple</h3>


                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>29 Apr 2005</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>At Macworld San Francisco, Steve Jobs unveils Apple's productivity suite iWork, the new Mac mini, and the iPod shuffle, the cheapest iPod ever at $4</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>6 Jun 2005</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Mac OS X 10.4 Tiger is released. A stable, fast release, it is immensely popular and marks the end of the four-year transition from the old Mac OS to UNIX-based Mac OS </p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>12 Jun 2005</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>At WWDC 2005, Steve Jobs announces that Apple is going to switch away from Motorola's and IBM's PowerPC architectures, and use Intel processors in its future Macs instead. This move will further help the growing adoption of the Mac</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>7 Sep 2005</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs makes a memorable commencement speech at Stanford University. History will remember its closing remarks, Steve's advice to the young students: '<em>Stay hungry, stay foolish</em>', a quote from the last page of the Whole Earth Catalogue from his yout</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>12 Oct 2005</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve introduces the Motorola ROCKR, an iTunes-compatible cell phone, and the iPod nan</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>10 Jan 2006</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs invites Disney’s new CEO Bob Iger on stage at an Apple Music Event where he also introduces the new iPod videos and the iTunes movie stor</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>24 Jan 2006</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs unveils the first two Intel Macs at Macworld, the iMac and the new MacBook Pr</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>28 Feb 2006</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>The Walt Disney Company acquires Pixar for $7.4 billion. Pixar's largest shareholder Steve Jobs joins the Disney board while Ed Catmull becomes president of the Walt Disney Animation Studios, and John Lasseter its chief creative office</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>18 Apr 2006</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple releases its first living-room product, the iPod hi-fi, discontinued a year and a half late</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Mid 2006</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs announces Apple’s intention to erect a second campus in Cupertin</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>7 Aug 2006</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple starts its famous 'Mac vs PC' campaign, a series of TV commercials featuring Justin Long as  Mac and John Hodgman as PC. The campaign will last for three years and mark popular cultur</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>9 Jan 2007</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple completes the transition of its entire product line to the Intel platform with the new Mac Pr</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Apr 2007</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>The SEC files charges against Apple’s Nancy Heinen and Fred Anderson for options backdatin</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>29 Jun 2007</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>iPhone is released in the US, the same day as Pixar’s 8th feature film,</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>5 Dec 2007</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs is inducted in the California Hall of Fame by Gov. Schwartzenegge</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>15 Jan 2008</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>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 lin</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>6 Mar 2008</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple announces it will open the iPhone platform to outside developers with the App Store. VC fund KPCB starts iFund to invest in the new mobile app economy that they (rightly) believe will sprout from i</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>9 May 2008</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>The press starts speculating about Steve Jobs's health as he appears very thin to unveil the iPhone 3G with an entry price of $199 on stage at WWD</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Aug 2008</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>In his most memorable keynote presentation ever, at Macworld 2007, Steve Jobs introduces iPhone and its revolutionary touch-screen interface. He also introduces Apple TV and announces the company's name change from <em>Apple Computer Inc.</em> to <em>Apple Inc.</em> to better reflect its new natur</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Late 2008</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>The SEC clears Steve Jobs of any responsibilities in the options backdating scanda</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>5 Jan 2009</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple starts its popular </p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>Apr 2009</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs announces he will not speak at Macworld 2009 because of his health, and takes a six-month medical leave of absenc</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>3 Aug 2009</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve receives a liver transplant at the Methodist University Hospital in Memphis, Tennessee. He was weeks away from dying when he got the surger</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>28 Aug 2009</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Google CEO Eric Schmidt leaves Apple's board because of conflicting interests due to Androi</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>9 Sep 2009</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Apple releases Mac OS X 10.6 Snow Leopard, stripped off any code from the original Mac O</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>27 Jan 2010</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Back at Apple, Steve Jobs makes the first public appearance after his transplant to introduce new iPods at the 'It's Only Rock'N'Roll' even</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>16 July 2010</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>After months of wild rumors, Steve Jobs unveils iPad, '<em>the biggest thing Apple's ever done</em>'. The tablet runs the same operating system as iPhon</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>17 Jan 2011</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>One month after the release of the new iPhone 4, Steve Jobs holds a press conference to address the smartphone's supposed reception issues, the so-called 'Antennagate</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>2 Mar 2011</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p> Jobs surprises the world by announcing his new medical leave of absence, without any end dat</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>6 Jun 2011</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p> Despite his medical leave, Steve Jobs takes the stage to unveil the new iPad </p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>7 Jun 2011</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>At his last keynote at WWDC 2011, a freil Steve Jobs unveils Apple's cloud offering, iCloud, the foundation for the next decade of Apple product</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>24 Aug 2011</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p> Steve Jobs appears at the Cupertino City Council to unveil Apple's plans for its new 'Spaceship' campus. This is his last public appearanc</p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>5 Oct 2011</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p> Steve Jobs resigns as CEO of Apple, with the words </p>
                    </div></div>

                    <div class="row"><div class="col-xs-2">
                        <p class="date"><strong>24 Oct 2011</strong></p>
                    </div>
                    <div class="col-xs-10">
                        <p>Steve Jobs dies at home, surrounded by his famil</p>
                    </div></div>




                </div>

            </div>
            <!--       END 2005-2011 The Big Apple -->

            <p class="text-center">Read more about the man who changed the word on <a href="https://en.wikipedia.org/wiki/Steve_Jobs" target="_blank">Wikipedia</a></p>

            <footer class="text-center"><cite>All this content was gotten from <a href="http://allaboutstevejobs.com/bio/timeline.php" target="_blank">All About Steve Jobs</a></cite></footer>

            <h2 class="text-center">THE END</h2>
        </div>
        <!--   END The Body  -->

    </div>
    <!-- END: Jumbotron, the Silver body -->

    <footer class="text-center">
        <hr>
        <p>Written and coded by <a href="https://www.freecodecamp.com/teyimpila" target="_blank">Teyim Pila</a>.</p>
    </footer>
</div>
   
              
            
!

CSS

              
                .heading{
  font-family: 'Lobster';
}
.thumbnail{
  background-color:black;
}
.caption {
  text-color: white;
}
.jumbotron{
  padding-top: 10px;
}

.date{
  text-align: right;
}
/* div{
  border: .1em solid red;
} */

              
            
!

JS

              
                var colors = ["#80B2C4", "#D66344", "#DD7C6B", "#632528", "#3F2518", "#2B0F0E", "#5B3822", "#927054"];
              
            
!
999px

Console