Tim Conroy

index.html

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />


<class="body">
 <div class="container-fluid" >
   <div class="container" >
    <div class="row" >
      <div class="col-md-8">
<h1  class="black-text text-center" id="name">Steve Jobs</h1>
       </div>
    </div>
  </div>
    
 <div class="container" >  
   <div class="img-responsive" >
     <div class="row" >
       <div class="col-md-8" >
 <h2 id="descriptor">The Man who made <span style="color:red;">Apple</span></h2>
   </div>
     </div>
   </div>
   
<div class="container-fluid" >
  <div class="img-responsive" >
<img src="http://www.deyoungmedia.com/wp-content/uploads/2014/07/steve-jobs-morreu-brasil-153927.jpg" alt="SteveJobsPhoto" >
  </div>
   </div>

  <div class="container-fluid" >
  <div id="quote">
   <p  class="lead" text-style="Monospace" text-align:"center">“People with passion can change the world for the better.” </p></div>
  

<p id="p2" class="container-fluid">
     <ul>
     <li> 1955.  STEVE JOBS is born in San Francisco to a Syrian Muslim grad student named Abdulfattah, and an American classmate.  They put him up for adoption.</li>

<li> 1972.  He drops out of his first semester of college in Portland, Oregon, earns money by returning Coke bottles, and scores free meals at the local Hare Krishna temple.</li>

<li> 1974 – 1975.  He quits his first job at Atari to backpack across India, take psychedelic drugs, convert to Buddhism, and shaves his head. Experiences that he credits with shaping his creative vision.</li>

<li>1976.  STEVE JOBS and STEVE WOZNIAK form Apple Computers and build their first personal computer . . . in Jobs’ parents’ garage.</li>

<li> 1977.  Apple releases the Apple Two, which becomes the first widely-used personal computer in the world.</li>

<li> 1980.  Apple goes public.  After one day of trading, Jobs is worth $239 MILLION.  He’s 25 years old.</li>

<li> 1983.  Apple announces “Lisa,” the first computer to be controlled using a MOUSE.  It fails.  The mouse will go on to become a vital part of basically every computer made in the next 28 years.</li>

<li> 1984.  Apple launches the Macintosh, a desktop computer with the screen built in.  One year later, Jobs would leave Apple.</li>

<li> 1986.  Jobs buys Pixar Animation Studios for $10 MILLION.  In 1995 they release “Toy Story”, the first movie made entirely with computer animation.  It changes animation forever.  When Pixar goes public, Jobs becomes a billionaire.</li>

<li> 1996.  With Apple dying and about to be sold or killed off, Jobs returns, and becomes CEO.  He takes a salary of $1.</li>

<li> 1998.  Apple releases the iMac.  It becomes the fastest-selling personal computer ever.  Apple immediately returns to being profitable and makes money for four quarters in a row.</li>

<li> 2001.  Apple introduces their first retail store and releases the iPod.  There are now 357 Apple Stores.  The iPod would capture more than a 75% market share and turned out to be the device that finally led digital music past the CD era.</li>

<li> 2003.  Apple launches the iTunes music store.  This began the transition away from illegal digital music downloading and toward people LEGALLY listening to music again.</li>

 <li> 2007.  Apple introduces the iPhone, the first phone with a touchscreen and no keyboard.  It revolutionized the cell phone industry. </li>

 <li> 2010.  Apple introduces the iPad . . . a device no one even knew they needed until they tried one.  Apple now has at least an 80% share of the tablet market and they’re used at 92% of Fortune 500 companies.</li>

<li>2011.  Apple . . . the company Jobs started in his parents’ garage . . . is briefly the world’s most valuable company.  On August 9th, for a few hours, Apple’s market cap hit $342 BILLION while ExxonMobil’s was at $341 BILLION. </li>
   </ul>
</p>
<div class="wikiLink">
  <p>Steve Jobs <a href="https://en.wikipedia.org/wiki/Steve_Jobs"> Life     History</a></p>
   </div>
   
<div class="author">
  <div class="container-fluid" >
  <p style="color:gray">Tim Conroy</p>
  <p>Follow me on Facebook: <a href="https://www.facebook.com/tim.conroy.1447" > Tim Conroy</a></p>
     <button class="btn btn-primary">
       <i class="fa fa-thumbs-up">Like</i></button>
  </div>
   </div>
  </div>
</div>
</div>
</div>
</div>
</div>
</body>  

style.css

.body {
  background-color: #b3b3b3;
  margin: auto;
  padding: 10px;
}




ul {
  text-align: justify;
  list-style-position: inside;
  margin: 12px;
  padding-top: 12px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-size: 16px;
}

ul li{
  background-color: #d9d9d9;
  text-align: justify;
  padding-left: 10px;
  padding-right: 10px;

}

.container-fluid {
  margin: 20px;
  padding-left: 100px;
}

.author {
  font-size: 24px !important;
  text-align: center;
  
}



.container {
  margin: 10px;
  background-color: gray;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  
}


#name {
  color: #000000;
  background-color: brown;
  font-style: "Monospace";
  text-align: center;
  margin: 4px 0px 0px 380px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-style: solid;
  border-width: 2px;
  
  
  
}

#descriptor{
  background-color: black !important;
  color: white;
  font-size: 36px;
  font-style: "Arial";
  text-align: center;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  margin: 4px 0px 0px 380px;
    
    
}
.image-responsive{
  padding-top: 4px;
  padding-right: 20px;
  padding-bottom: 4px;
  padding-left: 200px;
  width: 200px;
 
  }

.container-img {
  width: 100%;
  height: auto;
}

#quote {
  text-align: center !important;
  color: white !important;
  
  
  
  
}
.wikiLink {
  color: white !important;
  text-align: center;
  font-size: 18px;
  
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />

tim-conroy.markdown

Tim Conroy

A Pen by Tim Conroy on CodePen.

License.