teilen
tweet
Markup: templates/output/existingfiles/probanden_box.html
<div class="page-container">
<header class="header">
<div class="top-bar">
<div class="container-fluid top-bar__container">
<a href="#">
<div class="top-bar__logo">
<img src="./Images/dzne_logo.svg">
</div>
</a>
<div class="top-bar__container only-mobile">
<div class="top-bar__container__mobile-languages">
<a href="#" class="active">DE</a>
<a href="#">EN</a>
</div>
<div class="top-bar__container__menu-toggle only-mobile" data-toggle="collapse" data-target="#navbarMobile" aria-controls="navbarMobile" aria-expanded="false" aria-label="Navigation">
<i class="fal fa-bars open"></i>
<i class="fal fa-times close"></i>
</div>
</div>
<nav class="top-bar__navigation navigation__main only-desktop">
<ul class="navigation__main__nav">
<li class="navigation__main__nav__item active">
<a href="#">
Forschung
</a>
<div class="navigation__main__nav__item__sub navigation--dropdown theme--grey">
<ul class="navigation--dropdown__nav">
<li class="navigation--dropdown__nav__item has-dropdown">
<a href="#">
Forschungsbereiche
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Forschungsgruppen
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Studien
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Brain Bank
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Core Facilities
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Defeat PD
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Neuroimaging
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
PRECISE
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Kooperationen
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Publikationen
</a>
</li>
</ul>
</div>
</li>
<li class="navigation__main__nav__item">
<a href="#">
Aktuelles
</a>
<div class="navigation__main__nav__item__sub navigation--dropdown theme--grey">
<ul class="navigation--dropdown__nav">
<li class="navigation--dropdown__nav__item">
<a href="#">
Veranstaltungen
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Presse
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Im Fokus
</a>
</li>
</ul>
</div>
</li>
<li class="navigation__main__nav__item">
<a href="#">
Spenden
</a>
</li>
<li class="navigation__main__nav__item">
<a href="#">
Über uns
</a>
<div class="navigation__main__nav__item__sub navigation--dropdown theme--grey">
<ul class="navigation--dropdown__nav">
<li class="navigation--dropdown__nav__item">
<a href="#">
Vorstand
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Standorte
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Administration
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Organisation
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Technologietransfer
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Betriebsrat
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Beauftragter für Medizinproduktesicherheit
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Ausschreibungen / Veröffentlichungen
</a>
</li>
<li class="navigation--dropdown__nav__item">
<a href="#">
Info-Hotline
</a>
</li>
</ul>
</div>
</li>
<li class="navigation__main__nav__item navigation__main__nav__item--external">
<a href="#">
Karriere
</a>
</li>
</ul>
</nav>
<div class="top-bar__right only-desktop">
<div class="top-bar__right__languages">
<a href="#" class="active">DE</a>
<a href="#">EN</a>
</div>
<div class="top-bar__right__search">
<form action="" class="search-bar">
<span class="search-trigger" id="search-trigger">
<i class="fal fa-search"></i>
</span>
<input class="search-bar__input" id="search-input" type="search" name="search" required>
<input type="submit" class="search-bar__button search-btn" />
</form>
</div>
</div>
</div>
</div>
<div class="header__image">
<img src="Images/header_projekt.png">
</div>
<nav class="top-bar__navigation-mobile only-mobile">
<div class="top-bar__navigation-mobile--wrapper navigation-mobile__main">
<ul class="navigation-mobile__main__nav">
<li class="navigation-mobile__main__nav__item">
<a href="#">
Forschung
</a>
<div class="navigation-mobile__main__nav__item__sub navigation-mobile--dropdown theme--grey">
<ul class="navigation-mobile--dropdown__nav">
<li class="navigation-mobile--dropdown__nav__item has-dropdown">
<a href="#">
Übersicht
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item has-dropdown">
<a href="#">
Forschungsbereiche
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Forschungsgruppen
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Studien
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Brain Bank
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Core Facilities
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Defeat PD
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Neuroimaging
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
PRECISE
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Kooperationen
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Publikationen
</a>
</li>
</ul>
</div>
</li>
<li class="navigation-mobile__main__nav__item">
<a href="#">
Aktuelles
</a>
<div class="navigation-mobile__main__nav__item__sub navigation-mobile--dropdown theme--grey">
<ul class="navigation-mobile--dropdown__nav">
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Veranstaltungen
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Presse
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Im Fokus
</a>
</li>
</ul>
</div>
</li>
<li class="navigation-mobile__main__nav__item">
<a href="#">
Spenden
</a>
</li>
<li class="navigation-mobile__main__nav__item">
<a href="#">
Über uns
</a>
<div class="navigation-mobile__main__nav__item__sub navigation-mobile--dropdown theme--grey">
<ul class="navigation-mobile--dropdown__nav">
<li class="navigation-mobile--dropdown__nav__item has-dropdown">
<a href="#">
Übersicht
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Vorstand
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Standorte
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Administration
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Organisation
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Technologietransfer
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Betriebsrat
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Beauftragter für Medizinproduktesicherheit
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Ausschreibungen / Veröffentlichungen
</a>
</li>
<li class="navigation-mobile--dropdown__nav__item">
<a href="#">
Info-Hotline
</a>
</li>
</ul>
</div>
</li>
<li class="navigation-mobile__main__nav__item navigation-mobile__main__nav__item--external">
<a href="#">
Karriere
</a>
</li>
<li class="navigation-mobile__main__nav__item navigation-mobile__main__nav__item--search">
<div class="navigation-mobile__main__nav__item__search">
<form action="" class="search-bar-mobile">
<span class="search-trigger" id="search-trigger">
<i class="fal fa-search"></i>
</span>
<input class="search-bar-mobile__input" id="search-input" type="search" name="search" placeholder="Suchbegriff eingeben…">
<input type="submit" class="search-bar-mobile__button search-btn" />
</form>
</div>
</li>
</ul>
</div>
</nav>
<div class="header__subnavigation desktop">
<div class="header__subnavigation__container container-fluid">
<div class="breadcrumb">
<a class="breadcrumb__item" href="#">Forschung </a>
<div class="breadcrumb__item-arrow arrow-breadcrumb"></div>
<a class="breadcrumb__item" href="#">Defeat PD</a>
</div>
<div class="subnav">
<ul class="subnav__navigation">
<li class="subnav__navigation__item active">
<a href="#">
Overview
</a>
</li>
<li class="subnav__navigation__item">
<a href="#">
Principle Investigators
</a>
</li>
<li class="subnav__navigation__item">
<a href="#">
Facilities and Ressources
</a>
</li>
<li class="subnav__navigation__item">
<a href="#">
Projects
</a>
</li>
<li class="subnav__navigation__item">
<a href="#">
Publications
</a>
</li>
</ul>
</div>
</div>
</div>
</header>
<div class="header-subnav-mobile__subnavigation">
<div class="header-subnav-mobile__subnavigation__container">
<div class="subnav">
<ul class="subnav__navigation">
<li class="subnav__navigation__item">
<a href="#">
Overview
</a>
</li>
<li class="subnav__navigation__item">
<a href="#">
Principle Investigators
</a>
</li>
<li class="subnav__navigation__item">
<a href="#">
Facilities and Ressources
</a>
</li>
<li class="subnav__navigation__item">
<a href="#">
Projects
</a>
</li>
<li class="subnav__navigation__item">
<a href="#">
Publications
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="maincontent">
<div class="content-wrap-subpage">
<div class="container-fluid">
<div class="content-wrap">
<div class="row">
<div class="col-12 col-md-8">
<div class="main-column">
<div class="element--dzne-textimage">
<div class="element--dzne-textimage__textimage-container">
<h1 class="element--dzne-textimage__textimage-container__headline headline--1">
Titel
</h1>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="sidebar">
<div class="sidebar--item">
<!-- Probands Box (non-footer) final START -->
<div class="info-box info-box__probands">
<h4>
<span class="info-box__icons">
<i class="fas fa-female"></i>
<i class="fas fa-male"></i>
</span>
Probanden gesucht
</h4>
<div class="info-box__text">
<p>
Unterstützen Sie unsere Forschung
durch Ihre Studien-Teilnahme!
</p>
<p>
Eine Übersicht aller Studien an den Standorten des DZNE finden Sie hier.
</p>
</div>
</div>
<!-- Probands Box (non-footer) final END -->
</div>
</div>
</div>
</div>
<!-- Content Footer final START -->
<div class="content__footer">
<div class="content__footer__social-media">
<a class="facebook" href="#">
<img alt="Facebook" src="Images/icon_facebook.svg"/> teilen
</a>
<a class="twitter" href="#">
<img alt="Twitter" src="Images/icon_twitter.png"/> tweet
</a>
</div>
<div class="content__footer__meta">
<a class="print" href="javascript:window.print()"></a>
<a class="back-to-top" href="#"></a>
</div>
</div>
<!-- Content Footer final END -->
</div>
</div>
</div>
</div>
<!-- Footer Probanden-Box final START -->
<section class="dynamic-footer dynamic-footer--small">
<div class="dynamic-footer__container container-fluid">
<div class="dynamic-footer__wrap">
<div class="dynamic-footer__row">
<div class="dynamic-footer__col">
<h4>
<span>Probanden gesucht</span>
<span class="icons">
<i class="fas fa-female"></i>
<i class="fas fa-male"></i>
</span>
</h4>
<p>
Unterstützen Sie unsere Forschung durch Ihre Studien-Teilnahme!
<a href="" class="dynamic-footer__button">
Zur Studienübersicht
</a>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Probanden-Box final END -->
<footer class="footer">
<nav class="footer__navigation">
<ul class="footer__navigation__items">
<li class="footer__navigation__items__item">
<a href="#">Kontakt</a>
</li>
<li class="footer__navigation__items__item">
<a href="#">Impressum</a>
</li>
<li class="footer__navigation__items__item">
<a href="#">Datenschutz</a>
</li>
</ul>
</nav>
<div class="footer__bottomline">
<div class="container-fluid footer__bottomline__container">
<div class="footer__bottomline__icons">
<div class="footer__bottomline__icons__icon">
<a href="#">
<img src="Images/logo_helmholtz.svg" width="736" height="100"/>
</a>
</div>
<div class="footer__bottomline__icons__icon">
<a href="#">
<img src="Images/logo_dzg.png"/>
</a>
</div>
</div>
</div>
</div>
</footer>
</div>
Source:
src/scss/_fullpage.scss, line 173