Copy environment

Team

Vabad Tookohad

Preview 
<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="contact-section-2">
            <div class="grid__col grid__col--xs-20 grid__col--left-gutter-xs-2 team__border">
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--gutter-xs-1 grid__col--left-gutter-xs-2 team__title-container text">
                <h2 class="color-green">
                    <h3>Avalike suhete meeskond</h3>
                </h2>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--left-gutter-xs-2 grid__col--bottom-gutter-xs-1 team__link-container">
                <a href="#" class="button button--read button--small ">
                    <span class="button__text">Vabad töökohad</span>
                            <span class="button__icon-container">
                <svg class="icon  button__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow"></use>
</svg>
            </span>
            </a>
            </div>

            <div class="                        grid__col
                        team__person-container
                        grid__col--xs-20
                        grid__col--bottom-gutter-xs-1
                        grid__col--left-gutter-xs-2
                                                    grid__col--sm-10
                                            ">
                <div class="person">
                    <div class="person__image-container">

                        <div class="image image--block person__image">
                            <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20200%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/150x100 150w 100h, //placehold.it/300x200 300w 200h, //placehold.it/600x400 600w 400h, //placehold.it/1200x800 1200w 800h, //placehold.it/2400x1600 2400w 1600h"
                                data-sizes="auto" alt="" class="image__img lazyload">
                        </div>
                    </div>
                    <div class="person__info-container">
                        <h4 class="person__name">Kristel Kopelman</h4>
                        <p class="person__position">Büroojuht</p>
                        <a class="person__phone" href="#">+372 334 2700</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">kantselei@vkg.ee</span>
                    </a>
                        </div>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">Infopäringu vorm</span>
                            <span class="button__icon-container">
                <svg class="icon  button__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow"></use>
</svg>
            </span>
            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h3>Avalike suhete meeskond</h3>",
        "id": "contact-section-2",
        "link": {
          "href": "#",
          "text": "Vabad töökohad",
          "icon": "arrow"
        },
        "people": [
          {
            "picture": true,
            "name": "Kristel Kopelman",
            "positions": [
              "Büroojuht"
            ],
            "phones": [
              {
                "text": "+372 334 2700",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "kantselei@vkg.ee"
              },
              {
                "ref": "#",
                "text": "Infopäringu vorm",
                "icon": "arrow"
              }
            ]
          }
        ]
      }
    ]
  }
}