Copy environment

Work content

Preview 
<div class="work-content  ">
    <div class="h-container">
        <div class="grid">
            <div class="grid__col grid__col--xs-20 grid__col--gutter-xs-2
                    grid__col--md-15 grid__col--gutter-sm-2 work-content__title text">
                <h3>Töötame ja pingutame igapäevaselt selle nimel, et olla tööstusvaldkonnas tunnustatud kui turvalisuse ja ohutu töökeskkonna saavutamise eestvedaja ning usume, et kõiki inimeste, keskkonna ja varadega seotud õnnetusi on võimalik ennetada.</h3>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--left-gutter-xs-2 grid__col--sm-9
                         grid__col--left-gutter-sm-2
                                                                        work-content__text-block-container text">
                <p>Eeldame oma juhtidelt suunatud aren
                    <dustegevust, et tagada VKG väärtustel põhinev tugev ohutuskultuur. Vastavalt ettenähtule on meie töökeskkond korraliselt hooldatud ning kasutusel toimivad tööohutusjuhendid. </p>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--left-gutter-xs-2 grid__col--sm-9
                         grid__col--top-gutter-xs-1 grid__col--left-gutter-sm-1 grid__col--top-gutter-sm-0                                                 work-content__text-block-container text">
                <p>Meie prioriteet on vigastuste, kutsehaiguste ja suurõnnetuste ennetamine. Eesmärk olla vigastustevaba kuulub lahutamatult meie mõttemaailma ja töökeskkonna juurde, sealjuures pöörame tähelepanu pidevale arengule ja ohutuskultuuri täiustamisele.
                    </p>
            </div>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "component": "work-content",
    "title": "<h3>Töötame ja pingutame igapäevaselt selle nimel, et olla tööstusvaldkonnas tunnustatud kui turvalisuse ja ohutu töökeskkonna saavutamise eestvedaja ning usume, et kõiki inimeste, keskkonna ja varadega seotud õnnetusi on võimalik ennetada.</h3>",
    "blocks": [
      {
        "content": "<p>Eeldame oma juhtidelt suunatud aren<dustegevust, et tagada VKG väärtustel põhinev tugev ohutuskultuur. Vastavalt ettenähtule on meie töökeskkond korraliselt hooldatud ning kasutusel toimivad tööohutusjuhendid. </p>"
      },
      {
        "content": "<p>Meie prioriteet on vigastuste, kutsehaiguste ja suurõnnetuste ennetamine. Eesmärk olla vigastustevaba kuulub lahutamatult meie mõttemaailma ja töökeskkonna juurde, sealjuures pöörame tähelepanu pidevale arengule ja ohutuskultuuri täiustamisele. </p>"
      }
    ]
  }
}

Product

