123

Pen Settings

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. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

<body>
<div class="container-fluid headingdiv">
<div>
<h4 class="heading4"><center>
 A tribute to</center></h4>
<h1 class="heading1"><center>STEVEN&nbsp;JOBS</center></h1>
</div>

<div class="rounded-border">
<img src="http://pre13.deviantart.net/a37f/th/pre/i/2013/111/c/5/tribute_to_steve_jobs_mac_wallpaper_by_rockinishaan-d62hs58.jpg" alt="Steve" class="smaller-image img-responsive grayscale ">
  <h3 class="heading3"><center>Steve Jobs - Co-Founder of Apple Inc.</center></h3>
  <div class="div2">
    <h3 class="heading32"><strong><center><tt>Steve Jobs</tt></center></strong></h3>
    <hr class="line1" noshade/>
    <font id="font1">
  <tt><strong>    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Steve Jobs, the American businessman and technology visionary who is best known as the co-founder, chairman, and chief executive officer of Apple Inc, was born on February 24, 1955. His parents were two University of Wisconsin graduate students, Joanne Carole Schieble and Syrian-born Abdulfattah Jandali. They were both unmarried at the time. Jandali, who was teaching in Wisconsin when Steve was born, said he had no choice but to put the baby up for adoption because his girlfriend's family objected to their relationship. </p>
  <br><br>    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The baby was adopted at birth by Paul Reinhold Jobs (1922–1993) and Clara Jobs (1924–1986). Later, when asked about his "adoptive parents," Jobs replied emphatically that Paul and Clara Jobs "were my parents." He stated in his authorized biography that they "were my parents 1,000%." Unknown to him, his biological parents would subsequently marry (December 1955), have a second child, novelist Mona Simpson, in 1957, and divorce in 1962.</p>
   <br><br>   <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The Jobs family moved from San Francisco to Mountain View, California when Steve was five years old. The parents later adopted a daughter, Patti. Paul was a machinist for a company that made lasers, and taught his son rudimentary electronics and how to work with his hands. The father showed Steve how to work on electronics in the family garage, demonstrating to his son how to take apart and rebuild electronics such as radios and televisions. As a result, Steve became interested in and developed a hobby of technical tinkering. Clara was an accountant who taught him to read before he went to school.</p>
    <br><br>  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Jobs's youth was riddled with frustrations over formal schooling. At Monta Loma Elementary school in Mountain View, he was a prankster whose fourth-grade teacher needed to bribe him to study. Jobs tested so well, however, that administrators wanted to skip him ahead to high school—a proposal his parents declined. Jobs then attended Cupertino Junior High and Homestead High School in Cupertino, California. During the following years Jobs met Bill Fernandez and Steve Wozniak, a computer whiz kid.
</p>
   <br><br>   <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Following high school graduation in 1972, Jobs enrolled at Reed College in Portland, Oregon. Reed was an expensive college which Paul and Clara could ill afford. They were spending much of their life savings on their son's higher education. Jobs dropped out of college after six months and spent the next 18 months dropping in on creative classes, including a course on calligraphy. He continued auditing classes at Reed while sleeping on the floor in friends' dorm rooms, returning Coke bottles for food money, and getting weekly free meals at the local Hare Krishna temple.</p>
   <br><br>   <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; In 1976, Wozniak invented the Apple I computer. Jobs, Wozniak, and Ronald Wayne, an electronics industry worker, founded Apple computer in the garage of Jobs's parents in order to sell it. They received funding from a then-semi-retired Intel product-marketing manager and engineer Mike Markkula.</p>
  <br><br>  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Through Apple, Jobs was widely recognized as a charismatic pioneer of the personal computer revolution and for his influential career in the computer and consumer electronics fields. Jobs also co-founded and served as chief executive of Pixar Animation Studios; he became a member of the board of directors of The Walt Disney Company in 2006, when Disney acquired Pixar.</p>
   <br><br>   <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Jobs died at his California home around 3 p.m. on October 5, 2011, due to complications from a relapse of his previously treated pancreatic cancer.</p>
    <br>
    <p>To know more about Steve Jobs, visit -> <a href="https://en.wikipedia.org/wiki/Steve_Jobs" target="_blank">Wikipedia</a>.
    </p>
      </strong></tt>
    </font>
    
    <hr class="line1" noshade/>
    
    <center>
    <img class="img2" src="http://www.kerze-anzuenden.de/images/kerze-gold.png">
    </center>
  </div>
</div>
  </div>
<!-- Fonts : Papyrus, GoodDog, Chiller, Bookshelf Symbol 7, Berlin Sans FB, Century Gothic, Comic Sans MS, whatever it takes, Bradley Hand ITC, Broadway, Nyala, Open Sans, Open Sans Light, --> 
<!--<div>
 
   
  </ul>
</div>     -->  

</body>
            
          
!
            
              h1.heading1{
  font-family : Monospace;
  color: white;
  font-size: 80px;
  text-shadow: 0px 0px 10px;
}

body{
  background-image:url("http://wallpapermonkey.com/wp-content/uploads/2016/08/grey-brick-wallpaper-HD9.jpg");
}

.rounded-border{
  border-color: white;
  border-width: 0px;
  border-style: solid;
  margin:20px;
  box-shadow: 0px 10px 70px white;
  text-align: justify;
}

.head-space{
  padding:0px;  
}

.smaller-image{
  width: 1300px;
  padding: 10px;
  opacity:0.6;
  height: 1500px;
}

.heading3{
  padding: 0px;
  padding-bottom: 30px;
  color: white;
  font-family: Open Sans; 
  font-size: 35px;
}

h4.heading4{
  font-size: 40px;
  font-family: Century Gothic;
  font-style: italic;
  color:white;
}

.headingdiv{
  padding:20px;
}

h3.heading32{
  padding-top: 50px;
  padding-left: 0px;
  color: white;
  font-family: Bookshelf Symbol 7;
  font-size: 40px;
}

hr.line1{
  height: 5px;
  width: 85%;
  padding-left: 110px;
  border-style: solid;
  border-color: grey;
  border-width: 2px;
  border-radius: 5px;
  box-shadow: 0px 5px 70px white; 
}

.div2{
  margin-left: 50px;
  margin-right: 50px;
}

.grayscale {
  -webkit-filter: grayscale(100%);filter:   grayscale(100%);
}

#font1{
  color: white;
  font-family: Century Gothic;
  font-size: 20px;
}

.img2{
  height: 100px;
  
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console