Headers

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate accusamus optio ab nihil qui, dicta consequuntur illum praesentium laborum assumenda sed inventore soluta eum et repellat vero sunt facere eligendi?

Example #1

Company name

<div style="display: flex; justify-content: center;">
  <h1>Company name</h1>
</div>

Example #2

Company name

<div style="display: flex; justify-content: space-between;">
  <button style="height: 32px; width: 32px; border-radius: 2px; background: gray;"></button>
  <h1>Company name</h1>
  <div style="height: 32px; width: 32px; border-radius: 50%; background: gray;"></div>
</div>

Example #3

Company name

<div style="display: flex; justify-content: space-between;">
  <div style="display: flex; align-items: center; gap: 8px;">
    <div style="height: 32px; width: 32px; border-radius: 2px; background: gray;"></div>
    <h1>Company name</h1>
  </div>

  <div style="height: 32px; width: 32px; border-radius: 50%; background: gray;"></div>
</div>

Example #4

Company name

<div style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
  <div style="display: flex; align-items: center; gap: 8px;">
    <div style="height: 32px; width: 32px; border-radius: 2px; background: gray;"></div>
    <h1>Company name</h1>
  </div>

  <div style="display: flex; align-items: center; gap: 16px;">
    <button>Dark mode</button>
    <button>Settings</button>
    <div style="height: 32px; width: 32px; border-radius: 50%; background: gray;"></div>
  </div>
</div>

Example #5

Company name

<div style="display: flex; align-items: center; justify-content: space-between; gap: 8px;">
  <div style="display: flex; align-items: center; gap: 8px;">
    <div style="height: 32px; width: 32px; border-radius: 2px; background: gray;"></div>
    <h1>Company name</h1>
    <nav style="margin-left: 80px; display: flex; gap: 16px;">
      <a>Link 1</a>
      <a>Link 2</a>
      <a>Link 3</a>
    </nav>
  </div>

  <div style="display: flex; align-items: center; gap: 16px;">
    <button>Dark mode</button>
    <button>Settings</button>
    <div style="height: 32px; width: 32px; border-radius: 50%; background: gray;"></div>
  </div>
</div>