Copy environment

Press Form

Preview 
<div class="press-form  ">
    <div class="press-form__inner">
        <div class="press-form__form">
            <div class="text color-black">
                <h5 class="press-form__title">

                    <div class="image  press-form__icon">
                        <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="../../inc/img/vkg-tooohutus-simple.png" data-sizes="auto" alt="" class="image__img lazyload">
                    </div>
                    Ole kursis! Liitu pressilistiga
                </h5>
            </div>
            <div class="press-form__fields">

                <div class="textfield press-form__textfield">
                    <label class="textfield__label " for="name">
        Sinu nimi:
    </label>
                    <div class="textfield__inner">
                        <input class="textfield__input" type="text" id="name" name="" value="" placeholder="">
                    </div>
                </div>

                <div class="textfield press-form__textfield">
                    <label class="textfield__label " for="email">
        Sinu e-post:
    </label>
                    <div class="textfield__inner">
                        <input class="textfield__input" type="email" id="email" name="" value="" placeholder="">
                    </div>
                </div>
            </div>
            <button type="button" class="button button--block press-form__button">
                    <span class="button__text">Liitu</span>
                            <span class="button__icon-container">
                <svg class="icon  button__icon">
    <use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow"></use>
</svg>
            </span>
            </button>
            <div class="press-form__foot-note text text--xsmall">
                <p>Hindame sinu huvi meie toodete vastu ja täname, et külastad meie veebilehte. Soovime, et tunneksid end meie saidil ohutult ning kinnitame, et sinu isikuandmed on turvaliselt hoitud.<br/><a href='#'>Loe meie privaatsuseeskirju</a></p>
            </div>
        </div>
    </div>
</div>
 
{
  "language": "en-US",
  "data": {
    "title": "Ole kursis! Liitu pressilistiga",
    "icon": {
      "srcset": "../../inc/img/vkg-tooohutus-simple.png"
    },
    "footNote": "Hindame sinu huvi meie toodete vastu ja täname, et külastad meie veebilehte. Soovime, et tunneksid end meie saidil ohutult ning kinnitame, et sinu isikuandmed on turvaliselt hoitud.<br/><a href='#'>Loe meie privaatsuseeskirju</a>",
    "fields": [
      {
        "label": "Sinu nimi:",
        "id": "name"
      },
      {
        "label": "Sinu e-post:",
        "id": "email",
        "type": "email"
      }
    ],
    "button": {
      "text": "Liitu"
    }
  }
}