<section class="contact-person">
    <h3 class="section-heading--primary">Noch Fragen?</h3>
    <h4 class="section-heading--tertiary contact-person__subheading">
        Du möchtest dich bewerben, hast aber noch Fragen?
    </h4>
    <h4 class="section-heading--tertiary contact-person__subheading">
        Sprich mit uns!
    </h4>
    <div class="contact-person__wrapper">
        <a rel="author" class="author-bio author-bio--large" href="#mailto:contact-person@innoq.com" itemscope itemtype="http://schema.org/Person">
            <div class="author-bio__image avatar avatar--xl">
                <img itemprop="photo" class="avatar__image" src="../../assets/example-content/heribert.png" alt="Portrait von Heribert Innoq" />
            </div>
            <address class="author-bio__text">
                <span rel="author" class="author-bio__name" itemprop="fullName">Heribert INNOQ</span><span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
                <p class="author-bio__info" itemprop="description">
                    seit 10 Jahren dabei.
                </p>
                <p class="author-bio__expertise" itemprop="knowsAbout">
                    Fachgebiet1, Fachgebiet2
                </p>
            </address>
        </a><a rel="author" class="author-bio author-bio--large" href="#mailto:contact-person@innoq.com" itemscope itemtype="http://schema.org/Person">
            <div class="author-bio__image avatar avatar--xl">
                <img itemprop="photo" class="avatar__image" src="../../assets/example-content/heribert.png" alt="Portrait von Heribert Innoq" />
            </div>
            <address class="author-bio__text">
                <span rel="author" class="author-bio__name" itemprop="fullName">Heribert INNOQ</span><span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
                <p class="author-bio__info" itemprop="description">
                    seit 10 Jahren dabei.
                </p>
                <p class="author-bio__expertise" itemprop="knowsAbout">
                    Fachgebiet1, Fachgebiet2
                </p>
            </address>
        </a>
    </div>
</section>
<section class="contact-person">
    <h3 class="section-heading--primary">Noch Fragen?</h3>
    <h4 class="section-heading--tertiary contact-person__subheading">Du möchtest dich bewerben, hast aber noch Fragen?</h4>
    <h4 class="section-heading--tertiary contact-person__subheading">Sprich mit uns!</h4>
    <div class="contact-person__wrapper">
        <a rel="author" class="author-bio author-bio--large" href="#mailto:contact-person@innoq.com" itemscope itemtype="http://schema.org/Person">
            <div class="author-bio__image avatar avatar--xl">
                <img itemprop="photo" class="avatar__image" src={context.app.uri("assets/example-content/heribert.png")} alt="Portrait von Heribert Innoq"/>
            </div>
            <address class="author-bio__text">
                <span rel="author" class="author-bio__name" itemprop="fullName">Heribert INNOQ</span>
                <span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
                <p class="author-bio__info" itemprop="description">seit 10 Jahren dabei.</p>
                <p class="author-bio__expertise" itemprop="knowsAbout">Fachgebiet1, Fachgebiet2</p>
            </address>
        </a>
        <a rel="author" class="author-bio author-bio--large" href="#mailto:contact-person@innoq.com" itemscope itemtype="http://schema.org/Person">
            <div class="author-bio__image avatar avatar--xl">
                <img itemprop="photo" class="avatar__image" src={context.app.uri("assets/example-content/heribert.png")} alt="Portrait von Heribert Innoq"/>
            </div>
            <address class="author-bio__text">
                <span rel="author" class="author-bio__name" itemprop="fullName">Heribert INNOQ</span>
                <span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
                <p class="author-bio__info" itemprop="description">seit 10 Jahren dabei.</p>
                <p class="author-bio__expertise" itemprop="knowsAbout">Fachgebiet1, Fachgebiet2</p>
            </address>
        </a>
    </div>
</section>
/* No context defined. */
  • Content:
    .contact-person {
      display: flex;
      flex-direction: column;
      align-items: center;
    
      &__wrapper {
        display: flex;
        padding: $spacer-sm $spacer-md;
      }
    
      &__subheading {
        @extend %heading-font-regular;
    
        padding-bottom: $spacer-xs;
        margin: 0;
        font-size: $font-size-md;
      }
    
      .author-bio--large {
        margin-right: $spacer-lg;
        margin-left: $spacer-lg;
        color: $brand-secondary;
      }
    }
    
  • URL: /components/raw/contact-person/_contact-person.scss
  • Filesystem Path: components/04-molecules/article&blog-post-elements/contact-person/_contact-person.scss
  • Size: 413 Bytes
  • Handle: @contact-person
  • Preview:
  • Filesystem Path: components/04-molecules/article&blog-post-elements/contact-person/contact-person.html

No notes defined.