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. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

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

              
                <html>
<div class="Container">;
  <body>
    <h1 class="text-center"><em><strong>Path of Exile</strong></em></h1>
    <img src="https://web.poecdn.com/gen/image/YTozOntpOjA7aTowO2k6/MjthOjI6e3M6MjoiaWQi/O2k6OTE4O3M6NDoic2l6/ZSI7czo0OiJvcmlnIjt9/aToxO2k6NDt9/f66fc1af06/Oriath.jpg" alt="Path of Exile" class="img-responsive">

    <p class="text-center">Path of Exile is one of the, if not the greatest ARPG ever made</p>
    <h3 class="text-center"><strong>Here are a few things that make the game so unique and stand out from the rest</strong></h3>
    <div class="row">
      <ul>
        <li><strong>Skill Gem System</strong></li>
      </ul>
      <p>Skills in Path of Exile are items - gems that grant abilities when socketed into equipment. A wide range of support gems allow the behaviour of skills to be modified. You can augment your Fireball to chain from enemy to enemy or split into multiple
        flaming projectiles. Up to five support gems can affect a skill at any time.</p>
      <ul>
        <li><strong>Passive Skill Tree</strong></li>
      </ul>
      <p>All of Path of Exile's character classes share its vast passive skill tree. Starting at one of seven distinct locations dictated by their chosen class, players can focus on the core specialities of their class or travel across the tree to build
        complex combinations of skills from various disciplines. Scattered across the tree are Keystone passives that drastically alter the way a character is played.</p>
      <ul>
        <li><strong>Item System</strong></li>
      </ul>
      <p>Path of Exile is completely designed around items. Flasks are persistent items that have mods. They recharge when nearby enemies are killed. End-game areas can be found as Map items that have mods altering their challenges and rewards and has gone
        as far as removing gold as a currency and basing trade economy around orbs that can randomly reroll the properties of other items.
        <ul>
          <li><strong>Leagues and Events</strong></li>
        </ul>
        <p>Varying in duration from one hour to several months, players can enter these leagues to show off their mastery of the game and compete to win valuable prizes. Leagues can substantially modify the game rules. From Turbo 60% faster monsters to Breaches which are tears in the fabric of reality that have formed throughout Wraeclast. Engage them to expose an alternate realm and reveal those who dwell there.</p>

      <ul>
        <li><strong>It's FREE</strong></li>
      </ul>

<p> I have provided a link to <a href="https://www.pathofexile.com/" target="_blank">Path of Exile</a>'s website if you would like to check out the game</p>


        <footer>
          <p>Created by: Justin Baja</p>
          <p>Info from Path of Exile Website/Wiki</p>
        </footer>
    </div>
</div>
</body>

</html>
              
            
!

CSS

              
                .row {
  margin: 20px;
}

footer {
  margin: 40px;
  text-align: center;
    
}
              
            
!

JS

              
                
              
            
!
999px

Console