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.

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

            
              <body>
  <div class="container-fluid">
    <h1 class="text-center text-primary">Paul Walker</h1>
    <h4 class="text-center text-secondary">
      <i>I'm a crazy car guy. I've got an airplane hangar full of cars.</i>
    </h4>
    <div class="row">
      <div class="col-md-12">
        <img src="http://www.motorsikletsitesi.com/wp-content/uploads/fast-and-furious-2001-14-g.jpg" alt="paul-walker" class="img-rounded" width='100%'/>
      </div>
    </div>
    <div class="row">
      <div class="col-md-10 col-md-offset-1 info">
        <h5 class="text-center"><b>Some Info on Paul's Career</b></h5>
        <p>Walker began his small screen career as a toddler, when he starred in a television commercial for Pampers. He began modeling at the age of two and began working on television shows in 1985, with roles in shows such as Highway to Heaven, Who's the Boss?, The Young and the Restless, and Touched by an Angel. That same year, he starred in a commercial for Showbiz Pizza. Walker's film career began in 1986, with the horror/comedy film Monster in the Closet. In 1987 he appeared in The Retailiator (aka Programmed to Kill), a low budget cyborg action film, with Robert Ginty. He and his sister Ashlie were contestants on a 1988 episode of the game show I'm Telling!; they finished in second place. In 1993 he played Brandon Collins on the CBS soap opera The Young and the Restless. He and his co-star Heather Tom, who played Victoria Newman, were nominated for Outstanding Lead Actor and Actress in a soap opera at the Youth in Film Awards. In 1998, Walker made his feature film debut in the comedy Meet the Deedles, which finally gained him fame. This subsequently led to supporting roles in the movies Pleasantville (1998), Varsity Blues (1999), She's All That (1999), and The Skulls (2000).</p>
        <p>Walker drove a Nissan Skyline GT-R in 2 Fast 2 Furious. In 2001, Walker's breakthrough role arrived when he starred opposite actor Vin Diesel in the successful action film The Fast and the Furious, the first film in the franchise. The film established Walker as a notable film star and leading man and led to his reprise of the role in the 2003 sequel 2 Fast 2 Furious. He continued his career with leading roles in films such as Joy Ride (2001), Into the Blue (2005), and Timeline (2003); he had a supporting role in Clint Eastwood's adaptation of Flags of Our Fathers (2006).</p>
        <p>Walker at a convention in February 2006 Walker then starred in the crime thriller Running Scared and Walt Disney Pictures' Eight Below, both released in 2006. Eight Below garnered critical-acclaim and opened in first place at the box office, grossing over US$20 million during its first weekend. During the filming of Running Scared, director Wayne Kramer stated that "[Walker] is that guy on some level" when comparing Walker with his character in the movie, Joey Gazelle. Kramer continued on to say that he "loved working with [Walker] because as a director he's completely supportive of my vision of what the film is. And even better, he's completely game for it."</p>
        <p>Walker starred in the independent film The Lazarus Project, which was released on DVD on October 21, 2008. He subsequently returned to The Fast and the Furious franchise, reprising his role in Fast & Furious, which was released on April 3, 2009. Walker then appeared in the crime drama Takers, which began filming in September 2008 and was released in August 2010.</p>
        <p>The Coty Prestige fragrance brand Davidoff Cool Water for Men announced in January 2011 that Walker was going to be the new face of the brand as of July 2011. He reprised his role in the fifth installment of The Fast and the Furious series, Fast Five (2011), and again in Fast & Furious 6 (2013). For this film, he won the 2014 MTV Movie Award as best on-screen duo, with Vin Diesel. He was part of an ensemble cast in Wayne Kramer's Pawn Shop Chronicles (2013), which was Walker's last film released before his death.
Shortly after his death, the Hurricane Katrina based film Hours, which he had completed earlier in 2013, was released on December 13, 2013. He had also completed the action film Brick Mansions, a remake of the French film District 13, which was released in April 2014. At the time of his death, Walker had been filming Furious 7, which was slated for release in July 2014. The film was completed by using his brothers Caleb and Cody as his body doubles/stand-ins, and CGI, and was released in April 2015. Walker was also set to play Agent 47 in the video game adaptation Hitman: Agent 47, but died before production began.</p>
        <h3>You can read more about Paul Walker @  <a href="https://en.wikipedia.org/wiki/Paul_Walker">Wikipedia</a></h3>
</div>
    </div>
  </div>
</body>
            
          
!
            
              .container-fluid {
  background-color: #F0F0F0;
  width: 80%;
  margin-top: 5%;
  border-radius: 10px;
}

.info {
  margin-top: 5%;
}
            
          
!
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.
Loading ..................

Console