cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

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.

Quick-add: + add another resource

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.

Quick-add: + add another resource

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.

            
              <div class="container">
  <div class="well">
      <h1 class="text-center">Robin Williams<br>
          <small>The man who made us laugh and cry</small></h1>
    <div class="row">
      <div class="col-md-10 col-md-offset-1">
        <div class="thumbnail">
          <img src="http://nargus.ayz.pl/fcc/williams-01.jpg" alt="Matt Damon and Robin Williams" class="img-rounded img-responsive">
          <div class="caption">
            <p class="text-center">Matt Damon and Robin Williams - scene from Good Will Hunting movie. Robin second from the left.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="panel panel-success">
          <div class="panel-heading">
            <h3 class="panel-title">Short Bio</h3>
          </div>
          <div class="panel-body">
            <strong>Robin McLaurin Williams</strong> - American comedian and actor was born on 21st, 1951, in Chicago.
            Robin studied political science before enrolling at Juilliard School to study theatre.
            He made his feature starring debut playing the title role in Popeye (1980), directed by Robert Altman. Williams, receive Academy Award nominations for Best Actor in a Leading Role in Good Morning, Vietnam (1987), Dead Poets Society (1989), and Fisher King (1991), before he won an Academy Award for his role in Good Will Hunting (1997).
            In 2014 Williams committed suicide.
            <img src="http://nargus.ayz.pl/fcc/williams-02.jpg" class="img-circle img-responsive center-block" alt="Robin Williams">
          </div>
        </div>
      </div>
      <div class="col-md-6 col-sm-6 col-xs-12">
        <div class="panel panel-warning">
          <div class="panel-heading">
            <h3 class="panel-title">Filmography</h3>
          </div>
          <div class="panel-body">
            <ul>
              <li><strong class="text-primary">1980</strong> - Popeye</li>
              <li><strong class="text-primary">1982</strong> - The World According to Garp</li>
              <li><strong class="text-primary">1984</strong> - Moscow on the Hudson</li>
              <li><strong class="text-primary">1987</strong> - Good Morning, Vietnam</li>
              <li><strong class="text-primary">1989</strong> - Dead Poets Society</li>
              <li><strong class="text-primary">1990</strong> - Awakenings</li>
              <li><strong class="text-primary">1991</strong> - The Fisher King</li>
              <li><strong class="text-primary">1991</strong> - Hook</li>
              <li><strong class="text-primary">1993</strong> - Mrs. Doubtfire</li>
              <li><strong class="text-primary">1995</strong> - Jumanji</li>
              <li><strong class="text-primary">1996</strong> - The Birdcage</li>
              <li><strong class="text-primary">1997</strong> - Flubber</li>
              <li><strong class="text-primary">1997</strong> - Good Will Hunting</li>
              <li><strong class="text-primary">1998</strong> - Patch Adams</li>
              <li><strong class="text-primary">1998</strong> - What Dreams May Come</li>
              <li><strong class="text-primary">1999</strong> - Bicentennial Man</li>
              <li><strong class="text-primary">2002</strong> - Insomnia</li>
              <li><strong class="text-primary">2002</strong> - One Hour Photo</li>
              <li><strong class="text-primary">2006</strong> - Night at the Museum</li>
              <li><strong class="text-primary">2009</strong> - World's Greatest Dad</li>
              <li><strong class="text-primary">2013</strong> - The Butler</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="panel panel-info">
          <div class="panel-heading">
            <h3 class="panel-title">Awards</h3>
          </div>
          <div class="panel-body">
            <ul>
              <li><strong class="text-primary">1978</strong> - Golden Globe Award for Best Actor – Television Series Musical or Comedy, Mork & Mindy</li>
              <li><strong class="text-primary">1980</strong> - Golden Globe Award for Best Actor – Television Series Musical or Comedy, Mork & Mindy</li>
              <li><strong class="text-primary">1980</strong> - Grammy Award for Best Comedy Album, Reality... What a Concept</li>
              <li><strong class="text-primary">1987</strong> - Golden Globe Award for Best Actor – Motion Picture Musical or Comedy, Good Morning, Vietnam</li>
              <li><strong class="text-primary">1987</strong> - Grammy Award for Best Comedy Album, A Night at the Met</li>
              <li><strong class="text-primary">1987</strong> - Emmy Award: Outstanding Individual Performance In A Variety Or Music Program, "Carol Burnett Special: Carol, Carl, Whoopi & Robin"</li>
              <li><strong class="text-primary">1988</strong> - Emmy Award: Outstanding Individual Performance In A Variety Or Music Program, "ABC Presents a Royal Gala"</li>
              <li><strong class="text-primary">1989</strong> - Grammy Award for Best Comedy Album, Good Morning Vietnam</li>
              <li><strong class="text-primary">1991</strong> - Golden Globe Award for Best Actor – Motion Picture Musical or Comedy, The Fisher King</li>
              <li><strong class="text-primary">1993</strong> - Golden Globe Award for Best Actor – Motion Picture Musical or Comedy, Mrs. Doubtfire</li>
              <li><strong class="text-primary">1996</strong> - Screen Actors Guild Award for Outstanding Performance by a Male Actor in a Supporting Role, The Birdcage</li>
              <li><strong class="text-primary">1997</strong> - Academy Award for Best Supporting Actor, Good Will Hunting</li>
              <li><strong class="text-primary">1997</strong> - Screen Actors Guild Award for Outstanding Performance by a Male Actor in a Supporting Role, Good Will Hunting</li>
              <li><strong class="text-primary">2003</strong> - Grammy Award for Best Comedy Album, Robin Williams Live - 2002</li>
              <li><strong class="text-primary">2005</strong> - Golden Globe Cecil B. DeMille Award</li>
            </ul>
          </div>
        </div>
      </div>
    </div> 
    <blockquote>
      <p>He arrived in our lives as an alien – but he ended up touching every element of the human spirit.</p>
      <footer>Barack Obama in <cite title="Source Title">in <a href="https://www.whitehouse.gov/the-press-office/2014/08/11/statement-president-passing-robin-williams" target="_blank">"Statement by the President on the Passing of Robin Williams" (11 August 2014)</a> <span class="glyphicon glyphicon-new-window" aria-hidden="true"></span></cite></footer>
      
    </blockquote>
    <div class="text-center">
      <h1>This is just a small Robin Williams Tribute Page </h1>
      <p><a class="btn btn-primary btn-lg" href="https://en.wikipedia.org/wiki/Robin_Williams" target="_blank" role="button">Read more on Wikipedia</a></p></
    </div>
  </div>
</div>
  <div>
  <p class="text-center">Written and coded by <span class="author"><a href="https://pl.linkedin.com/in/igorwysocki
" target="_blank">Igor Wysocki</a></span></p>
</div>
            
          
!
            
              .author {
  font-family: 'Gochi Hand', cursive; serif;
  font-size: 20px;
  text-shadow: 2px 2px 2px #aaa;
}
            
          
!
999px
Loading ..................

Console