Copy environment

Person Box

Preview 
<div class="person-box  ">
    <div class="person-box__inner">
        <div class="person-box__content">
            <div class="person">
                <div class="person__info-container">
                    <h4 class="person__name">Eesnimi Perenimi</h4>
                    <p class="person__position">Personalispetsialist</p>
                    <a class="person__phone" href="#">+372 334 2233</a>
                    <div class="person__link-container">
                        <a href="#" class="button button--read button--small ">
                    <span class="button__text">praktika@vkg.ee</span>
                    </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "picture": null,
    "name": "Eesnimi Perenimi",
    "positions": [
      "Personalispetsialist"
    ],
    "phones": [
      {
        "text": "+372 334 2233",
        "ref": "#"
      }
    ],
    "links": [
      {
        "ref": "#",
        "text": "praktika@vkg.ee"
      }
    ]
  }
}

Media

Preview 
<div class="person-box  ">
    <div class="person-box__inner">

        <div class="image image--block person-box__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 class="person-box__content">
            <div class="person">
                <div class="person__info-container">
                    <h4 class="person__name">Irina Bojenko </h4>
                    <p class="person__position">Suhtekorraldusjuht</p>
                    <a class="person__phone" href="#">+372 523 2700</a>
                    <a class="person__phone" href="#">+372 334 2702</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>
</div>
 
{
  "language": "en-US",
  "data": {
    "picture": true,
    "name": "Irina Bojenko ",
    "positions": [
      "Suhtekorraldusjuht"
    ],
    "phones": [
      {
        "text": "+372 523 2700",
        "ref": "#"
      },
      {
        "text": "+372 334 2702",
        "ref": "#"
      }
    ],
    "links": [
      {
        "ref": "#",
        "text": "irina.bojenko@vkg.ee"
      }
    ]
  }
}