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. 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

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

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

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

              
                <div class="container container-fluid">
  <div class="row">
    <div class="text-center">
      <h1>JEAN MICHEL BASQUIAT</h1>
    <img class="large-image center img-responsive center-block" src="https://res.cloudinary.com/dlapyt1g0/image/upload/c_scale,h_400,w_650/v1467432967/two-heads-on-gold.jpg_Large_hesuji.jpg">
      <p>Two Heads on Gold, c. 1982</p>
      <h2><del>Neo Expressionist Artist </h2></del><br></div>

    <ul>
      <h4><b><li>Born: December 22, 1960,
    Brooklyn, NY</h4></b>
      </li>
      <h4><b><li>Father: Gerard, Haitian, Port Au Prince, Haiti</h4></b>
      </li>
      <h4><b><li>Mother: Matilde, Puerto-Rican, Brooklyn, NY </h4></b>
      </li>
    </ul> 
<div class="text-align left">
  <p><b>EARLY YEARS:</b> When Jean Michel Basquiat was 8 he was seriously injured when a car hit him while playing on the street with a group of kids. The incident left him with severe internal injuries and a broken arm. While in recovery his mother, fond
      of art herself, gave him the Gray’s Anatomy book to pass the time. The book would be influential in his future, for it became the name of a band he formed called “Gray” and attributed to many of his pieces, such as Philistines c. 1982, and Back of the Neck c. 1983.
    </p>
    <p>At 16 he was kicked out of his family home for quitting school - His new home became the lower east side of Manhattan. Basquiat started out as a graffiti artist, tagging aphorisms on neighborhood buildings and subway trains in Manhattan, along with
      his close friend Al Diaz, under the pseudonym SAMO meaning, (Same Old Shit). The young Basquiat designed t-shirts and postcards, which he sold on the streets to earn money. One such individual liked his postcards and purchased a few - He was the legendary pop artist, 
      Andy Warhol. Basquiat could not believe his luck. </div>
    </p><br>
    <div class="text-center">
      <img class="large-image center img-responsive center-block" src="https://res.cloudinary.com/dlapyt1g0/image/upload/v1467432986/8_p3u24m.jpg">
      <p> Dos Cabezas, c. 1982, Basquiat & Oxidized Portrait, c. 1984, Warhol</p><br></div>

    <p><b>INSPIRATION:</b> Basquiat’s art celebrated his intuitive love of New York City urban life and the influential black heroes and performing artist such as legendary Jazz musicians like Charlie Parker known as the “Bird” and Dizzy Gillespie, whom
      Basquiat’s “Horn Players” is attribute to. Many of his projects featured other reputable artist like Picasso and Vincent Van Gogh, and famous authors such as Mark Twain and one of his favorite living authors at the time, William Burroughs.
    </p>
    <p><b>FAME:</b> His paintings received critical acclaim in June of 1980 when he participated in a showing called “Time Square Show.” Soon after his popularity grew more attention in the art industry.  Annina Nosei, a reputable contemporary art dealer was so impressed by Basquiat’s work, she helped fund his art supplies, and offered him studio space where he can paint. Nosei also orchestrated Basquiat’s first one-artist exhibition, which was a phenomenal success.
    </p>
    <p>
      Jean Michel Basquiat became a rising star quickly, and at a very young age. His works fascinated the public… who paid as high as $20.000 to own a Basquiat original. By the mid 80’s, he was at the top of his game, working on a series of collaborations with other notable
      artist including his mentor, Andy Warhol at his famous studio, “The Factory.”
    </p><br>
    <div class="text-center">
      <img class="large-image center img-responsive center-block" src="https://res.cloudinary.com/dlapyt1g0/image/upload/c_scale,h_450/v1467432977/jean-michel-basquiat-great_ly5ja7.jpg">
      <p>Basquiat in his studio, photograph, front cover of "The New York Times," 1995.
      <h4><b><i>"I don't think about art when I'm working.<br> I try to think about life." ~ Jean Michel Basquiat</h4></b><br>
      </i></div>
    <p><b>TRAGEDY:</b> Basquiat’s increasing popularity was a bit too much for him. He began distrusting others amongst rumors he heard that some were befriending him to benefit their own gain, including his mentor and best friend, Andy Warhol. Basquiat
      grew paranoid, withdrawing from the public and isolating himself in his studio. These periods of dissociation worried those closest to him.
    </p>
    <p>
      Basquiat was a known heroin addict, which triggered his paranoia and fears of being a washed out artist. In his quest to get clean attempting several times to quit, he finally saw brighter days ahead, but then one day it sadly came to an end. On August
      12, 1988 at the age of 27, Jean Michel Basquiat died of a heroin overdosed. He left behind over 1000 of his unsold works, now in the care of his family and museum caretakers throughout the world.</p>

    <p><b>LEGEND:</b> Basquiat became one of the youngest legendary contemporary artist of the 20th century. His works and style continue to inspire thousands, including some of today's popular entertainers, such as Jay Z, 3D of Massive Attack, and The Weeknd.
      And in more recent news several of Basquiat's paintings are selling for record breaking sales in the millions. An untitled piece sold at Christie's in New York at auction for a record breaking $57, million. It's no wonder why Basquiat was called the radiant child.</p><p>There are several stories, interviews, videos, and documentaries on the web, depicting the life and tragic end of "Basquiat" one of the most influential artist of our time. Watch a video clip, of the documentary <a href="https://www.youtube.com/watch?v=bt48AxjzQJI" target="_blank">"Radiant Child"</a> on youtube.
    </p>

    <div class="text-center">
      <img class="center image-responsive center-block thin-c1a82b-border" src="https://res.cloudinary.com/dlapyt1g0/image/upload/c_scale,w_76/v1467433798/6a00e553d45a2a88330191041c9d55970c-600wi_o87zzo.jpg">
      <h5><b>For more information on this remarkable artist visit his 
     <a href="https://en.wikipedia.org/wiki/Jean-Michel_Basquiat" target="_blank">Wikipedia Page-Jean Michel Basquiat</a></h5></b>
      <br>
    </div>
  </div>
</div>
              
            
!

CSS

              
                body {
  margin: 50px 20px 50px 20px;
  background-color: #3c4133;
}

h1 {
  font-family: stencil, ariel;
  margin-top: 30px;
  margin-bottom: 10px;
}
.large-image {
  border-color: #3c4133;
  border-style: solid;
  border-width: 10px;
}

h2 {
  font-family: stencil, ariel;
  margin-top: 10px;
}


h5 {
  font-family: helvetica, ariel;
  margin-top: 10px;
}

p {
  font-family: helvetica, ariel;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0px;
  margin-bottom: 10px;  
}


.thin-c1a82b-border {
  border-color: #c1a82b;
  border-style: solid;
  border-width: 8px;
  border-radius: 10px;
}

a {
  font-size: 100%
}

.row {
  background-color: beige;  
  padding: 10px 40px 10px 40px;
  margin: 40px;  
}
              
            
!

JS

              
                
              
            
!
999px

Console