<header class="article-intro">
    <h1>Article – Headline</h1>
    <h2>Article Subheadline</h2>
    <p class="lead">
        Lorem gibson Freeside Mycotoxin mimetic polycarbon suits digital savant
        arcology tattoo arcology savant stimulate soul-delay free-market watch.
        Narrative artisanal RAM dome black sprawl nano-pen nodal point corporation
        into office assassin meta-.
    </p>
    <div class="content-separator">
        <time class="content-separator__date date" datetime="2017-06-26">26. Juni 2017</time><time class="content-separator__duration duration" datetime="P8M">8 Min. Lesedauer</time>
    </div>
    <a rel="author" class="author-bio author-bio--short" href="#author-bio" itemscope itemtype="http://schema.org/Person">
        <div class="author-bio__image avatar avatar--small">
            <img itemprop="photo" class="avatar__image" src="../../assets/example-content/heribert.jpg" alt="Portrait von Heribert Innoq" />
        </div>
        <address class="author-bio__text">
            <span rel="author" class="author-bio__name" itemprop="givenName">Heribert Innoq</span><span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
        </address>
    </a>
</header>
<header class="article-intro">
    <h1>Article – Headline</h1>
    <h2>Article Subheadline</h2>
    <p class="lead">Lorem gibson Freeside Mycotoxin mimetic polycarbon suits digital savant arcology tattoo arcology savant stimulate soul-delay free-market watch.
        Narrative artisanal RAM dome black sprawl nano-pen nodal point corporation into office assassin meta-.</p>
    <div class="content-separator">
        <time class="content-separator__date date" datetime="2017-06-26">26. Juni 2017</time>
        <time class="content-separator__duration duration" datetime="P8M">8 Min. Lesedauer</time>
    </div>
    <a rel="author" class="author-bio author-bio--short" href="#author-bio" itemscope itemtype="http://schema.org/Person">
        <div class="author-bio__image avatar avatar--small">
            <img itemprop="photo" class="avatar__image" src={context.app.uri("assets/example-content/heribert.jpg")} alt="Portrait von Heribert Innoq"/>
        </div>
        <address class="author-bio__text">
            <span rel="author" class="author-bio__name" itemprop="givenName">Heribert Innoq</span>
            <span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
        </address>
    </a>
</header>
/* No context defined. */
  • Content:
    .article-intro {
      margin-bottom: $spacer-lg;
    
      .content-separator {
        margin-top: $spacer-base;
      }
    }
    
  • URL: /components/raw/article-intro/_article-intro.scss
  • Filesystem Path: components/03-organisms/header/article-intro/_article-intro.scss
  • Size: 106 Bytes
  • Handle: @article-intro
  • Preview:
  • Filesystem Path: components/03-organisms/header/article-intro/article-intro.html

No notes defined.