Copy environment

Case Study Content

<section class="section  case-study-content">
    <div class="section__inner">
        <div class="section__content">
            <div class="h-container">
                <div class="article-content  case-study-content__block">
                    <div class="grid">
                        <div class="grid__col grid__col--sm-8 grid__col--lg-9 grid__col--offset-sm-4 grid__col--offset-lg-3">
                            <div class="article-content__content text editor">
                                <h3>heading</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto corporis maxime dolorum neque nisi dolores illo facilis porro voluptate natus tempore optio quos minima labore, ipsum, nihil commodi adipisci. Dolores!</p>
                                <h3>heading</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto corporis maxime dolorum neque nisi dolores illo facilis porro voluptate natus tempore optio quos minima labore, ipsum, nihil commodi adipisci. Dolores!</p>
                                <h3>heading</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto corporis maxime dolorum neque nisi dolores illo facilis porro voluptate natus tempore optio quos minima labore, ipsum, nihil commodi adipisci. Dolores!</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="article-image case-study-content__block">
                    <div class="article-image__figures">
                        <div class="image image--fluid image--background article-image__figure">
                            <div class="image__inner">
                                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="//placehold.it/1140x600 1140w, //placehold.it/2280x1200 2280w" data-sizes="auto" alt="Full size image" class="image__img lazyload">
                                <noscript>
                <img src="//placehold.it/1140x600" srcset="//placehold.it/1140x600 1140w, //placehold.it/2280x1200 2280w" sizes="100vw" alt="Full size image" class="image__img">
            </noscript>
                            </div>
                        </div>
                    </div>

                    <span class="article-image__caption">Sweet roll candy dragée marshmallow brownie cotton candy. Sesame snaps cotton candy lollipop cupcake bear claw biscuit marzipan candy canes. Chocolate</span>
                </div>

                <div class="article-image article-image--two-thirds article-image--left article-image--two-thirds case-study-content__block js-article-image">
                    <div class="article-image__figures">
                        <div class="image image--fluid image--background article-image__figure">
                            <div class="image__inner">
                                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="//placehold.it/760x374 760w, //placehold.it/1520x748 1520w" data-sizes="auto" alt="Left two thirds 1" class="image__img lazyload">
                                <noscript>
                <img src="//placehold.it/760x374" srcset="//placehold.it/760x374 760w, //placehold.it/1520x748 1520w" sizes="100vw" alt="Left two thirds 1" class="image__img">
            </noscript>
                            </div>
                        </div>
                        <div class="image image--fluid image--background article-image__figure">
                            <div class="image__inner">
                                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="//placehold.it/760x374/FF0000 760w, //placehold.it/1520x748/FF0000 1520w" data-sizes="auto" alt="Left two thirds 1" class="image__img lazyload">
                                <noscript>
                <img src="//placehold.it/760x374/FF0000" srcset="//placehold.it/760x374/FF0000 760w, //placehold.it/1520x748/FF0000 1520w" sizes="100vw" alt="Left two thirds 1" class="image__img">
            </noscript>
                            </div>
                        </div>
                        <div class="image image--fluid image--background article-image__figure">
                            <div class="image__inner">
                                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="//placehold.it/760x374/0000FF 760w, //placehold.it/1520x748/0000FF 1520w" data-sizes="auto" alt="Left two thirds 1" class="image__img lazyload">
                                <noscript>
                <img src="//placehold.it/760x374/0000FF" srcset="//placehold.it/760x374/0000FF 760w, //placehold.it/1520x748/0000FF 1520w" sizes="100vw" alt="Left two thirds 1" class="image__img">
            </noscript>
                            </div>
                        </div>
                    </div>

                    <span class="article-image__caption">Sweet roll candy dragée marshmallow brownie cotton candy. Sesame snaps cotton candy lollipop cupcake bear claw biscuit marzipan candy canes. Chocolate</span>
                </div>

                <div class="article-image article-image--half article-image--right article-image--half case-study-content__block">
                    <div class="article-image__figures">
                        <div class="image image--fluid image--background article-image__figure">
                            <div class="image__inner">
                                <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="//placehold.it/760x760 760w, //placehold.it/1140x1140 1140w" data-sizes="auto" alt="Right half" class="image__img lazyload">
                                <noscript>
                <img src="//placehold.it/760x760" srcset="//placehold.it/760x760 760w, //placehold.it/1140x1140 1140w" sizes="100vw" alt="Right half" class="image__img">
            </noscript>
                            </div>
                        </div>
                    </div>

                    <span class="article-image__caption">Sweet roll candy dragée marshmallow brownie cotton candy. Sesame snaps cotton candy lollipop cupcake bear claw biscuit marzipan candy canes. Chocolate</span>
                </div>
                <div class="feature-list case-study-content__block">
                    <div class="feature-list__item">
                        <div class="feature-list__header">
                            Real time data
                        </div>
                        <div class="feature-list__content text">
                            <p>Get market insights from gold & silver charts. We integrated the data with XIGNITE real-time financial data which updates every minute to deliver you up to date market value in your local currency.</p>
                        </div>
                    </div>
                    <div class="feature-list__item">
                        <div class="feature-list__header">
                            Integration of ERPLY
                        </div>
                        <div class="feature-list__content text">
                            <p>The website is just a facade, the shelves a shop. The real transaction and stock management are handled by Erply retail sofrtware system. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros velit, malesuada ut
                                metus vel, malesuada imperdiet sapien.</p>
                        </div>
                    </div>
                    <div class="feature-list__item">
                        <div class="feature-list__header">
                            Different currencies
                        </div>
                        <div class="feature-list__content text">
                            <p>While most of the europe has Euro, there are some which operate on their own currency. Developed solution works on every currency.</p>
                        </div>
                    </div>
                    <div class="feature-list__item">
                        <div class="feature-list__header">
                            LIVE prices
                        </div>
                        <div class="feature-list__content text">
                            <p>The field is really price sensitive with prices changing every second in the market. Developed solution is capable of updaing prices up to 4 times per minute while customers are navigating on the site. Lorem ipsum dolor sit
                                amet, consectetur adipiscing elit. Nam eros velit, malesuada ut metus vel, malesuada imperdiet sapien.</p>
                        </div>
                    </div>
                    <div class="feature-list__item">
                        <div class="feature-list__header">
                            Personal investment portfolio
                        </div>
                        <div class="feature-list__content text">
                            <p>Sign up for a user to keep track of your investments. You have your purcache history and can add other investment purcaches there. Webpage will calculate the value of your investment over the time based on price of current
                                market rate.</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
{
  "language": "en-US",
  "data": {
    "sections": [
      {
        "component": "article-content",
        "data": {
          "content": "<h3>heading</h3><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto corporis maxime dolorum neque nisi dolores illo facilis porro voluptate natus tempore optio quos minima labore, ipsum, nihil commodi adipisci. Dolores!</p><h3>heading</h3><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto corporis maxime dolorum neque nisi dolores illo facilis porro voluptate natus tempore optio quos minima labore, ipsum, nihil commodi adipisci. Dolores!</p><h3>heading</h3><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto corporis maxime dolorum neque nisi dolores illo facilis porro voluptate natus tempore optio quos minima labore, ipsum, nihil commodi adipisci. Dolores!</p>"
        }
      },
      {
        "component": "article-image",
        "data": {
          "type": "full",
          "images": [
            {
              "src": "//placehold.it/1140x600",
              "srcset": "//placehold.it/1140x600 1140w, //placehold.it/2280x1200 2280w",
              "alt": "Full size image",
              "caption": "Sweet roll candy dragée marshmallow brownie cotton candy. Sesame snaps cotton candy lollipop cupcake bear claw biscuit marzipan candy canes. Chocolate",
              "sources": null
            }
          ]
        }
      },
      {
        "component": "article-image",
        "data": {
          "type": "two_thirds",
          "images": [
            {
              "src": "//placehold.it/760x374",
              "srcset": "//placehold.it/760x374 760w, //placehold.it/1520x748 1520w",
              "alt": "Left two thirds 1",
              "caption": "Sweet roll candy dragée marshmallow brownie cotton candy. Sesame snaps cotton candy lollipop cupcake bear claw biscuit marzipan candy canes. Chocolate",
              "sources": null
            },
            {
              "src": "//placehold.it/760x374/FF0000",
              "srcset": "//placehold.it/760x374/FF0000 760w, //placehold.it/1520x748/FF0000 1520w",
              "alt": "Left two thirds 1",
              "caption": "Sweet roll candy dragée marshmallow brownie cotton candy. Sesame snaps cotton candy lollipop cupcake bear claw biscuit marzipan candy canes. Chocolate",
              "sources": null
            },
            {
              "src": "//placehold.it/760x374/0000FF",
              "srcset": "//placehold.it/760x374/0000FF 760w, //placehold.it/1520x748/0000FF 1520w",
              "alt": "Left two thirds 1",
              "caption": "Sweet roll candy dragée marshmallow brownie cotton candy. Sesame snaps cotton candy lollipop cupcake bear claw biscuit marzipan candy canes. Chocolate",
              "sources": null
            }
          ],
          "side": "left"
        },
        "modifier": "article-image--two-thirds"
      },
      {
        "component": "article-image",
        "data": {
          "type": "half",
          "images": [
            {
              "src": "//placehold.it/760x760",
              "srcset": "//placehold.it/760x760 760w, //placehold.it/1140x1140 1140w",
              "alt": "Right half",
              "caption": "Sweet roll candy dragée marshmallow brownie cotton candy. Sesame snaps cotton candy lollipop cupcake bear claw biscuit marzipan candy canes. Chocolate",
              "sources": null
            }
          ],
          "side": "right"
        },
        "modifier": "article-image--half"
      },
      {
        "component": "feature-list",
        "data": {
          "items": [
            {
              "title": "Real time data",
              "content": "<p>Get market insights from gold & silver charts. We integrated the data with XIGNITE real-time financial data which updates every minute to deliver you up to date market value in your local currency.</p>"
            },
            {
              "title": "Integration of ERPLY",
              "content": "<p>The website is just a facade, the shelves a shop. The real transaction and stock management are handled by Erply retail sofrtware system. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros velit, malesuada ut metus vel, malesuada imperdiet sapien.</p>"
            },
            {
              "title": "Different currencies",
              "content": "<p>While most of the europe has Euro, there are some which operate on their own currency. Developed solution works on every currency.</p>"
            },
            {
              "title": "LIVE prices",
              "content": "<p>The field is really price sensitive with prices changing every second in the market. Developed solution is capable of updaing prices up to 4 times per minute while customers are navigating on the site. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eros velit, malesuada ut metus vel, malesuada imperdiet sapien.</p>"
            },
            {
              "title": "Personal investment portfolio",
              "content": "<p>Sign up for a user to keep track of your investments. You have your purcache history and can add other investment purcaches there. Webpage will calculate the value of your investment over the time based on price of current market rate.</p>"
            }
          ]
        }
      }
    ]
  }
}
  • Handle: @case-study-content--default
  • Tags:
  • Preview:
  • Filesystem Path: src/patterns/modules/case-study-content/case-study-content.twig
  • References (1): @section
  • Referenced by (1): @view-case-study