Copy environment

How We Do

<section class="section section--full section--no-bottom-padding how-we-do" data-theme="gray">
    <div class="section__inner">
        <div class="section__content">
            <div class="h-container">
                <div class="intro how-we-do__intro">

                    <h2 class="heading  ">
                        <span class="heading__small">we do things</span>
                        <span class="heading__main">
                    our own way
            </span>
                    </h2>
                    <div class="intro__content ">
                        Just like magic requires magicians, development requires developers. In the jungle of code, this is the group of people with machetes hacking through, trying to reach El dorado, the legend, the perfect code. You won’t find a group of people as dedicated
                        as these for several meters outside of our office.
                    </div>
                </div>
                <hr class="separator  ">
                <ol class="principle-list">
                    <li class="principle-list__item">
                        <div class="principle-list__header">

                            <h5 class="heading heading--h5 principle-list__heading">
                                <span class="heading__small">we are</span>
                                <span class="heading__main">
                    reliable
            </span>
                            </h5>
                        </div>
                        <div class="principle-list__content text">
                            <p>Focused on the process, streamlined and with quality delivery in mind</p>
                        </div>
                    </li>
                    <li class="principle-list__item">
                        <div class="principle-list__header">

                            <h5 class="heading heading--h5 principle-list__heading">
                                <span class="heading__small">we are for</span>
                                <span class="heading__main">
                    the people
            </span>
                            </h5>
                        </div>
                        <div class="principle-list__content text">
                            <p>Brand and product feel like a one-to-one relationship; a partner that understands you. Our people only work with a few clients at a time.</p>
                        </div>
                    </li>
                    <li class="principle-list__item">
                        <div class="principle-list__header">

                            <h5 class="heading heading--h5 principle-list__heading">
                                <span class="heading__small">we are</span>
                                <span class="heading__main">
                    adventurous
            </span>
                            </h5>
                        </div>
                        <div class="principle-list__content text">
                            <p>We are not afraid to try out new ideas, technologies and methods</p>
                        </div>
                    </li>
                    <li class="principle-list__item">
                        <div class="principle-list__header">

                            <h5 class="heading heading--h5 principle-list__heading">
                                <span class="heading__small">we are</span>
                                <span class="heading__main">
                    playful
            </span>
                            </h5>
                        </div>
                        <div class="principle-list__content text">
                            <p>Tech-savvy people can be fun, too. Keeping our staff friendly, fun and open is a must!</p>
                        </div>
                    </li>
                </ol>
            </div>
            <div class="video-playlist js-video-playlist  how-we-do__video" data-loop="" data-shuffle="true">
                <div class="video   video-playlist__video" data-no-load="1">
                    <div class="video__holder">
                        <video class="video__figure" preload muted>
                            <source src="https://play.ee/play-inc/video/joke.webm" type="video/webm">
                            <source src="https://play.ee/play-inc/video/joke.mp4" type="video/mp4">
                            <source src="https://play.ee/play-inc/video/joke.ogv" type="video/ogv">
                        Your browser does not support HTML5 video.
        </video>
                    </div>
                </div>
                <div class="image  video-playlist__image">
                    <div class="image__inner">
                        <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20180%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/320x180 320w, //placehold.it/640x360 640w, //placehold.it/768x432 768w, //placehold.it/1536x864 1536w, //placehold.it/1024x576 1024w, //placehold.it/2048x1152 2048w, //placehold.it/1920x1080 1920w, //placehold.it/1600x900 1600w, //placehold.it/3200x1800 3200w"
                            data-sizes="auto" alt="" class="image__img lazyload">
                        <noscript>
                <img src="//placehold.it/320x180" srcset="//placehold.it/320x180 320w, //placehold.it/640x360 640w, //placehold.it/768x432 768w, //placehold.it/1536x864 1536w, //placehold.it/1024x576 1024w, //placehold.it/2048x1152 2048w, //placehold.it/1920x1080 1920w, //placehold.it/1600x900 1600w, //placehold.it/3200x1800 3200w" sizes="100vw" alt="" class="image__img">
            </noscript>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
{
  "language": "en-US",
  "data": {
    "video": {
      "shuffle": true,
      "loop": null,
      "videos": [
        {
          "videoSources": [
            {
              "src": "https://play.ee/play-inc/video/joke.webm",
              "type": "video/webm"
            },
            {
              "src": "https://play.ee/play-inc/video/joke.mp4",
              "type": "video/mp4"
            },
            {
              "src": "https://play.ee/play-inc/video/joke.ogv",
              "type": "video/ogv"
            }
          ]
        }
      ]
    },
    "intro": {
      "heading": {
        "prefix": "we do things",
        "text": "our own way"
      },
      "content": "Just like magic requires magicians, development requires developers. In the jungle of code, this is the group of people with machetes hacking through, trying to reach El dorado, the legend, the perfect code. You won’t find a group of people as dedicated as these for several meters outside of our office."
    },
    "principleList": {
      "items": [
        {
          "title": "reliable",
          "subtitle": "we are",
          "content": "<p>Focused on the process, streamlined and with quality delivery in mind</p>"
        },
        {
          "title": "the people",
          "subtitle": "we are for",
          "content": "<p>Brand and product feel like a one-to-one relationship; a partner that understands you. Our people only work with a few clients at a time.</p>"
        },
        {
          "title": "adventurous",
          "subtitle": "we are",
          "content": "<p>We are not afraid to try out new ideas, technologies and methods</p>"
        },
        {
          "title": "playful",
          "subtitle": "we are",
          "content": "<p>Tech-savvy people can be fun, too. Keeping our staff friendly, fun and open is a must!</p>"
        }
      ]
    }
  }
}