Copy environment

Person

Preview 
<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>
 
{
  "language": "en-US",
  "data": {
    "picture": true,
    "name": "Kristel Kopelman",
    "positions": [
      "Büroojuht"
    ],
    "phones": [
      {
        "text": "+372 334 2700",
        "ref": "#"
      }
    ],
    "links": [
      {
        "ref": "#",
        "text": "kantselei@vkg.ee"
      }
    ]
  }
}

Without Image

Preview 
<div class="person">
    <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>
 
{
  "language": "en-US",
  "data": {
    "picture": null,
    "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"
      }
    ]
  }
}

Practice

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

Cv

Preview 
<div class="person">
    <div class="person__info-container">
        <h4 class="person__name">Ahti Asmann</h4>
        <p class="person__position">Juhatuse esimees</p>
        <a href="#cv-1" class="person__link" data-js="open-modal">Vaata CV-d</a>

        <div class="modal modal--wide js-modal" id="cv-1">
            <div class="cv">
                <div class="cv__inner">

                    <div class="image image--block cv__image">
                        <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/100x100 100w 100h, //placehold.it/250x250 250w 250h, //placehold.it/500x500 500w 500h, //placehold.it/750x750 750w 750h, //placehold.it/1000x1000 1000w 1000h, //placehold.it/320x320 320w 320h, //placehold.it/640x640 640w 640h, //placehold.it/600x600 600w 600h, //placehold.it/1200x1200 1200w 1200h, //placehold.it/1600x1600 1600w 1600h, //placehold.it/3200x3200 3200w 3200h"
                            data-sizes="auto" alt="" class="image__img lazyload">
                    </div>
                    <div class="cv__content">
                        <h2 class="cv__blocks color-green">Ahti Asmann</h2>
                        <div class="cv__blocks">
                            <div class="cv__item">
                                <div class="text">
                                    <h4>Sünniaeg</h4>
                                    <p>27.10.1973</p>
                                </div>
                            </div>
                            <div class="cv__item">
                                <div class="text">
                                    <h4>Haridus</h4>
                                    <p>1991 - 1995 <b>Tartu Ülikool</b><br>Majandusteaduskond<br>MBA (ärijuhtimise magister)</p>
                                </div>
                            </div>
                            <div class="cv__item">
                                <div class="text">
                                    <h4>Töötab VKG kontsernis alates</h4>
                                    <p>15.09.2015</p>
                                </div>
                            </div>
                            <div class="cv__item">
                                <div class="text">
                                    <h4>Töökogemus</h4>
                                    <p>2015 - <b>Viru Keemia Grupp</b><br>Juhatuse esimees</p>
                                    <p>2012 - 2015 - <b>AS Eesti Raudtee</b><br>Juhatuse esimees</p>
                                    <p>2010 - 2012 - <b>SEB Ukraina</b><br>Piirkonnajuht (country manager) / nõukogu liige</p>
                                    <p>2008 - 2010 - <b>SEB Pank</b><br>Juhatuse esimees</p>
                                    <p>1994-2010 - <b>SEB Pank</b><br>Erinevad ametikohad</p>
                                </div>
                            </div>
                            <div class="cv__item">
                                <div class="text">
                                    <h4>Keeled</h4>
                                    <p>Eesti, inglise, vene</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "picture": null,
    "name": "Ahti Asmann",
    "positions": [
      "Juhatuse esimees"
    ],
    "phones": null,
    "links": null,
    "cv": {
      "id": "cv-1",
      "label": "Vaata CV-d",
      "content": {
        "image": true,
        "title": "Ahti Asmann",
        "blocks": [
          {
            "title": "Sünniaeg",
            "content": "<p>27.10.1973</p>"
          },
          {
            "title": "Haridus",
            "content": "<p>1991 - 1995 <b>Tartu Ülikool</b><br>Majandusteaduskond<br>MBA (ärijuhtimise magister)</p>"
          },
          {
            "title": "Töötab VKG kontsernis alates",
            "content": "<p>15.09.2015</p>"
          },
          {
            "title": "Töökogemus",
            "content": "<p>2015 - <b>Viru Keemia Grupp</b><br>Juhatuse esimees</p><p>2012 - 2015 - <b>AS Eesti Raudtee</b><br>Juhatuse esimees</p><p>2010 - 2012 - <b>SEB Ukraina</b><br>Piirkonnajuht (country manager) / nõukogu liige</p><p>2008 - 2010 - <b>SEB Pank</b><br>Juhatuse esimees</p><p>1994-2010 - <b>SEB Pank</b><br>Erinevad ametikohad</p>"
          },
          {
            "title": "Keeled",
            "content": "<p>Eesti, inglise, vene</p>"
          }
        ]
      }
    }
  }
}