# Author Bio Long

Ready

- HTML
- View
- Context
- Info
- Notes

`

    <div class="author-bio author-bio--long" itemscope itemtype="http://schema.org/Person">
        <a rel="author" class="author-bio__head" itemprop="url" href="#">
            <div class="author-bio__image avatar avatar--base">
                <img itemprop="photo" class="avatar__image" src="../../assets/example-content/heribert.jpg" alt="Portrait von Heribert Innoq" />
            </div>
            <div>
                <span rel="author" class="author-bio__name" itemprop="fullName">Heribert Innoq</span>
                <span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
            </div>
        </a>
        <address class="author-bio__social">
            <a rel="author" class="author-bio__social-profile" href="#" title="Twitter">
                <span class="icon icon--small icon-twitter icon--brand-secondary"></span>
            </a>
            <a rel="author" class="author-bio__social-profile" href="#" title="GitHub">
                <span class="icon icon--small icon-github icon--brand-secondary"></span>
            </a>
        </address>
        <div class="author-bio__text">
            <p>Heribert Innoq ist Senior Consultant bei INNOQ. Als Berater, Entwickler und Architekt unterstützt er
                Kunden vor allem mit seinen langjährigen Kenntnissen von Java- und JVM-basierten Systemen.
                Meist beschäftigt er sich hier mit dem Design, der Evaluierung und Implementierung von Architekturen f
                ür moderne Webanwendungen und Microservices in Softwaremodernisierungsprojekten.
                Sein aktueller Fokus gilt den Themen Team-Organisation und Softwareevolution. <a href="#">Link Link</a></p>
        </div>
    </div>

`
`

    <div class="author-bio author-bio--long" itemscope itemtype="http://schema.org/Person">
        <a rel="author" class ="author-bio__head" itemprop="url" href="#">
            <div class="author-bio__image avatar avatar--base">
                <img itemprop="photo" class="avatar__image" src="{{ path '/assets/example-content/heribert.jpg' }}"  alt="Portrait von Heribert Innoq"/>
            </div>
            <div>
                <span rel="author" class="author-bio__name" itemprop="fullName">Heribert Innoq</span>
                <span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
            </div>
        </a>
        <address class="author-bio__social">
            <a rel="author" class="author-bio__social-profile" href="#" title="Twitter">
                <span class="icon icon--small icon-twitter icon--brand-secondary"></span>
            </a>
            <a rel= "author" class="author-bio__social-profile" href="#" title="GitHub">
                <span class="icon icon--small icon-github icon--brand-secondary"></span>
            </a>
        </address>
        <div class="author-bio__text">
            <p>Heribert Innoq ist Senior Consultant bei INNOQ. Als Berater, Entwickler und Architekt unterstützt er
                Kunden vor allem mit seinen langjährigen Kenntnissen von Java- und JVM-basierten Systemen.
                Meist beschäftigt er sich hier mit dem Design, der Evaluierung und Implementierung von Architekturen f
                ür moderne Webanwendungen und Microservices in Softwaremodernisierungsprojekten.
                Sein aktueller Fokus gilt den Themen Team-Organisation und Softwareevolution. <a href="#">Link Link</a></p>
        </div>
    </div>

`
`

    /* No context defined. */

`

- Handle: @author-bio-long
- Preview:
  - With layout
  - Component only
- Filesystem Path: components/04-molecules/author-bio/author-bio-long.html

No notes defined.