Copy environment

Press Contact

Preview 
<div class="press-contact  ">
    <div class="h-container">
        <div class="grid grid--center-xs grid--start-sm">
            <div class="grid__col grid__col--xs-20 grid__col--md-18 grid__col--left-gutter-sm-2 grid__col--bottom-gutter-xs-2">
                <h2 class="color-green">Kontaktid meediale</h2>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-7 grid__col--left-gutter-sm-2 grid__col--bottom-gutter-xs-1 grid__col--bottom-gutter-sm-0">
                <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>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-12 grid__col--xl-8 grid__col--left-gutter-sm-1">
                <div class="text text--double">
                    <p>Palume suunata kõik Viru Keemia Grupi kontserni ja tütarettevõtete tegevusega seotud meediapäringud ja küsimused suhtekorraldusjuhile.</p>
                </div>
                <div class="grid">
                    <div class="grid__col grid__col--xs-24 grid__col--top-gutter-xs-1">
                        <h4>Jälgi meid sotsiaalmeedias</h4>
                        <ul class="press-contact__list">
                            <li class="press-contact__item">
                                <a href="#" class="button button--icon-w-link press-contact__button">
                                    <div class="button__text-container">
                                        <span class="button__text">facebook.com/virukeemiagrupp</span>
                                    </div>
                                    <span class="button__icon-container">
                <svg class="icon  button__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#facebook"></use>
</svg>
            </span>
                                </a>
                            </li>
                            <li class="press-contact__item">
                                <a href="#" class="button button--icon-w-link press-contact__button">
                                    <div class="button__text-container">
                                        <span class="button__text">linkedin.com/company/viru-keemia-grupp</span>
                                    </div>
                                    <span class="button__icon-container">
                <svg class="icon  button__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#linkedin"></use>
</svg>
            </span>
                                </a>
                            </li>
                            <li class="press-contact__item">
                                <a href="#" class="button button--icon-w-link press-contact__button">
                                    <div class="button__text-container">
                                        <span class="button__text">instagram.com/virukeemiagrupp</span>
                                    </div>
                                    <span class="button__icon-container">
                <svg class="icon  button__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#instagram"></use>
</svg>
            </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "component": "press-contact",
    "title": "Kontaktid meediale",
    "content": "<p>Palume suunata kõik Viru Keemia Grupi kontserni ja tütarettevõtete tegevusega seotud meediapäringud ja küsimused suhtekorraldusjuhile.</p>",
    "person": {
      "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"
        }
      ]
    },
    "socialTitle": "Jälgi meid sotsiaalmeedias",
    "items": [
      {
        "text": "facebook.com/virukeemiagrupp",
        "icon": "facebook",
        "url": "#"
      },
      {
        "text": "linkedin.com/company/viru-keemia-grupp",
        "icon": "linkedin",
        "url": "#"
      },
      {
        "text": "instagram.com/virukeemiagrupp",
        "icon": "instagram",
        "url": "#"
      }
    ]
  }
}