Copy environment

Management

<div class="management">
    <div class="h-container">
        <div class="grid management__grid">
            <div class="grid__col grid__col--xs-20 grid__col--left-gutter-xs-2 grid__col--bottom-gutter-xs-1 management__image-container">

                <div class="image image--fluid management__image">
                    <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20400%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/1000x400 1000w 400h, //placehold.it/2000x800 2000w 800h" data-sizes="auto" alt=""
                        class="image__img lazyload">
                </div>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-5 grid__col--top-gutter-xs-1 grid__col--left-gutter-xs-2">
                <div class="person">
                    <div class="person__info-container">
                        <h4 class="person__name">Ahti Asmann</h4>
                        <p class="person__position">Juhatuse esimees</p>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">Vaata CV-d</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-5 grid__col--top-gutter-xs-1 grid__col--left-gutter-xs-2">
                <div class="person">
                    <div class="person__info-container">
                        <h4 class="person__name">Meelis Eldermann</h4>
                        <p class="person__position">Juhatuse aseesimees ja tehnikadirektor</p>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">Vaata CV-d</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-5 grid__col--top-gutter-xs-1 grid__col--left-gutter-xs-2">
                <div class="person">
                    <div class="person__info-container">
                        <h4 class="person__name">Jaanis Sepp</h4>
                        <p class="person__position">Juhatuse liige ja finantsdirektor </p>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">Vaata CV-d</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-5 grid__col--top-gutter-xs-1 grid__col--left-gutter-xs-2">
                <div class="person">
                    <div class="person__info-container">
                        <h4 class="person__name">Margus Kottise</h4>
                        <p class="person__position">Juhatuse liige ja VKG Kaevandused juhatuse liige</p>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">Vaata CV-d</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-5 grid__col--top-gutter-xs-1 grid__col--left-gutter-xs-2">
                <div class="person">
                    <div class="person__info-container">
                        <h4 class="person__name">Nikolai Petrovitš</h4>
                        <p class="person__position">Juhatuse liige ja VKG Oil juhatuse liige</p>
                        <div class="person__link-container">
                            <a href="#" class="button button--read button--small ">
                    <span class="button__text">Vaata CV-d</span>
                    </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "management",
    "people": [
      {
        "picture": null,
        "name": "Ahti Asmann",
        "positions": [
          "Juhatuse esimees"
        ],
        "links": [
          {
            "ref": "#",
            "text": "Vaata CV-d"
          }
        ]
      },
      {
        "picture": null,
        "name": "Meelis Eldermann",
        "positions": [
          "Juhatuse aseesimees ja tehnikadirektor"
        ],
        "links": [
          {
            "ref": "#",
            "text": "Vaata CV-d"
          }
        ]
      },
      {
        "picture": null,
        "name": "Jaanis Sepp",
        "positions": [
          "Juhatuse liige ja finantsdirektor "
        ],
        "links": [
          {
            "ref": "#",
            "text": "Vaata CV-d"
          }
        ]
      },
      {
        "picture": null,
        "name": "Margus Kottise",
        "positions": [
          "Juhatuse liige ja VKG Kaevandused juhatuse liige"
        ],
        "links": [
          {
            "ref": "#",
            "text": "Vaata CV-d"
          }
        ]
      },
      {
        "picture": null,
        "name": "Nikolai Petrovitš",
        "positions": [
          "Juhatuse liige ja VKG Oil juhatuse liige"
        ],
        "links": [
          {
            "ref": "#",
            "text": "Vaata CV-d"
          }
        ]
      }
    ]
  }
}
  • Handle: @s-management--default
  • Tags:
  • Variants (2): default, view
  • Preview:
  • Filesystem Path: src/patterns/sections/management/management.twig
  • References (2): @image, @person