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="jumbotron">
  <div class="text-center">
       <h1>Kobe Bryant Game Winner Tribute Page</h1>
    <h4 class="text-muted">My Top Three Game Winners</h4>
     <div class="row">
       <div class="col-md-6 col-md-4">
         <div class="thumbnail">
           <img src="http://i.usatoday.net/sports/_photos/2009/12/04/kobe-topper.jpg" style="width:450px;height:344px;" alt="Kobe game winner vs the Heat">
           <div class="caption">
             <p>Kobe hits a game winner vs the Heat</p>
            <p> <button class="btn btn-default">
               <a href="https://www.youtube.com/watch?v=b-3s90fR1ak" target="_blank">Link</a>
              </button></p>
           </div>
         </div>
       </div>
       <div class="col-md-6 col-md-4">
         <div class="thumbnail">
           <img src="https://i.cdn.turner.com/drp/nba/lakers/sites/default/files/hero_gamewinner.jpg" style="width:450px;height:344px;" alt="Kobe game winner vs the Jazz">
           <div class="caption">
             <p>Kobe hits a game winner vs The Jazz</p>
             <p><button class="btn btn-default">
               <a href="https://www.youtube.com/watch?v=nmVEGQc34k8" target="_blank">Link</a>
                 </button></p>
         </div>
       </div>
       </div>
       <div class="col-md-6 col-md-4">
         <div class="thumbnail">
           <img src="https://i.ytimg.com/vi/inyyV8Y1Seg/hqdefault.jpg" style="width: 450px; height:344px;" alt="Kobe game winner vs Boston">
           <div class="caption">
             <p>Kobe hits a game winner vs The Celtics</p>
            <p> <button class="btn btn-default">
               <a href="https://www.youtube.com/watch?v=IjDAOmoIEZU" target="_blank">Link</a>
              </button></p>
         </div>
       </div>
      </div>
    </div>
    <h2 class="text-muted text-center">List of All Game Winners</h2>
    <h4 class="text-muted">Includes game tying shots</h4>
    <div>
      <div class="row">
        <div class="col-md-6 col-md-4">
          <p><b><font size="5">1999</font></b></p>
            <ul>
              <li>Dec 27: Los Angeles 108, Dallas 106: Game Winning FTs with 8 seconds left.</li>
              <li>May 09: Los Angeles 101, Houston 100 Playoffs: Game Winning FTs with 5 seconds left.</li>
            </ul>
          <p><b><font size="5">2000</font></b></p>
            <ul>
              <li>Nov 16: Los Angeles 112, Sacramento 110: Tying 3-pointer for OT; Jumper over Vlade Divac with 24 seconds left.</li>
              <li>May 10: Los Angeles 97, Phoenix 96 Playoffs: Jumper over Jason Kidd with 2 seconds left.</li>
              <li>Jun 14: Los Angeles 120, Indiana 118 Playoffs: Overtime; Offensive Rebound, Layup with 5 seconds left.</li>
            </ul>
          <p><b><font size="5">2001</font></b></p>
             <ul>
              <li>Feb 07: Los Angeles 85, Phoenix 83: Jumper over Shawn Marion with 2 seconds left.</li>
              <li>Feb 13: Los Angeles 113, New Jersey 110: Overtime; Layup over Kenyon Martin with 4 seconds left.</li>
            </ul>
          <p><b><font size="5">2002</font></b></p>
            <ul>
              <li>Jan 02: Los Angeles 87, Denver 86: Offensive Rebound, Jumper with 55 seconds left.</li>
              <li>Feb 22: Los Angeles 96, Charlotte 94: Buzzer Beater; Jumper over George Lynch.</li>
              <li>May 12: Los Angeles 87, San Antonio 85 Playoffs: Offensive Rebound, Layup over David Robinson with 5 seconds left.</li>
              <li>Dec 06: Los Angeles 105, Dallas 103: Jumper over Dirk Nowitzki with 8 seconds left.</li>
              <li>Dec 22: Los Angeles 109, Toronto 107: Overtime; Layup over Morris Peterson with 33 seconds left.</li>
            </ul>
       </div>
         <div class="col-md-6 col-md-4">
           <p><b><font size="5">2003</font></b></p>
             <ul>
              <li>Apr 04: Los Angeles 102, Memphis 101: Buzzer Beater; Jumper over Shane Battier.</li>
              <li>Apr 06: Los Angeles 115, Phoenix 113: Overtime; Tying Jumper over Joe Johnson for OT; Jumper over Shawn Marion with 28 left.</li>
              <li>Dec 19: Los Angeles 101, Denver 99: Buzzer Beater; Jumper over Jon Barry.</li>
            </ul>
           <p><b><font size="5">2004</font></b></p>
            <ul>
              <li>Feb 17: Los Angeles 89, Portland 86: Layup with 32 seconds left; Free Throw with 7 seconds left.</li>
              <li>Mar 03: Los Angeles 96, Houston 93: Jumper over Yao Ming with 32 seconds left.</li>
              <li>Mar 21: Los Angeles 104, Milwaukee 103: Overtime; Jumper over Keith Van Horn with 25 seconds left.</li>
              <li>Apr 14: Los Angeles 105, Portland 104: Buzzer Beater; Tying 3-pointer over Ruben Patterson for OT; 3-pointer over Theo Ratliff.</li>
              <li>Apr 25: Los Angeles 92, Houston 88 Playoffs: Layup over Jim Jackson with 40 seconds left.</li>
            </ul>
           <p><b><font size="5">2005</font></b></p>
             <ul>
              <li>Mar 12: Los Angeles 117, Charlotte 116: Jumper over Keith Bogans with 1 second left.</li>
              <li>Nov 02: Los Angeles 99, Denver 97: Overtime; Jumper over Eduardo Najera with 1 second left.</li>
              <li>Dec 04: Los Angeles 99, Charlotte 98: Game Winning FTs with 7 seconds left.</li>
              <li>Dec 12: Los Angeles 109, Dallas 106: 3-pointer over Adrian Griffin with 35 seconds left.</li>
             </ul>
          <p><b><font size="5">2006</font></b></p>
            <ul>
              <li>Jan 07: Los Angeles 112, L.A. Clippers 109: Layup over Elton Brand with 11 seconds left.</li>
              <li>Jan 12: Los Angeles 99, Cleveland 98: Jumper over Lebron James with 8 seconds left.</li>
              <li>Apr 30: Los Angeles 99, Phoenix 98 Playoffs: Buzzer Beater; Tying Layup over Boris Diaw for OT; Jumper over Raja Bell and Boris Diaw.</li>
            </ul>
        </div>
           <div class="col-md-6 col-md-4">
            <p><b><font size="5">2008</font></b></p>
             <ul>
                <li>Jan 14: Los Angeles 123, Seatle 121: Overtime; Jumper over Jeff Green with 4 seconds left.</li>
                <li>May 21: Los Angeles 89, San Antonio 85 Playoffs: Jumper over Bruce Bowen with 23 seconds left.</li>
              </ul>
            <p><b><font size="5">2009</font></b></p>
              <ul>
                <li>Jan 09: Los Angeles 121, Indiana 119: Jumper over Jarrett Jack with 3 seconds left.</li>
                <li>Jan 13: Los Angeles 105, Houston 100: 3-pointer over Shane Battier with 27 seconds left.</li>
                <li>Dec 04: Los Angeles 108, Miami 107: Buzzer Beater; 3-pointer over Dwayne Wade.</li>
                <li>Dec 16: Lakers 107 - Bucks 106: Buzzer Beater; Overtime; Jumper over Charlie Bell.</li>
              </ul>
            <p><b><font size="5">2010</font></b></p>
              <ul>
                <li>Jan 01, 2010: Los Angeles 109, Sacramento 108: Buzzer Beater; 3-pointer.</li>
                <li>Jan 13, 2010: Los Angeles 100, Dallas 95: Jumper over Josh Howard with 28 seconds left.</li>
                <li>Jan 31, 2010: Los Angeles 90, Boston 89: Jumper over Ray Allen with 7 seconds left.</li>
                <li>Feb 23, 2010: Los Angeles 99, Memphis 98: 3-pointer over Rudy Gay with 4 seconds left.</li>
                <li>Mar 09, 2010: Los Angeles 109, Toronto 107: Jumper over Antoine Wright with 1 seconds left.</li>
              </ul>
             <p><b><font size="5">2012</font></b></p>
              <ul>
               <li>Feb 12, 2012: Los Angeles 94, Toronto 92: Jumper over James Johnson with 4 seconds left.</li>
                <li>Mar 09, 2012: Los Angeles 105, Minnesota 102: Game Winning FTs with 16 seconds left.</li>
                <li>Mar 27, 2012: Los Angeles 104, Golden State 101: Jumper over Brandon Rush with 32 seconds left.</li>
                <li>Mar 31, 2012: Los Angeles 88, New Orleans 85: 3-pointer over Jarrett Jack with 20 seconds left.</li>
                <li>Apr 03, 2012: Los Angeles 91, New Jersey 87: 3-pointer over Gerald Wallace with 7 seconds left.</li>
                <li>Apr 04, 2012: Los Angeles 113, L.A. Clippers 108: Jumper over Randy Foye with 24 seconds left.</li>
              </ul>
        </div>
    </div>
 </div> 
     <div class="row">
        <div class="col-md-6">
          <div class="well">
            <p>If you have time you should read more about Kobe Bryant on his <a href="https://en.wikipedia.org/wiki/Kobe_Bryant" target="_blank">Wiki Page</a></p>
        
          </div>
      </div>
      <div class="col-md-6">
        <div class="well">
          <p>Check out every game winner in this <a href=" https://www.youtube.com/watch?v=5Z0X9gqgbUI" target="_blank">Video</a></p>
        </div>
      </div>
       <div>
         <p>Designed and coded by <a href="https://www.freecodecamp.com/psingh24" target="_blank">Prabhdeep Singh</a></p>
       </div>
    </div>
    </div>
  </div>


            
          
!
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