PatternLab (1.0.17)

Appearance

Header (pharma4u) ​

.l-header

Default Header ​

Show Code
html
<!-- start Header -->
<div id="header" class="l-header h-flex h-space-between">
  <div class="l-header__logos">
    <a class="c-logo" title="pharma4u" href="/">pharma4u</a>
  </div>
  <div class="l-header__user h-pos-relative">
    <button class="c-btn -small -secondary-outline -icon-right m-r-s" data-target="#header_loginDropdown">
      <span class="btn__text">Anmelden <i class="fas fa-lock" aria-hidden="true"></i></span>
    </button>
    <div class="c-panel -close-backdrop -has-close-btn -arrow-up-right -is-dropdown" id="header_loginDropdown" role="menu" aria-haspopup="true">
      <div class="c-panel__inner"><button class="c-btn -icon-btn -small -flat -link c-panel__inner__close " title="Fenster schließen" aria-label="Fenster schließen"></button>
        <p class="h3 p-b-0">Premium-Login</p>
        <p class="m-b-m">
          Noch keinen Zugang?
          <a class="c-link -underline" href="benutzer/registrieren/">Jetzt registrieren</a>
        </p>
        <div class="tx-felogin-pi1">
          <div class="tx-felogin-pi1">
            <form action="benutzer/login/" method="post" class="m-reset" onsubmit="">
              <fieldset class="m-reset">
                <div class="c-float-container -is-active -has-changed">
                  <label for="user1">E-Mail:</label>
                  <input type="text" class="c-input c-float-input h-fullwidth" data-placeholder="" id="user1" name="user" value="" placeholder="">
                </div>
                <div class="c-float-container -is-active -has-changed">
                  <label for="pass1">Passwort:</label>
                  <input type="password" class="c-input c-float-input h-fullwidth" data-placeholder="" id="pass1" name="pass" value="" placeholder="">
                </div>
                <span class="login-forgot h-block m-t-m h-type-align-right"><a href="benutzer/login/?tx_felogin_pi1%5Bforgot%5D=1" class="c-link -secondary">Passwort vergessen?</a></span>
                <button class="c-btn -small -secondary h-fullwidth m-t-s" type="submit" name="submit">
                  Anmelden
                </button>
                <div class="felogin-hidden">
                  <input type="hidden" name="logintype" value="login">
                  <input type="hidden" name="pid" value="707">
                  <input type="hidden" name="redirect_url" value="">
                  <input type="hidden" name="tx_felogin_pi1[noredirect]" value="0">
                </div>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </div>
    <a class="c-btn -small -secondary" href="benutzer/registrieren/">
      <span class="btn__text">Registrieren</span>
    </a>
  </div>
</div>
<!-- end Header -->

Logged In ​

Show Code
html
<!-- start header--loggedin -->
<div id="header" class="l-header h-flex h-space-between">
  <a class="c-logo h-flex h-start" title="pharma4u" href="/">pharma4u</a>
  <div class="l-header__user">
    <div class="h-pos-relative">
      <button class="c-btn -small -light -dropdown js-select" data-target="#globalAreaNavWrap">
        <span class=" m-r-xs" aria-hidden="true"><i class="fas fa-circle"></i></span>
        Allgemein
      </button>
      <div class="c-panel -close-backdrop -is-dropdown -arrow-up-right -is-small" id="globalAreaNavWrap" role="menu" aria-haspopup="true">
        <div class="c-panel__inner">
          <span class="h6 m-b-s">Bereich wählen</span>
          <ul class="c-list -linklist js-external-links -fullwidth" id="globalAreaNav">
            <li class="c-list__item -is-subpages ">
              <a href="studenten/" class="c-link -icon-left">
                <span class="h-color-student m-r-xs" aria-hidden="true"><i class="fas fa-circle"></i></span>
                Studenten
              </a>
            </li>
            <li class="c-list__item -is-subpages">
              <a href="praktikanten/" class="c-link -icon-left">
                <span class="h-color-phip m-r-xs" aria-hidden="true"><i class="fas fa-circle"></i></span>
                PhiP
              </a>
            </li>
            <li class="c-list__item -is-subpages">
              <a href="apotheker/" class="c-link -icon-left">
                <span class="h-color-apothecary m-r-xs" aria-hidden="true"><i class="fas fa-circle"></i></span>
                Apotheker
              </a>
            </li>
            <li class="c-list__item -is-subpages ">
              <a href="pta/" class="c-link -icon-left">
                <span class="h-color-pta m-r-xs" aria-hidden="true"><i class="fas fa-circle"></i></span>
                PTA
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="l-divider -vertical -fullwidth m-x-m"></div>
    <div class="h-pos-relative">
      <button type="button" class="c-btn -small -secondary-outline -dropdown -icon-left" data-target="#header_userDropdown">
        <span class="fa-stack h-pos-absolute fa-0-8x" aria-hidden="true" style="margin-left: -2.5rem; ">
            <i class="fa-solid fa-circle fa-stack-2x"></i>
            <i class="fa-solid fa-user fa-stack-1x fa-inverse h-absolute-vertical-center"></i>
        </span>
        <span class="c-btn__text h-overflow-ellipsis h-inline-block" style="max-width: 260px;">
            pharma4u-test-mitlangem-namen@pharma4u.de
        </span>
      </button>
      <div class="c-panel -is-dropdown -is-small -arrow-up-right -close-backdrop" id="header_userDropdown" role="menu" aria-haspopup="true">
        <div class="c-panel__inner">
          <p class="h4 m-b-xs">pharma4u Test1</p>
          <p class="h5">
            Inhaber
          </p>
          <ul class="c-list -linklist -fullwidth">
            <li class="c-list__item">
              <a class="c-link -icon-right -icon-arrow" href="allgemein/benutzerkonto/">Benutzerkonto</a>
            </li>
            <li class="c-list__item">
              <a class="c-link -icon-right -icon-arrow" href="allgemein/forum/eingang/profil/">Forumsprofil</a>
            </li>
          </ul>
          <a class="c-btn -secondary -small h-fullwidth m-t-s" id="globalLogoutButton" href="?logintype=logout&amp;cHash=4d956645768b1eb4609fdb3e8737c74b">Abmelden</a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- end header--loggedin -->

2026 - Pharma4u