Preview 
<div class="work-content  ">
    <div class="h-container">
        <div class="grid">
            <div class="grid__col grid__col--xs-20 grid__col--sm-10 grid__col--left-gutter-xs-2 text">
                <h2 class="color-green">Honeyol™ 80</h2> <br> <br>
                <p>Honeyol™ 80 on põlevkivi alküülresortsiinide segu, mis koosneb 100% resortsiini derivaatidest, millest 80-90% on 5-metüülresortsiin ja 10-15% 2,5-dimetüülresortsiin. See on roosa, kollase või halli varjundiga kristalliline pulber, mida
                    on tellija soovil võimalik toota ka vaha kujul. </p> <br>
                <h4 class="medium">Kasutusalad toorainena</h4>
                <ul>
                    <li>kummi modifikaatoriteks;</li>
                    <li>liimvaikude tootmiseks rehvi- ja kummitööstuses;</li>
                    <li>puidutöötluse liimvaikude tootmiseks;</li>
                    <li>fenoplastide tootmiseks;</li>
                    <li>põlemise aeglustajatena;</li>
                    <li>pigmentide tootmiseks.</li>
                </ul>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--left-gutter-xs-4 grid__col--left-gutter-sm-0 grid__col--sm-12 grid__col--top-gutter-xs-1 grid__col--top-gutter-sm-0 work-content__image-container">

                <div class="image  work-content__image">
                    <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20630%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/800x840 800w 400h, //placehold.it/1600x1680 1600w 800h, //placehold.it/1920x2016 1920w 960h, //placehold.it/3840x4032 3840w 1920h, //placehold.it/440x462 440w 280h, //placehold.it/880x924 880w 560h, //placehold.it/400x420 400w 300h, //placehold.it/800x840 800w 600h, //placehold.it/400x420 400w 550h, //placehold.it/800x840 800w 1100h, //placehold.it/600x630 600w 630h, //placehold.it/1200x1260 1200w 1260h, //placehold.it/500x525 500w 99999h, //placehold.it/1000x1050 1000w 99999h"
                        data-sizes="auto" alt="" class="image__img lazyload">
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "component": "work-content",
    "title": null,
    "blocks": [
      {
        "content": "<p>Eeldame oma juhtidelt suunatud aren<dustegevust, et tagada VKG väärtustel põhinev tugev ohutuskultuur. Vastavalt ettenähtule on meie töökeskkond korraliselt hooldatud ning kasutusel toimivad tööohutusjuhendid. </p>"
      },
      {
        "content": "<p>Meie prioriteet on vigastuste, kutsehaiguste ja suurõnnetuste ennetamine. Eesmärk olla vigastustevaba kuulub lahutamatult meie mõttemaailma ja töökeskkonna juurde, sealjuures pöörame tähelepanu pidevale arengule ja ohutuskultuuri täiustamisele. </p>"
      }
    ],
    "hasProduct": true,
    "productInfo": "<h2 class=\"color-green\">Honeyol™ 80</h2> <br> <br> <p>Honeyol™ 80 on põlevkivi alküülresortsiinide segu, mis koosneb 100% resortsiini derivaatidest, millest 80-90% on 5-metüülresortsiin ja 10-15% 2,5-dimetüülresortsiin. See on roosa, kollase või halli varjundiga kristalliline pulber, mida on tellija soovil võimalik toota ka vaha kujul. </p> <br> <h4 class=\"medium\">Kasutusalad toorainena</h4> <ul> <li>kummi modifikaatoriteks;</li> <li>liimvaikude tootmiseks rehvi- ja kummitööstuses;</li> <li>puidutöötluse liimvaikude tootmiseks;</li> <li>fenoplastide tootmiseks;</li> <li>põlemise aeglustajatena;</li> <li>pigmentide tootmiseks.</li> </ul>",
    "productImage": true
  }
}

Content Box

