Markup: templates/output/existingfiles/kasten_farben.html
<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">
<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 active">
<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="page-container">
<header class="header theme--subpage-without-image">
<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 active">
<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">
<div class="header__subnavigation__container container-fluid">
<div class="breadcrumb">
<a class="breadcrumb__item" href="#">Das DZNE </a>
<div class="breadcrumb__item-arrow arrow-breadcrumb"></div>
<a class="breadcrumb__item" href="#">Vorstand</a>
</div>
</div>
</header>
<div class="maincontent">
<div class="content-wrap-subpage">
<div class="container-fluid">
<div class="content-wrap">
<div class="row">
<div class="col-12 col-lg-8 col-md-12">
<div class="main-column">
<div class="ce-textpic">
<div class="grey_box">
<p><strong>Über das Deutsche Zentrum für Neurodegenerative Erkrankungen e.V (DZNE)</strong><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a,
venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu,
consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Phasellus viverra nulla ut metus varius laoreet.
</p>
</div>
<div class="petrol_box">
<p><strong>Über das Deutsche Zentrum für Neurodegenerative Erkrankungen e.V (DZNE)</strong><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a,
venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu,
consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Phasellus viverra nulla ut metus varius laoreet.
</p>
</div>
<div class="blue_box">
<p><strong>Über das Deutsche Zentrum für Neurodegenerative Erkrankungen e.V (DZNE)</strong><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a,
venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu,
consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Phasellus viverra nulla ut metus varius laoreet.
</p>
</div>
<div class="petrol_box">
<p><strong>Über das Deutsche Zentrum für Neurodegenerative Erkrankungen e.V (DZNE)</strong><br/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a,
venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu,
consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
Phasellus viverra nulla ut metus varius laoreet.
</p>
</div>
</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 Grid final START -->
<section class="dynamic-footer">
<div class="dynamic-footer__container container-fluid p-0">
<div class="dynamic-footer__wrap">
<div class="dynamic-footer__row ">
<div class="dynamic-footer__col">
<h4>Spenden</h4>
<p>
DZNE e. V. <br/>
Volksbank Köln Bonn eG <br/>
IBAN: DE49 3806 0186 2001 4130 34 <br/>
BIC: GENODED1BRS <br/>
</p>
</div>
<div class="dynamic-footer__col is-centered">
<h4>
In diesen sozialen Netzwerken finden Sie uns
</h4>
<div class="dynamic-footer__icons">
<a href="#" class="dynamic-footer__icon">
<i class="fab fa-facebook-square"></i>
</a>
<a href="#" class="dynamic-footer__icon">
<i class="fonticon-twitter_x"></i>
</a>
<a href="#" class="dynamic-footer__icon">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="dynamic-footer__icon">
<i class="fab fa-linkedin"></i>
</a>
</div>
</div>
<div class="dynamic-footer__col">
<h4>
<span class="icons">
<i class="fas fa-female"></i>
<i class="fas fa-male"></i>
</span>
Probanden gesucht
</h4>
<p>
Unterstützen Sie unsere Forschung
durch Ihre Studien-Teilnahme!
</p>
<a href="#" class="dynamic-footer__button">Zur Studienübersicht</a>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Grid 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 217