Copy environment

Box

Preview 
<div class="box    box--wide ">
    <div class="h-container">
        <div class="grid grid--center-xs">
            <div class="grid__col grid__col--xs-20 grid__col--sm-11">
                <div class="box__box color-light-orange">
                    <div class="box__content text text--double">
                        <p class='h3'>Ehitame oma tegevust vastutustundlikul moel, arvestades meie töötajate, kohaliku kogukonna, klientide ja huvigruppide vajaduste ja huvidega.</p>
                        <a href="#" class="button button--read box__button">
                    <span class="button__text">Vaata lähemalt</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 class="grid__col grid__col--xs-20 grid__col--sm-9">

                <div class="image image--fluid box__image">
                    <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20450%20550%22%3E%3C%2Fsvg%3E" data-parent-fit="cover" data-srcset="//placehold.it/450x550 450w 550h, //placehold.it/900x1100 900w 1100h" data-sizes="auto"
                        alt="" class="image__img lazyload">
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "component": "box",
    "content": "<p class='h3'>Ehitame oma tegevust vastutustundlikul moel, arvestades meie töötajate, kohaliku kogukonna, klientide ja huvigruppide vajaduste ja huvidega.</p>",
    "button": {
      "text": "Vaata lähemalt",
      "url": "#"
    },
    "wide": true
  }
}