Copy environment

Content

Grid with 13-col content and with optional 5 col image container

Preview 
<div class="content  ">
    <div class="h-container">
        <div class="grid grid--center-xs grid--start-sm content__grid">
            <div class="grid__col grid__col--xs-20 grid__col--sm-13 grid__col--left-gutter-sm-2">
                <div class="content__text text">
                    <p class="h3">Viru Keemia Grupp on Eesti suurtööstusettevõte ning suurim põlevkiviõli tootja nii Eestis kui ka maailmas. Tegutseme kogu põlevkivi töötlemise ahelas põlevkivi kaevandamisest suure puhtusastmega peenkemikaalide tootmiseni. Meid iseloomustavad
                        avatus, pühendumus oma tegevusele ning pidev areng.</p>
                </div>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-5 grid__col--top-gutter-xs-2 grid__col--top-gutter-sm-0 grid__col--left-gutter-sm-2 grid__col--right-gutter-sm-2">

                <div class="image image--block ">
                    <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20250%20250%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>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "component": "content",
    "content": "<p class=\"h3\">Viru Keemia Grupp on Eesti suurtööstusettevõte ning suurim põlevkiviõli tootja nii Eestis kui ka maailmas. Tegutseme kogu põlevkivi töötlemise ahelas põlevkivi kaevandamisest suure puhtusastmega peenkemikaalide tootmiseni. Meid iseloomustavad avatus, pühendumus oma tegevusele ning pidev areng.</p>",
    "image": true
  }
}

Career

Grid with 13-col content and with optional 5 col image container

Preview 
<div class="content  ">
    <div class="h-container">
        <div class="grid grid--center-xs grid--start-sm content__grid">
            <div class="grid__col grid__col--xs-20 grid__col--md-13 grid__col--left-gutter-sm-2">
                <div class="content__text text">
                    <p class="h4">Energia ja õli tootmine jätkusuutlikul ning keskkonnasäästlikul moel on saavutatav koos õigete inimeste, piisava uudishimu ja kirega. Edendame väärtuste põhist tegutsemist ja organisatsioonikultuuri. Juhindume kõigis oma tegevustes,
                        äri tegemisel ja koostöötamisel kontserni ühistest väärtustest. </p>
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "component": "content",
    "content": "<p class=\"h4\">Energia ja õli tootmine jätkusuutlikul ning keskkonnasäästlikul moel on saavutatav koos õigete inimeste, piisava uudishimu ja kirega. Edendame väärtuste põhist tegutsemist ja organisatsioonikultuuri. Juhindume kõigis oma tegevustes, äri tegemisel ja koostöötamisel kontserni ühistest väärtustest. </p>",
    "image": null,
    "topGutter": 2
  }
}

About

Grid with 13-col content and with optional 5 col image container

Preview 
<div class="content  ">
    <div class="h-container">
        <div class="grid grid--center-xs grid--start-sm content__grid">
            <div class="grid__col grid__col--xs-20 grid__col--sm-20 grid__col--left-gutter-sm-2">
                <div class="content__text text">
                    <h2 class="color-green">Meie strateegilised eesmärgid</h2> <br> <br>
                    <ol>
                        <li>Tooraine kättesaadavuse tagamine</li>
                        <li>Põlevkivist maksimaalse energia eraldamine</li>
                        <li>Lõpptoodete maksimaalne väärindamine</li>
                        <li>Efektiivsusele sunnatud organisatsiooni kultuuri tekitamine</li>
                        <li>Põlevkiviõli toodete konkurentsivõimekus</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "component": "content",
    "content": "<h2 class=\"color-green\">Meie strateegilised eesmärgid</h2> <br> <br> <ol><li>Tooraine kättesaadavuse tagamine</li> <li>Põlevkivist maksimaalse energia eraldamine</li> <li>Lõpptoodete maksimaalne väärindamine</li> <li>Efektiivsusele sunnatud organisatsiooni kultuuri tekitamine</li> <li>Põlevkiviõli toodete konkurentsivõimekus</li></ol>",
    "image": null,
    "fullWidth": true,
    "topGutter": 4,
    "bottomGutter": 2,
    "topBorder": true
  }
}