Copy environment

About Hero

<div class="about-hero  ">
    <div class="about-hero__inner">
        <div class="about-hero__background">

            <div class="image image--block about-hero__image">
                <picture class="image__picture">
                    <source srcset="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201600%201300%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/1600x1300 1600w 1300h, //placehold.it/3200x2600 3200w 2600h" media="(min-width: 1460px)"
                    />
                    <source srcset="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%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"
                        media="(min-width: 768px)" />
                    <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20560%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x560 320w 560h, //placehold.it/640x1120 640w 1120h" data-sizes="auto" alt="" class="image__img lazyload">
                </picture>
            </div>
        </div>
        <div class="h-container">
            <div class="grid grid--center-xs grid--start-lg">
                <div class="grid__col grid__col--xs-20 grid__col--lg-11 grid__col--left-gutter-lg-2 grid__col--top-gutter-xs-2">
                    <div class="text text--double color-white">
                        <h1>Struktuur ja juhtimine</h1>
                        <p><br></p>
                        <p class="h4">Järgime oma tegevuses äriühingu juhtimise häid tavasid. Meie eesmärgiks on heast äritavast kinnipidamine ning äriühingu tegevuse läbipaistev kajastamine.</p>
                    </div>
                </div>
                <div class="grid__col grid__col--xs-24 grid__col--top-gutter-xs-2">
                    <div class="tree about-hero__tree ">
                        <div class="h-container">
                            <div class="grid grid--center-xs grid--start-sm">
                                <div class="grid__col grid__col--xs-24 grid__col--lg-13">
                                    <ul class="tree-list    tree-list--level-1 ">
                                        <li class="tree-list__item">
                                            <div class="tree-list__inner">
                                                <div class="tree-list__box">
                                                    <span class="tree-list__title">Viru Keemia Grupp AS</span>
                                                </div>
                                            </div>
                                            <ul class="tree-list  tree-list--child  tree-list--level-2 ">
                                                <li class="tree-list__item">
                                                    <div class="tree-list__inner">
                                                        <div class="tree-list__box">
                                                            <span class="tree-list__title">VKG Oil AS</span>
                                                            <span class="tree-list__value">100%</span>
                                                        </div>
                                                    </div>
                                                    <ul class="tree-list  tree-list--child  tree-list--level-3 ">
                                                        <li class="tree-list__item">
                                                            <div class="tree-list__inner">
                                                                <div class="tree-list__box">
                                                                    <span class="tree-list__title">VKG Energia OÜ</span>
                                                                    <span class="tree-list__value">100%</span>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="tree-list__item">
                                                    <div class="tree-list__inner">
                                                        <div class="tree-list__box">
                                                            <span class="tree-list__title">VKG Kaevandused OÜ</span>
                                                            <span class="tree-list__value">100%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="tree-list__item">
                                                    <div class="tree-list__inner">
                                                        <div class="tree-list__box">
                                                            <span class="tree-list__title">VKG Logistika AS</span>
                                                            <span class="tree-list__value">100%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="tree-list__item">
                                                    <div class="tree-list__inner">
                                                        <div class="tree-list__box">
                                                            <span class="tree-list__title">Viru RMT OÜ</span>
                                                            <span class="tree-list__value">100%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="tree-list__item">
                                                    <div class="tree-list__inner">
                                                        <div class="tree-list__box">
                                                            <span class="tree-list__title">VKG Soojus OÜ</span>
                                                            <span class="tree-list__value">100%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="tree-list__item">
                                                    <div class="tree-list__inner">
                                                        <div class="tree-list__box">
                                                            <span class="tree-list__title">VKG Elektrivõrgud OÜ</span>
                                                            <span class="tree-list__value">100%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="tree-list__item">
                                                    <div class="tree-list__inner">
                                                        <div class="tree-list__box">
                                                            <span class="tree-list__title">VKG Diisel OÜ</span>
                                                            <span class="tree-list__value">100%</span>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="grid__col grid__col--xs-24 grid__col--lg-13 h-hidden-xs h-hidden-sm h-hidden-md">
                    <div class="about-hero__box">
                        <div class="text text--double">
                            <h2 class='color-green'>VKG juhatus</h2>
                            <p class='h4'>Viru Keemia Grupi juhatus koosneb viiest liikmest.</p>
                            <p>Kolm juhatuse liiget – <b>Ahti Asmann</b>, <b>Meelis Eldermann</b> ja <b>Jaanis Sepp</b> – juhivad kontserni tööd tervikuna ning kuuluvad tütarettevõtete nõukogudesse. Kaks juhatuse liiget – <b>Margus Kottise</b> ja <b>Nikolai Petrovitš</b>                                – on kontserni strateegiliselt kõige tähtsamate ettevõtete juhid.</p>
                            <p>Juhatuse ülesandeks on VKG majandustegevuse igapäevane juhtimine ning äriühingu esindamine. Kõikides kontserni õigustoimingutes esindavad ettevõtet kaks juhatuse liiget koos, kusjuures üks nendest peab olema kas juhatuse esimees
                                või aseesimees.</p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="grid grid--center-xs grid--start-lg">
        <div class="grid__col grid__col--xs-24 grid__col--lg-13 h-hidden-lg">
            <div class="about-hero__box">
                <div class="text text--double">
                    <h2 class='color-green'>VKG juhatus</h2>
                    <p class='h4'>Viru Keemia Grupi juhatus koosneb viiest liikmest.</p>
                    <p>Kolm juhatuse liiget – <b>Ahti Asmann</b>, <b>Meelis Eldermann</b> ja <b>Jaanis Sepp</b> – juhivad kontserni tööd tervikuna ning kuuluvad tütarettevõtete nõukogudesse. Kaks juhatuse liiget – <b>Margus Kottise</b> ja <b>Nikolai Petrovitš</b>                        – on kontserni strateegiliselt kõige tähtsamate ettevõtete juhid.</p>
                    <p>Juhatuse ülesandeks on VKG majandustegevuse igapäevane juhtimine ning äriühingu esindamine. Kõikides kontserni õigustoimingutes esindavad ettevõtet kaks juhatuse liiget koos, kusjuures üks nendest peab olema kas juhatuse esimees või
                        aseesimees.</p>
                </div>
            </div>

        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "about-hero",
    "title": "Struktuur ja juhtimine",
    "text": "Järgime oma tegevuses äriühingu juhtimise häid tavasid. Meie eesmärgiks on heast äritavast kinnipidamine ning äriühingu tegevuse läbipaistev kajastamine.",
    "tree": {
      "items": [
        {
          "title": "Viru Keemia Grupp AS",
          "items": [
            {
              "title": "VKG Oil AS",
              "value": "100%",
              "items": [
                {
                  "title": "VKG Energia OÜ",
                  "value": "100%"
                }
              ]
            },
            {
              "title": "VKG Kaevandused OÜ",
              "value": "100%"
            },
            {
              "title": "VKG Logistika AS",
              "value": "100%"
            },
            {
              "title": "Viru RMT OÜ",
              "value": "100%"
            },
            {
              "title": "VKG Soojus OÜ",
              "value": "100%"
            },
            {
              "title": "VKG Elektrivõrgud OÜ",
              "value": "100%"
            },
            {
              "title": "VKG Diisel OÜ",
              "value": "100%"
            }
          ]
        }
      ]
    },
    "content": "<h2 class='color-green'>VKG juhatus</h2><p class='h4'>Viru Keemia Grupi juhatus koosneb viiest liikmest.</p><p>Kolm juhatuse liiget – <b>Ahti Asmann</b>, <b>Meelis Eldermann</b> ja <b>Jaanis Sepp</b> – juhivad kontserni tööd tervikuna ning kuuluvad tütarettevõtete nõukogudesse. Kaks juhatuse liiget – <b>Margus Kottise</b> ja <b>Nikolai Petrovitš</b> – on kontserni strateegiliselt kõige tähtsamate ettevõtete juhid.</p><p>Juhatuse ülesandeks on VKG majandustegevuse igapäevane juhtimine ning äriühingu esindamine. Kõikides kontserni õigustoimingutes esindavad ettevõtet kaks juhatuse liiget koos, kusjuures üks nendest peab olema kas juhatuse esimees või aseesimees.</p>"
  }
}
  • Handle: @s-about-hero--default
  • Tags:
  • Preview:
  • Filesystem Path: src/patterns/sections/about-hero/about-hero.twig
  • References (2): @image, @tree