Header (pharma4u)
.l-header
Default Header
Show Code
html
<!-- start Header -->
<div id="header" class="l-header h-flex h-align-center 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"
type="button"
data-target="#header_loginDropdown"
aria-controls="header_loginDropdown"
aria-describedby="loginDropdown-name"
aria-expanded="false"
aria-haspopup="true"
>
<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" >
<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>
<span class="h3 p-b-0" id="loginDropdown-name">Premium-Login</span>
<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-align-center 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" 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 class="c-btn -small -secondary-outline -dropdown -icon-left p-l-xl"
type="button"
data-target="#header_userDropdown"
aria-controls="header_userDropdown"
aria-expanded="false"
aria-haspopup="true"
>
<span class="fa-stack h-pos-absolute h-absolute-vertical-center" aria-hidden="true" style="margin-left: -2.6rem; font-size: 0.875rem">
<i class="fa-solid fa-circle fa-stack-2x"></i>
<i class="fa-solid fa-user-tie fa-stack-1x h-color-white h-absolute-vertical-center"></i>
</span>
<span class="c-btn__text h-overflow-ellipsis h-inline-block" style="max-width: 260px; line-height: inherit;">
pharma4u-langertestname-ellipsis@pharma4u.de
</span>
</button>
<div class="c-panel -is-dropdown -is-small -arrow-up-right -close-backdrop"
id="header_userDropdown"
role="menu">
<div class="c-panel__inner">
<span class="h4 m-b-xs" id="userDropdown-name">pharma4u Test1</span>
<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&cHash=4d956645768b1eb4609fdb3e8737c74b">Abmelden</a>
</div>
</div>
</div>
</div>
</div>
<!-- end header--loggedin -->