<!DOCTYPE html>
<html lang="en">

<head>
  <title>Bulma CSS</title>
  <!-- CSS Via CDN -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">

</head>

<body>
  <div class="container is-fluid">
    <div class="box">
      I'm in a box.
    </div>

    <p class="my-5">
    <h1 class="title is-1">Title 1</h1>
    <h2 class="title is-2">Title 2</h2>
    <h3 class="title is-3">Title 3</h3>
    <h4 class="title is-4">Title 4</h4>
    <h5 class="title is-5">Title 5</h5>
    <h6 class="title is-6">Title 6</h6>
    </p>

    <p class="my-5">
      <span class="tag is-black">Black</span>
      <span class="tag is-dark">Dark</span>
      <span class="tag is-light">Light</span>
      <span class="tag is-white">White</span>
      <span class="tag is-primary">Primary</span>
      <span class="tag is-link">Link</span>
      <span class="tag is-info">Info</span>
      <span class="tag is-success">Success</span>
      <span class="tag is-warning">Warning</span>
      <span class="tag is-danger">Danger</span>
    </p>

    <p class="my-5">
      <button class="button">Normal</button>
      <button class="button is-primary">Normal</button>
      <button class="button is-link">Normal</button>
      <button class="button is-info">Normal</button>
      <button class="button is-success">Normal</button>
      <button class="button is-warning">Normal</button>
      <button class="button is-danger">Normal</button>
    </p>

  </div>
</body>

</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.