G-Loot DS — header with extra elements

by Augustin Hiebel

HTML

<div className="header surface rounded-lg">
  <div className="header-breadcrumbs">
    ...
  </div>
  <div className="header-content">
    <div className="header-image">
      <img src="..." />
    </div>
    <div className="header-body">
      ...
    </div>
  </div>
  <div className="absolute z-50 top-2 right-3 md:top-auto md:bottom-2 text-0">
    <span className="icon icon-adult-content text-3xl" />
  </div>
  <div className="header-meta justify-start pr-0">
    ...
  </div>
  <div className="header-bg">
    <img src="..." />
  </div>
</div>