Preview 
<div class="work-content  ">
    <div class="h-container">
        <div class="grid">
            <div class="grid__col grid__col--xs-20 grid__col--sm-10 grid__col--left-gutter-xs-2 text">
                <h2 class="color-green">Honeyol™ 80</h2> <br> <br>
                <p>Honeyol™ 80 on põlevkivi alküülresortsiinide segu, mis koosneb 100% resortsiini derivaatidest, millest 80-90% on 5-metüülresortsiin ja 10-15% 2,5-dimetüülresortsiin. See on roosa, kollase või halli varjundiga kristalliline pulber, mida
                    on tellija soovil võimalik toota ka vaha kujul. </p> <br>
                <h4 class="medium">Kasutusalad toorainena</h4>
                <ul>
                    <li>kummi modifikaatoriteks;</li>
                    <li>liimvaikude tootmiseks rehvi- ja kummitööstuses;</li>
                    <li>puidutöötluse liimvaikude tootmiseks;</li>
                    <li>fenoplastide tootmiseks;</li>
                    <li>põlemise aeglustajatena;</li>
                    <li>pigmentide tootmiseks.</li>
                </ul>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--left-gutter-xs-4 grid__col--left-gutter-sm-0 grid__col--sm-12 grid__col--top-gutter-xs-1 grid__col--top-gutter-sm-0 work-content__image-container">

                <div class="image  work-content__image">
                    <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20630%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/800x840 800w 400h, //placehold.it/1600x1680 1600w 800h, //placehold.it/1920x2016 1920w 960h, //placehold.it/3840x4032 3840w 1920h, //placehold.it/440x462 440w 280h, //placehold.it/880x924 880w 560h, //placehold.it/400x420 400w 300h, //placehold.it/800x840 800w 600h, //placehold.it/400x420 400w 550h, //placehold.it/800x840 800w 1100h, //placehold.it/600x630 600w 630h, //placehold.it/1200x1260 1200w 1260h, //placehold.it/500x525 500w 99999h, //placehold.it/1000x1050 1000w 99999h"
                        data-sizes="auto" alt="" class="image__img lazyload">
                </div>
            </div>
        </div>
        <div class="work-content__box-container">

            <div class="well well--light-green">
                <div class="h-container">
                    <div class="grid">
                        <div class="grid__col grid__col--xs-20 grid__col--left-gutter-xs-2 well__text-container">
                            <div class="well__text  well__text--small-gutters  text">
                                <div class="grid">
                                    <div class="grid__col grid__col--sm-8 work-content__box-element grid__col--top-gutter-xs-2 grid__col--top-gutter-sm-0 ">

                                        <div class="image  work-content__box-logo">
                                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="" data-sizes="auto" alt="" class="image__img lazyload">
                                        </div>
                                        <div class="work-content__box-text text">
                                            <p>
                                                <p class="color-grey-3">Pakend</p> <strong>Polüetüleenist big-bag kotid</strong>
                                                <p class="work-content__box-text--small">Muud pakendivõimalused on saadaval vastavalt tellija soovile ja meie võimalustele.</p>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="grid__col grid__col--sm-8 work-content__box-element grid__col--top-gutter-xs-2 grid__col--top-gutter-sm-0 ">

                                        <div class="image  work-content__box-logo">
                                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="" data-sizes="auto" alt="" class="image__img lazyload">
                                        </div>
                                        <div class="work-content__box-text text">
                                            <p>
                                                <p class="color-grey-3">Toote netokaal </p> <strong>25kg</strong></p>
                                        </div>
                                    </div>
                                    <div class="grid__col grid__col--sm-8 work-content__box-element grid__col--top-gutter-xs-2 grid__col--top-gutter-sm-0  grid__col--bottom-gutter-xs-2 grid__col--bottom-gutter-sm-0 ">

                                        <div class="image  work-content__box-logo">
                                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="" data-sizes="auto" alt="" class="image__img lazyload">
                                        </div>
                                        <div class="work-content__box-text text">
                                            <p>
                                                <p class="color-grey-3">Säilivus </p> <strong>24 kuud tootmiskuupäevast</strong></p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "component": "work-content",
    "title": null,
    "blocks": [
      {
        "content": "<p>Eeldame oma juhtidelt suunatud aren<dustegevust, et tagada VKG väärtustel põhinev tugev ohutuskultuur. Vastavalt ettenähtule on meie töökeskkond korraliselt hooldatud ning kasutusel toimivad tööohutusjuhendid. </p>"
      },
      {
        "content": "<p>Meie prioriteet on vigastuste, kutsehaiguste ja suurõnnetuste ennetamine. Eesmärk olla vigastustevaba kuulub lahutamatult meie mõttemaailma ja töökeskkonna juurde, sealjuures pöörame tähelepanu pidevale arengule ja ohutuskultuuri täiustamisele. </p>"
      }
    ],
    "hasProduct": true,
    "productInfo": "<h2 class=\"color-green\">Honeyol™ 80</h2> <br> <br> <p>Honeyol™ 80 on põlevkivi alküülresortsiinide segu, mis koosneb 100% resortsiini derivaatidest, millest 80-90% on 5-metüülresortsiin ja 10-15% 2,5-dimetüülresortsiin. See on roosa, kollase või halli varjundiga kristalliline pulber, mida on tellija soovil võimalik toota ka vaha kujul. </p> <br> <h4 class=\"medium\">Kasutusalad toorainena</h4> <ul> <li>kummi modifikaatoriteks;</li> <li>liimvaikude tootmiseks rehvi- ja kummitööstuses;</li> <li>puidutöötluse liimvaikude tootmiseks;</li> <li>fenoplastide tootmiseks;</li> <li>põlemise aeglustajatena;</li> <li>pigmentide tootmiseks.</li> </ul>",
    "box": [
      {
        "icon": "play",
        "text": "<p> <p class=\"color-grey-3\">Pakend</p> <strong>Polüetüleenist big-bag kotid</strong> <p class=\"work-content__box-text--small\">Muud pakendivõimalused on saadaval vastavalt tellija soovile ja meie võimalustele.</p> </p>"
      },
      {
        "icon": "play",
        "text": "<p><p class=\"color-grey-3\">Toote netokaal </p> <strong>25kg</strong></p>"
      },
      {
        "icon": "play",
        "text": "<p><p class=\"color-grey-3\">Säilivus </p> <strong>24 kuud tootmiskuupäevast</strong></p>"
      }
    ]
  }
}