Copy environment

Practice

<div class="practice  ">
    <div class="h-container">
        <div class="grid grid--center-xs grid--start-sm practice__grid">
            <div class="grid__col grid__col--xs-20 grid__col--sm-12 grid__col--left-gutter-sm-4 grid__col--top-gutter-xs-2 grid__col--bottom-gutter-xs-1">
                <h2 class="color-green">Praktikalt tööle</h2>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-13 grid__col--left-gutter-sm-4 grid__col--bottom-gutter-xs-1">
                <div class="text">
                    <h4>Avame oma uksed silmapaistvatele praktikantidele - edasine karjäär on sinu kätes, sest võimalused selleks avanevad kaheksas kontserni ettevõttes.</h4>
                </div>
            </div>
            <div class="grid__col grid__col--xs-20 grid__col--sm-17 grid__col--left-gutter-sm-4 grid__col--bottom-gutter-xs-1">
                <div class="grid grid--between-xs">
                    <div class="grid__col grid__col--xs-24 grid__col--bottom-gutter-xs-1 grid__col--sm-12 practice__video-col">
                        <div class="text">

                            <div class="video js-video video--block ">
                                <div class="video__holder">
                                    <figure id="video__figure-BOP7zyHTyp" class="video__figure" data-src="https://vimeo.com/250078453" data-autoplay="false">
                                        <div class="video__inner">
                                            <div id="video__video" class="video__video"></div>
                                        </div>
                                    </figure>

                                    <div class="image image--fluid video__image">
                                        <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20450%20300%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/150x100 150w 100h, //placehold.it/300x200 300w 200h, //placehold.it/600x400 600w 400h, //placehold.it/1200x800 1200w 800h, //placehold.it/2400x1600 2400w 1600h"
                                            data-sizes="auto" alt="" class="image__img lazyload">
                                    </div>

                                    <div class="video__button js-video-play">
                                        <button class="video__button-element">
                        <svg class="icon  video__button-icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#play"></use>
</svg>
                    </button>
                                    </div>
                                </div>
                            </div>
                            <p class="bold">Marek Tull</p>
                        </div>
                    </div>
                    <div class="grid__col grid__col--xs-24 grid__col--bottom-gutter-xs-1 grid__col--sm-12 practice__video-col">
                        <div class="text">

                            <div class="video js-video video--block ">
                                <div class="video__holder">
                                    <figure id="video__figure-0lKxsPfNLS" class="video__figure" data-src="https://vimeo.com/250078453" data-autoplay="false">
                                        <div class="video__inner">
                                            <div id="video__video" class="video__video"></div>
                                        </div>
                                    </figure>

                                    <div class="image image--fluid video__image">
                                        <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20450%20300%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/150x100 150w 100h, //placehold.it/300x200 300w 200h, //placehold.it/600x400 600w 400h, //placehold.it/1200x800 1200w 800h, //placehold.it/2400x1600 2400w 1600h"
                                            data-sizes="auto" alt="" class="image__img lazyload">
                                    </div>

                                    <div class="video__button js-video-play">
                                        <button class="video__button-element">
                        <svg class="icon  video__button-icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#play"></use>
</svg>
                    </button>
                                    </div>
                                </div>
                            </div>
                            <p class="bold">Sergei Lvov</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid__col grid__col--xs-24 grid__col--sm-17 grid__col--left-gutter-sm-2 practice__background">
            </div>
        </div>
    </div>
</div>
{
  "language": "en-US",
  "data": {
    "component": "practice",
    "title": "Praktikalt tööle",
    "content": "<h4>Avame oma uksed silmapaistvatele praktikantidele - edasine karjäär on sinu kätes, sest võimalused selleks avanevad kaheksas kontserni ettevõttes.</h4>",
    "videos": [
      {
        "video": {
          "video": "https://vimeo.com/250078453",
          "image": true,
          "autoplay": null
        },
        "title": "Marek Tull"
      },
      {
        "video": {
          "video": "https://vimeo.com/250078453",
          "image": true,
          "autoplay": null
        },
        "title": "Sergei Lvov"
      }
    ]
  }
}
  • Handle: @s-practice--default
  • Tags:
  • Variants (2): default, view
  • Preview:
  • Filesystem Path: src/patterns/sections/practice/practice.twig
  • References (1): @video