css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

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.

  <div class="container">
  <h1 class="text-justify">Lesley Gore</h1>
  <div class="container">
  <img class="img-responsive" src="http://www.chicagonow.com/talking-world/files/2016/07/lesley-gore.jpg" >
  <div class="container">
  <p class="text-left">Lesley Sue Goldstein known professionally as Lesley Gore, was an <strong>American singer, songwriter, actress, and activist</strong>. At the age of 16 (in 1963) she recorded the pop hit <strong>"It's My Party"</strong>, and followed it up with other hits including <strong>"Judy's Turn to Cry", "She's a Fool", "You Don't Own Me", "Maybe I Know" and "California Nights".</strong></p>
  <p>Gore also worked as an actress and composed songs with her brother, Michael Gore, for the 1980 film Fame, for which she was nominated for an Academy Award. She hosted an LGBT-oriented public television show, <strong>In the Life</strong>, on American TV in the 2000s, and was active until 2014.</p>
  <p>She was born Lesley Sue Goldstein in Brooklyn, New York City, into a Jewish family, the daughter of Leo and Ronny Gore. Her father was the owner of Peter Pan, a children's swimwear and underwear manufacturer, and later became a leading brand licensing agent in the apparel industry. She was raised in Tenafly, New Jersey,and was a junior at the Dwight School for Girls in nearby Englewood when she recorded her 1963 cover of <strong>"It's My Party" with Quincy Jones and it became a number-one, nationwide hit.</strong> Gore's version sold over one million copies and was certified as a gold record. It also marked the beginning of a time when fans would show up on her front lawn.<p>
  <h3>Here's a time line of Lesley Gore's life:</h3>
  <li><strong>1946</strong> Born in Brooklyn, New York City</li>
  <li><strong>1963–1979</strong> Commercial success</li>
  <li><strong>1980–2015</strong> Career as a composer and Ever Since</li>
  <li><strong>2015</strong> Died </li>
  <li><strong>1963</strong> I'll Cry If I Want to</li>
  <li><strong>1963</strong> Lesley Gore Sings of Mixed-Up Hearts</li>
  <li><strong>1964</strong> Boys, Boys, Boys</li>
  <li><strong>1964</strong> Girl Talk</li>
  <li><strong>1965</strong> My Town, My Guy & Me</li>
  <li><strong>1966</strong> Lesley Gore Sings All About Love</li>
  <li><strong>1967</strong> Off and Running</li>
  <li><strong>1967</strong> California Nights</li>
  <li><strong>1967</strong> Magic Colors</li>
  <li><strong>1972</strong> Someplace Else Now</li>
  <li><strong>1975</strong> Love Me by Name</li>
  <li><strong>1982</strong> The Canvas Can Do Miracles</li>
  <li><strong>2005</strong> Ever Since</li>
  <li><strong>1964</strong>	The T.A.M.I Show</li>
  <li><strong>1965</strong>	The Girls on the Beach</li>
  <li><strong>1965</strong>	Ski Party</li>
  <li><strong>1968</strong>	The Pied Piper of Astroworld</li>
  <li><strong>1977</strong>	Good Old Days</li>
  <li><strong>1985</strong>	Good Time Rock 'n' Roll</li>
  <li><strong>1986</strong>	Deja View</li>
  <li><strong>1988</strong>	Legendary Ladies of Rock & Roll</li>
  <li><strong>1990</strong>	Listen Up: The Lives of Quincy Jones</li>
  <li><strong>1991</strong>	Golden Age of Rock 'n' Roll</li>
  <li><strong>1992</strong>	In the Life</li>
  <li><strong>1998</strong>	Quincy Jones... The First 50 Years</li>
  <li><strong>2000</strong>	Hollywood Rocks the Movies: The Early Years (1955-1970</li>
  <li><strong>2003</strong>	Rock at Fifty</li>
  <li><strong>2008</strong>	An Evening with Quincy Jones</li>
  <li><strong>2008</strong>	Airplay: The Rise and Fall of Rock Radio</li>
  <li><strong>1960</strong>	Club 1270</li>
  <li><strong>1963</strong>	The Keefe Brasselle Show</li>
  <li><strong>1963</strong>	American Bandstand</li>
  <li><strong>1963–1964</strong>	Thank Your Lucky Stars</li>
  <li><strong>1963–1970</strong>	The Ed Sullivan Show</li>
  <li><strong>1963–1975</strong>	New American Bandstand 1965</li>
  <li><strong>1964</strong>	The Beat Room</li>
  <li><strong>1964</strong>	The Lloyd Thaxton Show</li>
  <li><strong>1965</strong>	Fanfare</li>
  <li><strong>1965</strong>	Hollywood A Go-Go</li>
  <li><strong>1965–1966</strong>	Hullabaloo</li>
  <li><strong>1965–1970</strong> Merv Griffin Show</li>
  <li><strong>1965–1971</strong>	The Mike Douglas Show</li>
  <li><strong>1965</strong>	Shivaree</li>
  <li><strong>1966</strong>	The Andy Williams Show</li>
  <li><strong>1966</strong>	The Donna Reed Show</li>
  <li><strong>1966</strong>	Where the Action Is</li>
  <li><strong>1967</strong>	The Match Game</li>
  <li><strong>1967</strong>	Batman</li>
  <li><strong>1967</strong> Dream Girl of '67</li>
    <li><strong>1967</strong>	Binnen en Buiten</li>
    <li><strong>1967–1968</strong>	The Joey Bishop Show</li>
    <li><strong>1968</strong>	Happening '68</li>
    <li><strong>1969–1970</strong>	Della</li>
    <li><strong>1970</strong>	Playboy After Dark</li>
  <li><strong>1970–1971</strong>	The Rolf Harris Show</li>
  <li><strong>1970</strong>	The Dick Cavett Show</li>
  <li><strong>1971</strong>	The Virginia Graham Show</li>
  <li><strong>1975–1976</strong>	The Midnight Special</li>
  <li><strong>1976</strong>	Dinah!</li>
  <li><strong>1977</strong>	Sha Na Na</li>
  <li><strong>1977</strong>	$20,000 Pyramid</li>
  <li><strong>1970</strong>	Our Time</li>
  <li><strong>1982–1983</strong>	All My Children</li>
  <li><strong>1998</strong>	Murphy Brown</li>
  <li><strong>1998</strong>	A Capitol Fourth</li>
  <li><strong>2001</strong>	Walk on By: The Story of Popular Song</li>
  <li><strong>2001</strong>	Biography</li>
  <li><strong>2002</strong>	Hollywood Squares	Herself	Recurring guest; 2 episodes
  <li><strong>2005</strong>	Party Planner with David Tutera</li>
  <li><strong>2006</strong>	In the Life</li>
  <li><strong>2007</strong>	TV Land Confidential</li>
  <li><strong>Unknown</strong>	What's My Line?</li>
  <li><strong>Unknown</strong>	Days of Our Lives</li>
  <li><strong>Unknown</strong> Gay USA</li>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <div class="container">
    <p>"I just kind of lived my life naturally and did what I wanted to do"</p>
    <footer>Lesley Gore</footer>
  <h5>If you have time, you should read more about this incredible human being on her <a href="https://en.wikipedia.org/wiki/Lesley_Gore"target="blank">Wikipedia </a> entry.</h5>


    <h6><strong>Written and coded by <a href="http://thaisafernandes.com" target="blank">Thaisa Fernandes</strong></a></h6>
              body {
    margin-top: 60px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;

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