Copy environment

Box

Environment

Preview 
<div class="box   ">
    <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-green-1">
                    <div class="box__content text text--double">
                        <h4>Meie põhiülesandeks keskkonnakaitse valdkonnas on kontserni tootmisoperatsioonide keskkonnamõju efektiivne juhtimine, tagamaks keskkonna säilimise praeguste ja tulevaste põlvkondade hüvanguks.</h4>
                        <p>Rohkem infot teostatud projektidest ning lähiaastate fookusest saad lugeda meie <a href='#'>Säästva arengu ja sotsiaalse vastutuse aruandest.</a></p>
                    </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": "<h4>Meie põhiülesandeks keskkonnakaitse valdkonnas on kontserni tootmisoperatsioonide keskkonnamõju efektiivne juhtimine, tagamaks keskkonna säilimise praeguste ja tulevaste põlvkondade hüvanguks.</h4><p>Rohkem infot teostatud projektidest ning lähiaastate fookusest saad lugeda meie <a href='#'>Säästva arengu ja sotsiaalse vastutuse aruandest.</a></p>",
    "button": null,
    "wide": null,
    "color": "color-light-green-1",
    "bottomGutter": 2
  }
}