Header

Header is used to add a title to your page. With is-fancy class you can use a non-rectangular header as shown below, otherwise the header is rectangular as show int the second example

<div class="header is-fancy">
  <div class="header-content">
    <h1 class="header-title">
      Double
    </h1>
    <h4 class="header-subtitle">
      A CSS framework with dark mode
    </h4>
    <div class="header-actions">
      <button class="header-action">Action n. 1</button>
      <button class="header-action">Action n. 2</button>
    </div>
  </div>
</div>

<div class="header">
  <div class="header-content">
    <h1 class="header-title">
      Double
    </h1>
    <h4 class="header-subtitle">
      A CSS framework with dark mode
    </h4>
    <div class="header-actions">
      <button class="header-action">Action n. 1</button>
      <button class="header-action">Action n. 2</button>
    </div>
  </div>
</div>