Copy environment

Team

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="contact-section-1">
            <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
                        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 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 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-1",
        "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"
              }
            ]
          },
          {
            "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"
              }
            ]
          },
          {
            "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"
              }
            ]
          }
        ]
      }
    ]
  }
}

Vabad Tookohad

<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"
              }
            ]
          }
        ]
      }
    ]
  }
}

Multiple Sections

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="contact-section-3">
            <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
                        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">Kristel.Kopelman@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Kristel.Kopelman@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Kristel.Kopelman@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 class="grid team__section" id="contact-section-4">
            <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
                        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">Kristel.Kopelman@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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>
                </div>
            </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>
                </div>
            </div>

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

Contact View

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="contact-section-1">
            <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>Infotelefon</h3>
                </h2>
            </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">Õnne Pilvet</h4>
                        <p class="person__position">Infojuht</p>
                        <a class="person__phone" href="#">+372 334 2701</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">info@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 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>Kantselei</h3>
                </h2>
            </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>
                </div>
            </div>

        </div>
        <div class="grid team__section" id="contact-section-3">
            <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 osakond</h3>
                </h2>
            </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">Irina Bojenko</h4>
                        <p class="person__position">Suhtekorraldusjuht</p>
                        <p class="person__position">Üleriigilise meedia päringud</p>
                        <a class="person__phone" href="#">+372 334 2702</a>
                        <a class="person__phone" href="#">+372 523 2700</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">irina.bojenko@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Õnne Pilvet</h4>
                        <p class="person__position">Infojuht</p>
                        <p class="person__position">Sponsorlus</p>
                        <a class="person__phone" href="#">+372 334 2701</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">info@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="grid team__section" id="contact-section-4">
            <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>Keskkonna- ja tehnikaosakond</h3>
                </h2>
            </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">Meelis Eldermann</h4>
                        <p class="person__position">Tehnikadirektor/juhatuse aseesimees</p>
                        <a class="person__phone" href="#">+372 334 2810</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">meelis.eldermann@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Erika Sulg</h4>
                        <p class="person__position">Keskkonnaosakonna juhataja</p>
                        <a class="person__phone" href="#">+372 334 2794</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">erika.sulg@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Marti Viirmäe</h4>
                        <p class="person__position">Tootmise ja tehnoloogia arenduse valdkonna juht</p>
                        <a class="person__phone" href="#">+372 5330 6791</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">marti.viirmae@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="grid team__section" id="contact-section-5">
            <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>Finantsosakond</h3>
                </h2>
            </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">Jaanis Sepp</h4>
                        <p class="person__position">Finantsdirektor/juhatuse liige</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">jaanis.sepp@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Aliide Hindreus</h4>
                        <p class="person__position">Pearaamatupidaja</p>
                        <a class="person__phone" href="#">+372 334 2790</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">aliide.hindreus@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="grid team__section" id="contact-section-6">
            <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>Haldusosakond</h3>
                </h2>
            </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__info-container">
                        <h4 class="person__name">Marko Viimsalu</h4>
                        <p class="person__position">Haldusjuht</p>
                        <a class="person__phone" href="#">+372 334 2788</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">marko.viimsalu@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="grid team__section" id="contact-section-7">
            <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>Hankeosakond</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">hankeosakond@vkg.ee</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">Inna Revjakina</h4>
                        <p class="person__position">Juhatuse kohusetäitja</p>
                        <a class="person__phone" href="#">+372 334 2403</a>
                        <div class="person__link-container">
                            <a href="mailto:inna.revjakina@vkg.ee" class="button button--read button--small " target="_blank">
                    <span class="button__text">inna.revjakina@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Sergei Lušin</h4>
                        <p class="person__position">VKG Oil AS-i varustusjuht</p>
                        <a class="person__phone" href="#">+372 334 2749</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">sergei.lushin@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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__info-container">
                        <h4 class="person__name">Natella Rzajeva</h4>
                        <p class="person__position">Hankespetsialist</p>
                        <a class="person__phone" href="#">+372 334 2236</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">natella.rzajeva@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="grid team__section" id="contact-section-8">
            <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>Personaliosakond</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">Tea Allikmäe</h4>
                        <p class="person__position">Personaliosakonna juhataja</p>
                        <a class="person__phone" href="#">+372 334 2703</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">personal@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="grid team__section" id="contact-section-9">
            <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>Õigusosakond</h3>
                </h2>
            </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__info-container">
                        <h4 class="person__name">Erik Mõttus</h4>
                        <p class="person__position">Õigusosakonna juhataja</p>
                        <a class="person__phone" href="#">+372 334 2526</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">erik.mottus@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h3>Infotelefon</h3>",
        "id": "contact-section-1",
        "people": [
          {
            "picture": true,
            "name": "Õnne Pilvet",
            "positions": [
              "Infojuht"
            ],
            "phones": [
              {
                "text": "+372 334 2701",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "info@vkg.ee"
              },
              {
                "ref": "#",
                "text": "Infopäringu vorm",
                "icon": "arrow"
              }
            ]
          }
        ]
      },
      {
        "title": "<h3>Kantselei</h3>",
        "id": "contact-section-2",
        "people": [
          {
            "picture": true,
            "name": "Kristel Kopelman",
            "positions": [
              "Büroojuht"
            ],
            "phones": [
              {
                "text": "+372 334 2700",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "kantselei@vkg.ee"
              }
            ]
          }
        ]
      },
      {
        "title": "<h3>Avalike suhete osakond</h3>",
        "id": "contact-section-3",
        "people": [
          {
            "picture": true,
            "name": "Irina Bojenko",
            "positions": [
              "Suhtekorraldusjuht",
              "Üleriigilise meedia päringud"
            ],
            "phones": [
              {
                "text": "+372 334 2702",
                "ref": "#"
              },
              {
                "text": "+372 523 2700",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "irina.bojenko@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Õnne Pilvet",
            "positions": [
              "Infojuht",
              "Sponsorlus"
            ],
            "phones": [
              {
                "text": "+372 334 2701",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "info@vkg.ee"
              }
            ]
          }
        ]
      },
      {
        "title": "<h3>Keskkonna- ja tehnikaosakond</h3>",
        "id": "contact-section-4",
        "people": [
          {
            "picture": true,
            "name": "Meelis Eldermann",
            "positions": [
              "Tehnikadirektor/juhatuse aseesimees"
            ],
            "phones": [
              {
                "text": "+372 334 2810",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "meelis.eldermann@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Erika Sulg",
            "positions": [
              "Keskkonnaosakonna juhataja"
            ],
            "phones": [
              {
                "text": "+372 334 2794",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "erika.sulg@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Marti Viirmäe",
            "positions": [
              "Tootmise ja tehnoloogia arenduse valdkonna juht"
            ],
            "phones": [
              {
                "text": "+372 5330 6791",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "marti.viirmae@vkg.ee"
              }
            ]
          }
        ]
      },
      {
        "title": "<h3>Finantsosakond</h3>",
        "id": "contact-section-5",
        "people": [
          {
            "picture": true,
            "name": "Jaanis Sepp",
            "positions": [
              "Finantsdirektor/juhatuse liige"
            ],
            "phones": [
              {
                "text": "+372 334 2700",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "jaanis.sepp@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Aliide Hindreus",
            "positions": [
              "Pearaamatupidaja"
            ],
            "phones": [
              {
                "text": "+372 334 2790",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "aliide.hindreus@vkg.ee"
              }
            ]
          }
        ]
      },
      {
        "title": "<h3>Haldusosakond</h3>",
        "id": "contact-section-6",
        "people": [
          {
            "name": "Marko Viimsalu",
            "positions": [
              "Haldusjuht"
            ],
            "phones": [
              {
                "text": "+372 334 2788",
                "ref": "#"
              }
            ],
            "links": [
              {
                "text": "marko.viimsalu@vkg.ee",
                "ref": "#"
              }
            ]
          }
        ]
      },
      {
        "title": "<h3>Hankeosakond</h3>",
        "link": {
          "href": "#",
          "text": "hankeosakond@vkg.ee"
        },
        "id": "contact-section-7",
        "people": [
          {
            "picture": true,
            "name": "Inna Revjakina",
            "positions": [
              "Juhatuse kohusetäitja"
            ],
            "phones": [
              {
                "text": "+372 334 2403",
                "ref": "#",
                "target": "_blank"
              }
            ],
            "links": [
              {
                "ref": "mailto:inna.revjakina@vkg.ee",
                "text": "inna.revjakina@vkg.ee",
                "target": "_blank"
              }
            ]
          },
          {
            "picture": true,
            "name": "Sergei Lušin",
            "positions": [
              "VKG Oil AS-i varustusjuht"
            ],
            "phones": [
              {
                "text": "+372 334 2749",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "sergei.lushin@vkg.ee"
              }
            ]
          },
          {
            "name": "Natella Rzajeva",
            "positions": [
              "Hankespetsialist"
            ],
            "phones": [
              {
                "text": "+372 334 2236",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "natella.rzajeva@vkg.ee"
              }
            ]
          }
        ]
      },
      {
        "title": "<h3>Personaliosakond</h3>",
        "id": "contact-section-8",
        "link": {
          "href": "#",
          "text": "Vabad töökohad",
          "icon": "arrow"
        },
        "people": [
          {
            "picture": true,
            "name": "Tea Allikmäe",
            "positions": [
              "Personaliosakonna juhataja"
            ],
            "phones": [
              {
                "text": "+372 334 2703",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "personal@vkg.ee"
              }
            ]
          }
        ]
      },
      {
        "title": "<h3>Õigusosakond</h3>",
        "id": "contact-section-9",
        "people": [
          {
            "name": "Erik Mõttus",
            "positions": [
              "Õigusosakonna juhataja"
            ],
            "phones": [
              {
                "text": "+372 334 2526",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "erik.mottus@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "bottomGutter": 2
  }
}

Shale Oil

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Müügiinfo ja tellimine</h2> <br></h2>
            </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">Margus Miidla</h4>
                        <p class="person__position">Müügijuht</p>
                        <p class="person__position">Eesti-sisene müük</p>
                        <a class="person__phone" href="#">+372 502 1812</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">margus.miidla@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Valentina Kortel</h4>
                        <p class="person__position">Müügijuht</p>
                        <p class="person__position">Balti ja SRÜ riigid, Ukraina</p>
                        <a class="person__phone" href="#">+372 334 2751</a>
                        <a class="person__phone" href="#">+372 508 4239</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">valentina.kortel@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Aalis Tepper</h4>
                        <p class="person__position">Müügiosakonna juhataja</p>
                        <p class="person__position">Muud riigid</p>
                        <a class="person__phone" href="#">+372 334 2779</a>
                        <a class="person__phone" href="#">+372 5334 1127</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">aalis.tepper@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Müügiinfo ja tellimine</h2> <br>",
        "people": [
          {
            "picture": true,
            "name": "Margus Miidla",
            "positions": [
              "Müügijuht",
              "Eesti-sisene müük"
            ],
            "phones": [
              {
                "text": "+372 502 1812",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "margus.miidla@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Valentina Kortel",
            "positions": [
              "Müügijuht",
              "Balti ja SRÜ riigid, Ukraina"
            ],
            "phones": [
              {
                "text": "+372 334 2751",
                "ref": "#"
              },
              {
                "text": "+372 508 4239",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "valentina.kortel@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Aalis Tepper",
            "positions": [
              "Müügiosakonna juhataja",
              "Muud riigid"
            ],
            "phones": [
              {
                "text": "+372 334 2779",
                "ref": "#"
              },
              {
                "text": "+372 5334 1127",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "aalis.tepper@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 1
  }
}

Crushed Stone

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Müügiinfo ja tellimine</h2> <br></h2>
            </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">Arnold Villers</h4>
                        <p class="person__position">VKG Kaevandused</p>
                        <p class="person__position">Pealmaatööde jaoskonna juht</p>
                        <a class="person__phone" href="#">+372 334 2798</a>
                        <a class="person__phone" href="#">+372 504 4080</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">arnold.villers@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Müügiinfo ja tellimine</h2> <br>",
        "people": [
          {
            "picture": true,
            "name": "Arnold Villers",
            "positions": [
              "VKG Kaevandused",
              "Pealmaatööde jaoskonna juht"
            ],
            "phones": [
              {
                "text": "+372 334 2798",
                "ref": "#"
              },
              {
                "text": "+372 504 4080",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "arnold.villers@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 1
  }
}

Coke

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Müügiinfo ja tellimine</h2> <br></h2>
            </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">Larissa Bolhovitina </h4>
                        <p class="person__position">Müügijuht</p>
                        <a class="person__phone" href="#">+372 334 2752</a>
                        <a class="person__phone" href="#">+372 504 1432</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">larissa.bolhovitina@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Aalis Tepper</h4>
                        <p class="person__position">Müügiosakonna juhataja</p>
                        <a class="person__phone" href="#">+372 334 2779</a>
                        <a class="person__phone" href="#">+372 533 1127</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">aalis.tepper@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Müügiinfo ja tellimine</h2> <br>",
        "people": [
          {
            "picture": true,
            "name": "Larissa Bolhovitina ",
            "positions": [
              "Müügijuht"
            ],
            "phones": [
              {
                "text": "+372 334 2752",
                "ref": "#"
              },
              {
                "text": "+372 504 1432",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "larissa.bolhovitina@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Aalis Tepper",
            "positions": [
              "Müügiosakonna juhataja"
            ],
            "phones": [
              {
                "text": "+372 334 2779",
                "ref": "#"
              },
              {
                "text": "+372 533 1127",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "aalis.tepper@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 1
  }
}

Resins

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Müügiinfo ja tellimine</h2> <br></h2>
            </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">Larissa Bolhovitina </h4>
                        <p class="person__position">Müügijuht</p>
                        <a class="person__phone" href="#">+372 334 2752</a>
                        <a class="person__phone" href="#">+372 504 1432</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">larissa.bolhovitina@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Diana Berseneva</h4>
                        <p class="person__position">Müügijuht</p>
                        <a class="person__phone" href="#">+372 334 2304</a>
                        <a class="person__phone" href="#">+372 5331 1849</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">d.berseneva@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Aalis Tepper</h4>
                        <p class="person__position">Müügiosakonna juhataja</p>
                        <a class="person__phone" href="#">+372 334 2779</a>
                        <a class="person__phone" href="#">+372 533 1127</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">aalis.tepper@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Müügiinfo ja tellimine</h2> <br>",
        "people": [
          {
            "picture": true,
            "name": "Larissa Bolhovitina ",
            "positions": [
              "Müügijuht"
            ],
            "phones": [
              {
                "text": "+372 334 2752",
                "ref": "#"
              },
              {
                "text": "+372 504 1432",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "larissa.bolhovitina@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Diana Berseneva",
            "positions": [
              "Müügijuht"
            ],
            "phones": [
              {
                "text": "+372 334 2304",
                "ref": "#"
              },
              {
                "text": "+372 5331 1849",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "d.berseneva@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Aalis Tepper",
            "positions": [
              "Müügiosakonna juhataja"
            ],
            "phones": [
              {
                "text": "+372 334 2779",
                "ref": "#"
              },
              {
                "text": "+372 533 1127",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "aalis.tepper@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 1
  }
}

Fine Chemicals

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Peenkemikaalide müügiinfo ja tellimine</h2> <br></h2>
            </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">Diana Berseneva</h4>
                        <p class="person__position">Müügijuht</p>
                        <a class="person__phone" href="#">+372 334 2304</a>
                        <a class="person__phone" href="#">+372 5331 1849</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">d.berseneva@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Aalis Tepper</h4>
                        <p class="person__position">Müügiosakonna juhataja</p>
                        <a class="person__phone" href="#">+372 334 2779</a>
                        <a class="person__phone" href="#">+372 533 1127</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">aalis.tepper@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Peenkemikaalide müügiinfo ja tellimine</h2> <br>",
        "people": [
          {
            "picture": true,
            "name": "Diana Berseneva",
            "positions": [
              "Müügijuht"
            ],
            "phones": [
              {
                "text": "+372 334 2304",
                "ref": "#"
              },
              {
                "text": "+372 5331 1849",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "d.berseneva@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Aalis Tepper",
            "positions": [
              "Müügiosakonna juhataja"
            ],
            "phones": [
              {
                "text": "+372 334 2779",
                "ref": "#"
              },
              {
                "text": "+372 533 1127",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "aalis.tepper@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 3,
    "bottomBorder": true
  }
}

Alcylresorcinols

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Alküülresortsiinide müügiinfo ja tellimine</h2> <br></h2>
            </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">Diana Berseneva</h4>
                        <p class="person__position">Müügijuht</p>
                        <a class="person__phone" href="#">+372 334 2304</a>
                        <a class="person__phone" href="#">+372 5331 1849</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">d.berseneva@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </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">Aalis Tepper</h4>
                        <p class="person__position">Müügiosakonna juhataja</p>
                        <a class="person__phone" href="#">+372 334 2779</a>
                        <a class="person__phone" href="#">+372 533 1127</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">aalis.tepper@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Alküülresortsiinide müügiinfo ja tellimine</h2> <br>",
        "people": [
          {
            "picture": true,
            "name": "Diana Berseneva",
            "positions": [
              "Müügijuht"
            ],
            "phones": [
              {
                "text": "+372 334 2304",
                "ref": "#"
              },
              {
                "text": "+372 5331 1849",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "d.berseneva@vkg.ee"
              }
            ]
          },
          {
            "picture": true,
            "name": "Aalis Tepper",
            "positions": [
              "Müügiosakonna juhataja"
            ],
            "phones": [
              {
                "text": "+372 334 2779",
                "ref": "#"
              },
              {
                "text": "+372 533 1127",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "aalis.tepper@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 3,
    "bottomBorder": true
  }
}

Industrial Automation

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Müügiinfo ja päringud</h2>
                </h2>
            </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">Aleksandr Štšerbina</h4>
                        <p class="person__position">Osakonnajuhataja</p>
                        <a class="person__phone" href="#">+372 512 6552</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">aleksandr.stserbina@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Müügiinfo ja päringud</h2>",
        "people": [
          {
            "picture": true,
            "name": "Aleksandr Štšerbina",
            "positions": [
              "Osakonnajuhataja"
            ],
            "phones": [
              {
                "text": "+372 512 6552",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "aleksandr.stserbina@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 2
  }
}

Lifting Services

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Müügiinfo ja päringud</h2> <br></h2>
            </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">Indrek Metsatalu </h4>
                        <p class="person__position">Osakonnajuhataja</p>
                        <a class="person__phone" href="#">+372 5650 0940</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">ruslan.tezikov@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Müügiinfo ja päringud</h2> <br>",
        "people": [
          {
            "picture": true,
            "name": "Indrek Metsatalu ",
            "positions": [
              "Osakonnajuhataja"
            ],
            "phones": [
              {
                "text": "+372 5650 0940",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "ruslan.tezikov@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 2
  }
}

Metalstructures

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Müügiinfo ja päringud</h2> <br></h2>
            </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">Indrek Metsatalu </h4>
                        <p class="person__position">Müügijuht</p>
                        <a class="person__phone" href="#">+372 5692 5755</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">indrek.metsatalu@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Müügiinfo ja päringud</h2> <br>",
        "people": [
          {
            "picture": true,
            "name": "Indrek Metsatalu ",
            "positions": [
              "Müügijuht"
            ],
            "phones": [
              {
                "text": "+372 5692 5755",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "indrek.metsatalu@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 2
  }
}

Technology

<div class="team  ">
    <div class="h-container">
        <div class="grid team__section" id="">
            <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">
                    <h2 class="color-green">Müügiinfo ja päringud</h2> <br></h2>
            </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">Indrek Metsatalu </h4>
                        <p class="person__position">Müügijuht</p>
                        <a class="person__phone" href="#">+372 5692 5755</a>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">indrek.metsatalu@vkg.ee</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "team",
    "sections": [
      {
        "title": "<h2 class=\"color-green\">Müügiinfo ja päringud</h2> <br>",
        "people": [
          {
            "picture": true,
            "name": "Indrek Metsatalu ",
            "positions": [
              "Müügijuht"
            ],
            "phones": [
              {
                "text": "+372 5692 5755",
                "ref": "#"
              }
            ],
            "links": [
              {
                "ref": "#",
                "text": "indrek.metsatalu@vkg.ee"
              }
            ]
          }
        ]
      }
    ],
    "topGutter": 1,
    "bottomGutter": 2
  }
}