SIA Web Design Library

Get in touch

A region to close the page with a proposition to reach out via a URL, complete with the respondent’s citation index card.

<section class='r-get-in-touch t-theme--support t-background--accent'>
    <div class='r-get-in-touch__content-wrapper'>
        <h1 class='c-heading c-heading--minor'>
            Looking for a partner?
        </h1>

        <div class='c-lead t-theme--support t-background--accent'>
            <p>Based in Vienna, Austria, SIA International serves as a lean, yet strong backbone of the global SIA Community. If you are interested in joining our team, learn more about our current job offers and volunteering opportunities.</p>
        </div>
        <article class='c-profile profile type-profile c-profile--citation'>

            <div class='h-card c-index-card'>
                <div class="c-index-card__media-wrapper">
                    <span class='u-photo c-headshot c-index-card__headshot'>
                        <img class='c-headshot__image' src='/images/portrait-Peter-Vandor-1x1.jpg' alt='' title='Photo of John Doe' />
                    </span>
                </div>
                <div class='c-index-card__entity c-index-card__content-wrapper'>

                    <span class='p-name'>John Doe</span>

                    <span class='c-index-card__entity__work c-index-card__entity__work--with-organization'>

                        <span class='p-job-title'>Partnerships manager</span>

                        <span class='p-org'>Social Impact Award</span>
                    </span>
                    <span class='c-index-card__entity__links'>

                        <span class='u-email'>
                            <a class='u-email c-link--muted c-link--minimal' href='mailto:partnerships@sia.net'>partnerships@sia.net</a>
                        </span>
                    </span>
                </div>
            </div>

        </article>
        <p class='c-get-in-touch__action'>
            <a class='c-link c-link--forward c-link--with-icon c-link--with-icon--reversed ' href="mailto:partnerships@sia.net" itemprop="item" itemid="mailto:partnerships@sia.net"><span itemprop="name">Email John Doe</span></a>
        </p>
    </div>
</section>
 
<section class='{{ get_component_class( 'get-in-touch', display, 'r' ) }}'>
    <div class='r-get-in-touch__content-wrapper'>
        {% if heading %}
            {% include get_template( 'heading', 'unit' ) with heading|merge( { display: { modifiers: [ 'minor'] } } ) %}
        {% endif %}

        {% if lead %}
            {% include get_template( 'lead', 'unit' ) with lead %}
        {% endif %}

        {% if profile %}
            {% include get_template( 'profile', 'entity' ) with profile|merge( { display: { view_mode: 'citation' } } ) %}
        {% endif %}

        {% if link %}
            <p class='c-get-in-touch__action'>
                {% include get_template( 'link', 'base' ) with link|merge( { display: { modifiers: [ 'forward', 'with-icon', 'with-icon--reversed' ] } } ) %}
            </p>
        {% endif %}
    </div>
</section>
 
{
  "display": {
    "theme": "support",
    "backgroundType": "accent"
  },
  "heading": {
    "text": "Looking for a partner?",
    "url": null
  },
  "lead": {
    "content": "<p>Based in Vienna, Austria, SIA International serves as a lean, yet strong backbone of the global SIA Community. If you are interested in joining our team, learn more about our current job offers and volunteering opportunities.</p>"
  },
  "link": {
    "text": "Email John Doe",
    "href": "mailto:partnerships@sia.net"
  },
  "profile": {
    "entityType": "profile",
    "indexCard": {
      "headshot": {
        "src": "/images/portrait-Peter-Vandor-1x1.jpg"
      },
      "name": "John Doe",
      "role": "Partnerships manager",
      "organisation": "Social Impact Award",
      "email": "partnerships@sia.net"
    }
  }
}