<main role="main" class="stripe stripe--primary">
<header class="topic-header topic-header-bg-image-igel">
<div class="topic-header__body">
<h3 class="topic-header__type">Schwerpunktthema <span class="topic-header__tag">Microservices</span></h3>
<div>
<h1 class="topic-header__title topic-header-bg-image-text-box-igel">Microservices und Self-Contained Systems</h1>
</div>
<div class="topic-header__text">Artikel, Vorträge, Schulungen und mehr zu den Themen Microservices und
Self-Contained Systems.</div>
<img src="../../assets/arrow-long-down.svg">
</div>
</header>
<article class="page-layout--grid">
<div class="center">
<div class="list-teaser">
<div class="list-teaser__body">
<div class="list-teaser__caption">Artikel</div>
<h2 class="list-teaser__headline">Artikel Headline</h2>
<h3 class="list-teaser__subheadline">Artikel Subheadline<img class="arrow-right" src="../../assets/arrow-long-right-red.svg"></h3>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src="../../assets/heribert.jpg" alt="Portrait von Alexander Hesingfeld">
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">Heribert Innoq</div>
<div class="author-bio__info" itemprop="jobTitle">Senior Consultant</div>
</div>
</div>
</div>
</div>
<div class="list-teaser">
<div class="list-teaser__body">
<div class="list-teaser__caption">Artikel</div>
<h2 class="list-teaser__headline">Artikel Headline</h2>
<h3 class="list-teaser__subheadline">Artikel Subheadline<img class="arrow-right" src="../../assets/arrow-long-right-red.svg"></h3>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src="../../assets/heribert.jpg" alt="Portrait von Alexander Hesingfeld">
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">Heribert Innoq</div>
<div class="author-bio__info" itemprop="jobTitle">Senior Consultant</div>
</div>
</div>
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src="../../assets/heribert.jpg" alt="Portrait von Alexander Hesingfeld">
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">Heribert Innoq</div>
<div class="author-bio__info" itemprop="jobTitle">Senior Consultant</div>
</div>
</div>
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src="../../assets/heribert.jpg" alt="Portrait von Alexander Hesingfeld">
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">Heribert Innoq</div>
<div class="author-bio__info" itemprop="jobTitle">Senior Consultant</div>
</div>
</div>
</div>
</div>
<div class="list-teaser-abstract primary">
<div class="list-teaser__body">
<div class="list-teaser-abstract__caption">Artikel</div>
<h2 class="list-teaser-abstract__headline">Artikel Headline</h2>
<p class="list-teaser-abstract__text">Lorem gibson dermatrodes boy nodality neural office sprawl futurity Lado-Acheson
count zero interrupt Night City tanto papier-mache kanji corporation meta-lights
neurosurgery. Lorem gibson Chiba neon neon motion Mycotoxin Metro Holografix
boat RAM AI disposable lights saturation point stimulate boat systemic
vehicle.
<img class="arrow-right" src="../../assets/arrow-long-right-white.svg">
</p>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src="../../assets/heribert.jpg" alt="Portrait von Alexander Hesingfeld">
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">Heribert Innoq</div>
<div class="author-bio__info" itemprop="jobTitle">Senior Consultant</div>
</div>
</div>
</div>
</div>
<div class="list-teaser-abstract secondary">
<div class="list-teaser__body">
<div class="list-teaser-abstract__caption">Artikel</div>
<h2 class="list-teaser-abstract__headline">Artikel Headline</h2>
<p class="list-teaser-abstract__text">Lorem gibson dermatrodes boy nodality neural office sprawl futurity Lado-Acheson
count zero interrupt Night City tanto papier-mache kanji corporation meta-lights
neurosurgery. Lorem gibson Chiba neon neon motion Mycotoxin Metro Holografix
boat RAM AI disposable lights saturation point stimulate boat systemic
vehicle.
<img class="arrow-right" src="../../assets/arrow-long-right-red.svg">
</p>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src="../../assets/heribert.jpg" alt="Portrait von Alexander Hesingfeld">
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">Heribert Innoq</div>
<div class="author-bio__info" itemprop="jobTitle">Senior Consultant</div>
</div>
</div>
</div>
</div><a href="#" class="list-teaser-event">
<div class="event-date-section">
<div class="label talk">Vortrag</div><time class="event-date" datetime="2017-06-23"><span class="event-day-month"><span class="event-day">23</span><span class="event-month">Jun</span></span><span class="event-year">2017</span></time>
</div>
<div class="list-teaser__content">
<div class="list-teaser__body">
<div class="label talk">Vortrag</div>
<div class="label slides">Folien verfügbar</div>
<h2 class="list-teaser-event__headline">Vortrag Titel</h2>
<h3 class="list-teaser-event__subheadline">Vortragsort / 10-12 Uhr<img class="arrow-right" src="../../assets/arrow-long-right-red.svg"></h3>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small"><img class="avatar__image" itemprop="photo" src="../../assets/heribert.jpg" alt="Portrait von Alexander Hesingfeld"></div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">Heribert Innoq</div>
<div class="author-bio__info" itemprop="jobTitle">Senior Consultant</div>
</div>
</div>
</div>
</div>
</a>
<a href="#" class="list-teaser-event">
<div class="event-date-section">
<div class="label talk">Training</div>
<div class="event-date-wrapper">
<time class="event-date" datetime="2017-06-23"><span class="event-day-month"><span class="event-day">23</span><span class="event-month">Jun</span></span>
</time>
<hr class="event-date-separator">
<time class="event-date" datetime="2017-06-24"><span class="event-day-month"><span class="event-day">24</span><span class="event-month">Jun</span></span>
<span class="event-year">2017</span>
</time>
</div>
</div>
<div class="list-teaser__content">
<div class="list-teaser__body">
<div class="label training">Training</div>
<h2 class="list-teaser-event__headline">Training Titel</h2>
<h3 class="list-teaser-event__subheadline">Trainingsort<img class="arrow-right" src="../../assets/arrow-long-right-red.svg"></h3>
</div>
<div class="list-teaser-event__footer">
<div class="link-teaser">Mehr erfahren</div>
</div>
</div>
</a>
<nav class="paginator">
<div class="paginator__prevs"><a href="#" class="paginator__item paginator__link">First</a><a href="#" class="paginator__item paginator__link">Previous</a>
</div>
<ul class="paginator__list">
<li class="paginator__item paginator__item--active"><a href="#" class="paginator__link">1</a>
</li>
<li class="paginator__item"><a href="#" class="paginator__link">2</a>
</li>
<li class="paginator__item"><a href="#" class="paginator__link">3</a>
</li>
<li class="paginator__item"><a href="#" class="paginator__link">4</a>
</li>
<li class="paginator__item"><a href="#" class="paginator__link">5</a>
</li>
<li class="paginator__item paginator__dots">…</li>
</ul>
<div class="paginator__nexts"><a href="#" class="paginator__item paginator__link">Next</a><a href="#" class="paginator__item paginator__link">Last</a>
</div>
</nav>
</div>
</article>
</main>
<main role="main" class="stripe stripe--primary">
<header class="topic-header topic-header-bg-image-igel">
<div class="topic-header__body">
<h3 class="topic-header__type">Schwerpunktthema <span class="topic-header__tag">Microservices</span></h3>
<div>
<h1 class="topic-header__title topic-header-bg-image-text-box-igel">
Microservices und Self-Contained Systems
</h1>
</div>
<div class="topic-header__text">
Artikel, Vorträge, Schulungen und mehr zu den Themen Microservices und Self-Contained Systems.
</div>
<img src={context.app.uri('assets/arrow-long-down.svg')} />
</div>
</header>
<article class="page-layout--grid">
<div class="center">
<div class="list-teaser">
<div class="list-teaser__body">
<div class="list-teaser__caption">Artikel</div>
<h2 class="list-teaser__headline">Artikel Headline</h2>
<h3 class="list-teaser__subheadline">
Artikel Subheadline
<img class="arrow-right" src={context.app.uri("assets/arrow-long-right-red.svg")} />
</h3>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src={context.app.uri("assets/heribert.jpg")} alt="Portrait von Alexander Hesingfeld" />
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">
Heribert Innoq
</div>
<div class="author-bio__info" itemprop="jobTitle" >Senior Consultant</div>
</div>
</div>
</div>
</div>
<div class="list-teaser">
<div class="list-teaser__body">
<div class="list-teaser__caption">Artikel</div>
<h2 class="list-teaser__headline">Artikel Headline</h2>
<h3 class="list-teaser__subheadline">
Artikel Subheadline
<img class="arrow-right" src={context.app.uri("assets/arrow-long-right-red.svg")} />
</h3>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src={context.app.uri("assets/heribert.jpg")} alt="Portrait von Alexander Hesingfeld" />
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">
Heribert Innoq
</div>
<div class="author-bio__info" itemprop="jobTitle" >Senior Consultant</div>
</div>
</div>
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src={context.app.uri("assets/heribert.jpg")} alt="Portrait von Alexander Hesingfeld" />
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">
Heribert Innoq
</div>
<div class="author-bio__info" itemprop="jobTitle" >Senior Consultant</div>
</div>
</div>
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src={context.app.uri("assets/heribert.jpg")} alt="Portrait von Alexander Hesingfeld" />
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">
Heribert Innoq
</div>
<div class="author-bio__info" itemprop="jobTitle" >Senior Consultant</div>
</div>
</div>
</div>
</div>
<div class="list-teaser-abstract primary">
<div class="list-teaser__body">
<div class="list-teaser-abstract__caption">Artikel</div>
<h2 class="list-teaser-abstract__headline">Artikel Headline</h2>
<p class="list-teaser-abstract__text">
Lorem gibson dermatrodes boy nodality neural office sprawl futurity Lado-Acheson count zero interrupt Night City tanto papier-mache kanji corporation meta-lights neurosurgery.
Lorem gibson Chiba neon neon motion Mycotoxin Metro Holografix boat RAM AI disposable lights saturation point stimulate boat systemic vehicle.
<img class="arrow-right" src={context.app.uri("assets/arrow-long-right-white.svg")} />
</p>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src={context.app.uri("assets/heribert.jpg")} alt="Portrait von Alexander Hesingfeld" />
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">
Heribert Innoq
</div>
<div class="author-bio__info" itemprop="jobTitle" >Senior Consultant</div>
</div>
</div>
</div>
</div>
<div class="list-teaser-abstract secondary">
<div class="list-teaser__body">
<div class="list-teaser-abstract__caption">Artikel</div>
<h2 class="list-teaser-abstract__headline">Artikel Headline</h2>
<p class="list-teaser-abstract__text">
Lorem gibson dermatrodes boy nodality neural office sprawl futurity Lado-Acheson count zero interrupt Night City tanto papier-mache kanji corporation meta-lights neurosurgery.
Lorem gibson Chiba neon neon motion Mycotoxin Metro Holografix boat RAM AI disposable lights saturation point stimulate boat systemic vehicle.
<img class="arrow-right" src={context.app.uri("assets/arrow-long-right-red.svg")} />
</p>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src={context.app.uri("assets/heribert.jpg")} alt="Portrait von Alexander Hesingfeld" />
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">
Heribert Innoq
</div>
<div class="author-bio__info" itemprop="jobTitle" >Senior Consultant</div>
</div>
</div>
</div>
</div>
<a href="#" class="list-teaser-event">
<div class="event-date-section">
<div class="label talk">Vortrag</div>
<time class="event-date" datetime="2017-06-23">
<span class="event-day-month">
<span class='event-day'>23</span>
<span class='event-month'>Jun</span>
</span>
<span class='event-year'>2017</span>
</time>
</div>
<div class="list-teaser__content">
<div class="list-teaser__body">
<div class="label talk">Vortrag</div>
<div class="label slides">Folien verfügbar</div>
<h2 class="list-teaser-event__headline">Vortrag Titel</h2>
<h3 class="list-teaser-event__subheadline">
Vortragsort / 10-12 Uhr
<img class="arrow-right" src={context.app.uri("assets/arrow-long-right-red.svg")} />
</h3>
</div>
<div class="list-teaser__footer">
<div class="author-bio author-bio--short" itemscope itemtype="http://schema.org/Person">
<div class="author-bio__image avatar avatar--small">
<img class="avatar__image" itemprop="photo" src={context.app.uri("assets/heribert.jpg")} alt="Portrait von Alexander Hesingfeld" />
</div>
<div class="author-bio__text">
<div class="author-bio__name" itemprop="name">
Heribert Innoq
</div>
<div class="author-bio__info" itemprop="jobTitle" >Senior Consultant</div>
</div>
</div>
</div>
</div>
</a>
<a href="#" class="list-teaser-event">
<div class="event-date-section">
<div class="label talk">Training</div>
<div class="event-date-wrapper">
<time class="event-date" datetime="2017-06-23">
<span class="event-day-month">
<span class='event-day'>23</span>
<span class='event-month'>Jun</span>
</span>
</time>
<hr class="event-date-separator" />
<time class="event-date" datetime="2017-06-24">
<span class="event-day-month">
<span class='event-day'>24</span>
<span class='event-month'>Jun</span>
</span>
<span class='event-year'>2017</span>
</time>
</div>
</div>
<div class="list-teaser__content">
<div class="list-teaser__body">
<div class="label training">Training</div>
<h2 class="list-teaser-event__headline">Training Titel</h2>
<h3 class="list-teaser-event__subheadline">
Trainingsort
<img class="arrow-right" src={context.app.uri("assets/arrow-long-right-red.svg")} />
</h3>
</div>
<div class="list-teaser-event__footer">
<div class="link-teaser">Mehr erfahren</div>
</div>
</div>
</a>
<nav class="paginator">
<div class="paginator__prevs">
<a href="#" class="paginator__item paginator__link">First</a>
<a href="#" class="paginator__item paginator__link">Previous</a>
</div>
<ul class="paginator__list">
<li class="paginator__item paginator__item--active"><a href="#" class="paginator__link">1</a></li>
<li class="paginator__item"><a href="#" class="paginator__link">2</a></li>
<li class="paginator__item"><a href="#" class="paginator__link">3</a></li>
<li class="paginator__item"><a href="#" class="paginator__link">4</a></li>
<li class="paginator__item"><a href="#" class="paginator__link">5</a></li>
<li class="paginator__item paginator__dots">…</li>
</ul>
<div class="paginator__nexts">
<a href="#" class="paginator__item paginator__link">Next</a>
<a href="#" class="paginator__item paginator__link">Last</a>
</div>
</nav>
</div>
</article>
</main>
/* No context defined for this component. */
There are no notes for this item.