Copy environment

Journey

<section class="section  " data-theme="white">
    <div class="section__inner">
        <div class="section__content">
            <div class="h-container">

                <h2 class="heading heading--tertiary ">
                    <span class="heading__small">follow our</span>
                    <span class="heading__main">
                    journey
            </span>
                </h2>
                <hr class="separator  ">
                <div class="timeline ">
                    <div class="timeline__col js-in-viewport">
                        <div class="timeline__inner">
                            <span class="timeline__year">
                        2011
                    </span>
                            <div class="timeline__content">
                                <div class="timeline__image-wrapper">
                                    <div class="image image--fluid timeline__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%20270%20200%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" data-sizes="auto" alt="" class="image__img lazyload">
                                            <noscript>
                <img src="//placehold.it/270x200" srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                        </div>
                                    </div>
                                </div>
                                <div class="timeline__prose-wrapper">
                                    <div class="timeline__prose text editor">
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="timeline__line"></div>
                        </div>
                    </div>
                    <div class="timeline__col js-in-viewport">
                        <div class="timeline__inner">
                            <span class="timeline__year">
                        2012
                    </span>
                            <div class="timeline__content">
                                <div class="timeline__image-wrapper">
                                    <div class="image image--fluid timeline__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%20270%20200%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" data-sizes="auto" alt="" class="image__img lazyload">
                                            <noscript>
                <img src="//placehold.it/270x200" srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                        </div>
                                    </div>
                                </div>
                                <div class="timeline__prose-wrapper">
                                    <div class="timeline__prose text editor">
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="timeline__line"></div>
                        </div>
                    </div>
                    <div class="timeline__col js-in-viewport">
                        <div class="timeline__inner">
                            <span class="timeline__year">
                        2013
                    </span>
                            <div class="timeline__content">
                                <div class="timeline__image-wrapper">
                                    <div class="image image--fluid timeline__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%20270%20200%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" data-sizes="auto" alt="" class="image__img lazyload">
                                            <noscript>
                <img src="//placehold.it/270x200" srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                        </div>
                                    </div>
                                </div>
                                <div class="timeline__prose-wrapper">
                                    <div class="timeline__prose text editor">
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="timeline__line"></div>
                        </div>
                    </div>
                    <div class="timeline__col js-in-viewport">
                        <div class="timeline__inner">
                            <span class="timeline__year">
                        2014
                    </span>
                            <div class="timeline__content">
                                <div class="timeline__image-wrapper">
                                    <div class="image image--fluid timeline__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%20270%20200%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" data-sizes="auto" alt="" class="image__img lazyload">
                                            <noscript>
                <img src="//placehold.it/270x200" srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                        </div>
                                    </div>
                                </div>
                                <div class="timeline__prose-wrapper">
                                    <div class="timeline__prose text editor">
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="timeline__line"></div>
                        </div>
                    </div>
                    <div class="timeline__col js-in-viewport">
                        <div class="timeline__inner">
                            <span class="timeline__year">
                        2015
                    </span>
                            <div class="timeline__content">
                                <div class="timeline__image-wrapper">
                                    <div class="image image--fluid timeline__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%20270%20200%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" data-sizes="auto" alt="" class="image__img lazyload">
                                            <noscript>
                <img src="//placehold.it/270x200" srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                        </div>
                                    </div>
                                </div>
                                <div class="timeline__prose-wrapper">
                                    <div class="timeline__prose text editor">
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                        <h3>The beginning</h3>
                                        <p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and
                                            WebGL.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="timeline__line"></div>
                        </div>
                    </div>
                    <div class="timeline__col js-in-viewport">
                        <div class="timeline__inner">
                            <span class="timeline__year">
                        2016
                    </span>
                            <div class="timeline__content">
                                <div class="timeline__image-wrapper">
                                    <div class="image image--fluid timeline__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%20270%20200%22%3E%3C%2Fsvg%3E" data-srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" data-sizes="auto" alt="" class="image__img lazyload">
                                            <noscript>
                <img src="//placehold.it/270x200" srcset="//placehold.it/270x200 270w, //placehold.it/540x400 540w" sizes="100vw" alt="" class="image__img">
            </noscript>
                                        </div>
                                    </div>
                                </div>
                                <div class="timeline__prose-wrapper">
                                    <div class="timeline__prose text editor">
                                        <h3>Livin' the dream</h3>
                                        <p>gwhat an awesome & weird year</p>
                                    </div>
                                </div>
                            </div>
                            <div class="timeline__line"></div>
                        </div>
                    </div>
                    <div class="timeline__col js-in-viewport">
                        <div class="timeline__inner">
                            <span class="timeline__year">
                        2017
                    </span>
                            <div class="timeline__content">
                                <div class="timeline__prose-wrapper">
                                    <div class="timeline__prose text editor">
                                        <h3>Livin' the dream</h3>
                                        <p>gwhat an awesome & weird year</p>
                                    </div>
                                </div>
                            </div>
                            <div class="timeline__line"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
{
  "language": "en-US",
  "data": {
    "heading": {
      "prefix": "follow our",
      "text": "journey"
    },
    "timeline": {
      "years": [
        {
          "year": "2011",
          "content": "<h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p>",
          "image": true
        },
        {
          "year": "2012",
          "content": "<h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p><h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p><h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p><h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p>",
          "image": true
        },
        {
          "year": "2013",
          "content": "<h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p><h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p><h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p>",
          "image": true
        },
        {
          "year": "2014",
          "content": "<h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p><h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p><h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p>",
          "image": true
        },
        {
          "year": "2015",
          "content": "<h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p><h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p><h3>The beginning</h3><p>gotoAndPlay started on the 5th of September in 2011. Our first office was officially between some garages near Ardo’s home. Our first projects were made with Flash before we moved on to other tools like HTML5 and WebGL.</p>",
          "image": true
        },
        {
          "year": "2016",
          "content": "<h3>Livin' the dream</h3><p>gwhat an awesome & weird year</p>",
          "image": true
        },
        {
          "year": "2017",
          "content": "<h3>Livin' the dream</h3><p>gwhat an awesome & weird year</p>"
        }
      ]
    }
  }
}