Copy environment

Focus

<section class="section section--page-intro focus" data-theme="light-green">
    <div class="section__inner">
        <div class="section__content">
            <div class="h-container">
                <div class="intro focus__heading">

                    <h1 class="heading  h2">
                        <span class="heading__small">our main</span>
                        <span class="heading__main">
                    focus
            </span>
                    </h1>
                    <div class="intro__content ">

                    </div>
                </div>
                <hr class="separator separator--small ">
                <div class="focus__items">
                    <div class="focus__item focus__item--1">
                        <div class="focus__hexagon">
                            <div class="focus__hexagon-icon">
                                <svg class="icon  focus__hexagon-icon-svg">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#apps"></use>
</svg> Web apps
                            </div>
                        </div>
                        <div class="focus__item-info text">

                            <h5 class="heading heading--h5 focus__item-info-heading">
                                <span class="heading__small">we love</span>
                                <span class="heading__main">
                    web apps
            </span>
                            </h5>
                            <div class="focus__item-info-text">
                                HTML5, JavaScript, PHP and other modern web tools enable us to come up with technical solutions for all kind of ideas or goals you might have. Small or big. Commercial or corporate. <a href='#'>read more</a>
                            </div>
                        </div>
                    </div>
                    <div class="focus__item focus__item--2">
                        <div class="focus__hexagon">
                            <div class="focus__hexagon-icon">
                                <svg class="icon  focus__hexagon-icon-svg">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#web"></use>
</svg> Websites
                            </div>
                        </div>
                        <div class="focus__item-info text">

                            <h5 class="heading heading--h5 focus__item-info-heading">
                                <span class="heading__small">we work in</span>
                                <span class="heading__main">
                    websites
            </span>
                            </h5>
                            <div class="focus__item-info-text">
                                WordPress is not just for “another blog on the wall”, it can actually be a very powerful tool for content management, which is very friendly towards the end-user. You manage the content of your website, we do the rest.
                                <a
                                    href='#'>read more</a>
                            </div>
                        </div>
                    </div>
                    <div class="focus__item focus__item--3">
                        <div class="focus__hexagon">
                            <div class="focus__hexagon-icon">
                                <svg class="icon  focus__hexagon-icon-svg">
    <use xlink:href="../../inc/svg/global.b2834a8c5e2811bb3821991f69ec7764.svg#mvp"></use>
</svg> MVP
                            </div>
                        </div>
                        <div class="focus__item-info text">

                            <h5 class="heading heading--h5 focus__item-info-heading">
                                <span class="heading__small">we work in</span>
                                <span class="heading__main">
                    mvp
            </span>
                            </h5>
                            <div class="focus__item-info-text">
                                Together with the client we plan, design and build their minimal viable product (MVP) and let the target audience play around with the interface and functionality. This is how you know how a product should work! <a href='#'>read more</a>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="separator separator--small ">
            </div>

        </div>
    </div>
</section>
{
  "language": "en-US",
  "data": {
    "intro": {
      "heading": {
        "prefix": "our main",
        "text": "focus"
      }
    },
    "items": [
      {
        "icon": {
          "svg": "apps",
          "title": "Web apps"
        },
        "heading": {
          "prefix": "we love",
          "text": "web apps"
        },
        "content": "HTML5, JavaScript, PHP and other modern web tools enable us to come up with technical solutions for all kind of ideas or goals you might have. Small or big. Commercial or corporate. <a href='#'>read more</a>"
      },
      {
        "icon": {
          "svg": "web",
          "title": "Websites"
        },
        "heading": {
          "prefix": "we work in",
          "text": "websites"
        },
        "content": "WordPress is not just for “another blog on the wall”, it can actually be a very powerful tool for content management, which is very friendly towards the end-user. You manage the content of your website, we do the rest. <a href='#'>read more</a>"
      },
      {
        "icon": {
          "svg": "mvp",
          "title": "MVP"
        },
        "heading": {
          "prefix": "we work in",
          "text": "mvp"
        },
        "content": "Together with the client we plan, design and build their minimal viable product (MVP) and let the target audience play around with the interface and functionality. This is how you know how a product should work! <a href='#'>read more</a>"
      }
    ]
  }
}