Skip to content

Instantly share code, notes, and snippets.

@timcarl

timcarl/index.html

Forked from anonymous/index.html
Created September 10, 2017 07:01
Show Gist options
  • Save timcarl/64cb537345712b5170e30fafc37993fd to your computer and use it in GitHub Desktop.
Save timcarl/64cb537345712b5170e30fafc37993fd to your computer and use it in GitHub Desktop.
Download ZIP
TimsPen
Raw
index.html
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<body class="body">
<class="container-fluid" >
<div class="container" >
<div class="row" >
<div class="col-md-8" >
<h1 color="black" id="name" font-size="40px" >Steve Jobs</h1>
</div>
</div>
</div>
<div class="container">
<h2 id="descriptor"> The man who made Apple.</h2>
</div>
<div class="image" >
<img src="http://www.deyoungmedia.com/wp-content/uploads/2014/07/steve-jobs-morreu-brasil-153927.jpg"
alt="SteveJobsPhoto">Steve Jobs Photo.
</div>
<div id="quote">
<p class="lead" text-style="Monospace" text-align:"center">“People with passion can change the world for the better.”
</p>
<p id="p2" class="container">
<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">
<p style="color:gray">Tim Conroy</p>
<p>LinkedIn: <a href="https://www.linkedin.com/in/tim-conroy-57607710b/"> Tim Conroy</a></p>
</div>
</div>
</div>
</div>
</body>
Raw
style.css
.body {
background-color: #b3b3b3;
margin: auto;
}
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: white;
text-align: justify;
padding-left: 10px;
padding-right: 10px;
}
.author {
font-size: 24px !important;
}
.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: 0px 0px 0px 380px;
padding: 8px;
border-style: solid;
border-width: 2px;
text-shadow: 1px 1px blue;
}
#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: 40px;
}
.image{
padding-top: 2px;
padding-right: 20px;
padding-bottom: 2px;
padding-left: 200px;
width: 200px;
}
#quote {
text-align: center !important;
}
.wikiLink {
color: white !important;
}
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment