Copy environment

Team

Resins

Preview 
<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
  }
}