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

              
                <html>
  <head>
    <title>
      Robin Williams Tribute Page
    </title>
  </head>

  <div class="container-fluid">
  
<link type="text/css" rel="stylesheet" href="stylesheet.css">
  
  <link href="https://fonts.googleapis.com/css?family=Acme" rel="stylesheet" type="text/css">

 <body background="http://cdn.wonderfulengineering.com/wp-content/uploads/2016/02/vintage-wallpaper-8.jpg">
 
  <center>
  <h1>Robin Williams</h1>
   
    <h3>The Life of a Legendary Comedy and Drama Pioneer</h3>
<figure class="figure">  
  <img src="https://i.dailymail.co.uk/i/pix/2014/09/13/article-2754271-215236CD00000578-121_634x483.jpg" alt="Robin Williams: Dead Poets Society" class="smaller-image thick-black-border"> <figcaption class="figure-caption">Robin Williams, right, as english teacher John Keating in "The Dead Poets Society"
  </figure>
 
   <br>
   <p> Robin Williams (July 21, 1951 - August 11, 2014) was an American comedian and actor who began his career in San Fransisco and Los Angeles as a stand-up comedian in the 1970s. Williams is credited as being the driving force behind San Fransisco's comedic renaissance and he was well known for his quick-witted improvisational skills. Williams would eventually rise to fame as Mork in the television show "Mork and Mindy" (1978-82) before fully establishing himself in both comedy and acting.
   </p>
  </br>
   
  <h3>Life and Career Timeline</h3>
   </center>
   <ul class="bold">
    <li>1951: Born in Chicago Illinois</li>
     <li>1978: Makes a guest appearance on Happy Days as Mork, an alien from planet Ork. This leads to the Spin off T.V. show Mork and Mindy. This is also the year that Williams married his first wife, Valerie Velardi</li>
     <li>1980: Gets first real film break starring as Popeye the Sailor</li>
     <li>1982: Stars as the lead character in The World According to Garp</li>
     <li>1987: Stars in "Good Morning, Vietnam" and earns a nomination for the Academy Award's "Best Actor"</li>
     <li>1989: Plays Role of english teacher John Keating in "The Dead Poets Society"</li>
     <li>1991: Starred as a troubled homeless man in "The Fisher King" and as Peter Pan in the movie "Hook"</li>
     <li>1992: Performed voice work as the Genie in Disney's "Aladdin"</li>
     <li>1993: Starred as voice actor Daniel Hillard in the comedy "Mrs. Doubtfire"</li>
     <li>1995: Played Alan Parrish in the dark fantasty adventure film "Jumangi"</li>
     <li>1997: Starred as psychologist Dr. Sean Maguire alongside a young Matt Damon in "Good Will Hunting"</li> 
     <li>1998: Took on the role of Hunter "Patch" Adams in the semi-biographical comedy-drama "Patch Adams"</li>
     <li>1999: Starred as a robot in the science-fiction comedy-drama "Bicentennial Man</li>
     <li>2006: Takes on the role of Theodore Roosevelt in "Night at the Museum" and performs voice work in "Happy Feet"</li>
     <li>2013: Performs his final movie role as Dwight D. Eisenhower in "The Butler"</li>
     <li>2014: Dies at the age of 63</li>
     </ul>
  <center> 
  <em> 
    <h4>"You're only given a little spark of madness. You mustn't lose it."</em>
    <br>-Robin Williams</br>
   </h4>
 </center>
    
<h2>If you'd like to learn more about Robin Williams, here's a <a href="https://en.wikipedia.org/wiki/Robin_Williams" target="_blank"> link </a> to his Wikipedia page.</h2>
   
  </body>
  </div>
</html>
    

              
            
!

CSS

              
                 h1 {
      color:red;
      font-family:acme,impact;
  }
  
  h3 {
    font-family: acme, Courier New;
  }
  
  p {
    font-family:Times New Roman;
  }
    .smaller-image {
      width: 600px;
    }
    
    .thick-black-border {
      border-color: black;
      border-radius: 20%;
      border-width: 10px;
      border-style: solid;
    }
    
    ul {
      display: table;
    }
    
    .bold {
      font-weight: bold;
    }
    
    .italic {
      font-style: italic;
    }

      
              
            
!

JS

              
                
              
            
!
999px

Console