# Header (Pharma4u)

.l-header

# Default Header

hide code
<!-- start Header -->
<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="header__user">
        <div class="h-inline-block h-pos-relative">
            <a class="c-btn -small -inverted -icon-right m-r-s" data-target="#header_loginDropdown1">
                <span class="btn__text">Anmelden<i class="fas fa-lock"></i></span>
            </a>
            <!-- start Login Dropdown -->
            <div class="c-panel -close-backdrop -has-close-btn -arrow-up-right -is-dropdown" id="header_loginDropdown1" role="menu" aria-haspopup="true">
                <div class="c-panel__inner">
                    <h4 class="m-b-s">Premium Login</h4>
                    <p class="tiny m-b-xs">
                        Noch keinen Zugang?
                        <a href="allgemein/benutzer/registrieren/" class="c-link">Jetzt registrieren</a>
                    </p>
                    <form action="allgemein/benutzer/login/" method="post" onsubmit="" class="m-t-reset">
                        <fieldset>
                            <div class="c-float-container">
                                <label for="user">E-Mail</label>
                                <input type="text" class="c-input c-float-input h-fullwidth" data-placeholder="" id="user"
                                       name="user" value=""/>
                            </div>
                            <div class="c-float-container">
                                <label for="pass">Passwort</label>
                                <input type="password" class="c-input c-float-input h-fullwidth" data-placeholder="" id="pass"
                                       name="pass" value=""/>
                            </div>
                            <span class="login-forgot h-block m-t-m h-type-align-right">
                                <a class="link -tiny -secondary" href="allgemein/benutzer/login/?tx_felogin_pi1%5Bforgot%5D=1">
                                    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>
            <!-- end Login Dropdown -->
        </div>
        <a href="allgemein/benutzer/registrieren/" class="c-btn -small -secondary"><span class="btn__text">Registrieren</span></a>
    </div>
</div>
<!-- end Header -->

# Logged In

hide code
<!-- 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="header__user">
        <div class="h-inline-block h-pos-relative">
            <button class="c-btn -small -inverted -dropdown -w-icon-left" data-target="#header_userDropdown">
                <span class="fas fa-user-circle fa-2x"></span>
                <span class="btn__text">user.email@test.de</span>
            </button>
            <!-- start user dropdown -->
            <div class="c-panel -is-dropdown -is-small -close-backdrop -arrow-up-right" id="header_userDropdown" role="menu" aria-haspopup="true">
                <div class="c-panel__inner">
                    <h6>Wolfgang H. Birmer</h6>
                    <ul class="c-list -linklist -fullwidth">
                        <li class="c-list__item"><a href="page-specific/apotheker/profil/" class="c-link -icon-right -icon-arrow">Benutzerkonto</a></li>
                        <li class="c-list__item"><a href="page-specific/apotheker/forum/eingang/profil/" class="c-link -icon-right -icon-arrow">Forumsprofil</a></li>
                    </ul>
                    <a href="?logintype=logout" class="c-btn -small -secondary h-fullwidth m-t-s" id="globalLogoutButton">Abmelden</a>
                </div>
            </div>
            <!-- end user dropwon -->
        </div>
    </div>

</div>
<!-- end header--loggedin -->

# Logged in (Page Area)

hide code
<!-- start header loggedin area -->
<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-inline-block h-pos-relative">
            <button class="c-btn -small -inverted -icon-left -dropdown js-select" data-target="#globalAreaNavWrap">
                <span class="h-color-apothecary m-r-xs"><i class="fas fa-circle"></i></span>
                Apotheker
            </button>
            <!-- startarea dropdown -->
            <div class="c-panel -close-backdrop -is-dropdown -is-small -arrow-up-right" id="globalAreaNavWrap" role="menu" aria-haspopup="true">
                <div class="c-panel__inner">
                    <h6>Bereich wählen</h6>
                    <ul class="c-list -linklist -fullwidth js-external-links" id="globalAreaNav">
                        <li class="c-list__item -is-active">
                            <a href="apotheker" class="c-link -icon-left">
                                <span class="h-color-apothecary m-r-xs"><i class="fas fa-circle"></i></span>
                                Apotheker
                            </a>
                        </li>
                        <li class="c-list__item">
                            <a href="student/" class="c-link -icon-left">
                                <span class="h-color-student m-r-xs"><i class="fas fa-circle"></i></span>
                                Student
                            </a>
                        </li>
                        <li class="c-list__item">
                            <a href="phip/" class="c-link -icon-left">
                                <span class="h-color-phip m-r-xs"><i class="fas fa-circle"></i></span>
                                PhiP
                            </a>
                        </li>
                        <li class="c-list__item">
                            <a href="pta/" class="c-link -icon-left">
                                <span class="h-color-pta m-r-xs"><i class="fas fa-circle"></i></span>
                                PTA
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- /end area dropdown -->
        </div>
        <div class="l-divider -vertical m-x-m"></div>
        <div class="h-inline-block h-pos-relative">
            <button class="c-btn -small -inverted -dropdown -w-icon-left" data-target="#header_userDropdown2">
                <span class="fas fa-user-circle fa-2x"></span>
                <span class="btn__text">user.email@test.de</span>
            </button>
            <!-- start user dropdown -->
            <div class="c-panel -is-dropdown -is-small -close-backdrop -arrow-up-right" id="header_userDropdown2" role="menu" aria-haspopup="true">
                <div class="c-panel__inner">
                    <h6>Wolfgang H. Birmer</h6>
                    <ul class="c-list -linklist -fullwidth js-external-links">
                        <li class="c-list__item">
                            <a href="page-specific/apotheker/profil/" class="c-link -icon-right -icon-arrow">Benutzerkonto</a>
                        </li>
                        <li class="c-list__item">
                            <a href="page-specific/apotheker/forum/eingang/profil/" class="c-link -icon-right -icon-arrow">Forumsprofil</a>
                        </li>
                    </ul>
                    <a href="?logintype=logout" class="c-btn -small -secondary h-fullwidth m-t-s" id="globalLogoutButton">Abmelden</a>
                </div>
            </div>
            <!-- /end user dropdown -->
        </div>
    </div>
</div>
<!-- / end header loggedin area -->