<div id="contact-form" class="contact-form">
<div class="contact-form__inner">
<form class="contact-form__form">
<div class="grid grid--between-xs">
<div class="grid__col grid__col--xs">
<div class="form__title">
<div class="contact-form__label">Saaja:</div>
<p class="contact-form__name">Viru Keemia Grupp</p>
</div>
</div>
<div class="grid__col grid__col--xs">
<svg class="icon contact-form__icon">
<use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#mail"></use>
</svg>
</div>
</div>
<div class="grid">
<div class="grid__col grid__col--sm-12 contact-form__textfield-container">
<div class="textfield textfield--footer">
<label class="textfield__label " for="">
Sinu nimi
</label>
<div class="textfield__inner">
<input class="textfield__input" type="text" id="" name="" value="" placeholder="">
</div>
</div>
</div>
<div class="grid__col grid__col--sm-12 contact-form__textfield-container">
<div class="textfield textfield--footer">
<label class="textfield__label " for="">
Sinu e-post või telefon:
</label>
<div class="textfield__inner">
<input class="textfield__input" type="text" id="" name="" value="" placeholder="">
</div>
</div>
</div>
<div class="grid__col grid__col--lg-24 contact-form__textarea-container">
<div class="textfield textarea--footer textarea">
<label class="textfield__label " for="">
Sinu teade:
</label>
<div class="textfield__inner">
<textarea class="textfield__input textarea__input " type="text" id="" name=""></textarea>
</div>
</div>
</div>
</div>
<button type="button" class="button button--read contact-form__button">
<span class="button__text">Saada</span>
<span class="button__icon-container">
<svg class="icon button__icon">
<use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#arrow"></use>
</svg>
</span>
</button>
</form>
</div>
</div>
{
"language": "en-US",
"data": {
"label": "Saaja:",
"name": "Viru Keemia Grupp",
"fields": [
{
"type": "textfield",
"info": {
"label": "Sinu nimi"
},
"modifier": "textfield--footer",
"class": "grid__col grid__col--sm-12 contact-form__textfield-container"
},
{
"type": "textfield",
"info": {
"label": "Sinu e-post või telefon:"
},
"modifier": "textfield--footer",
"class": "grid__col grid__col--sm-12 contact-form__textfield-container"
},
{
"type": "textarea",
"info": {
"label": "Sinu teade:"
},
"modifier": "textarea--footer",
"class": "grid__col grid__col--lg-24 contact-form__textarea-container"
}
],
"button": {
"text": "Saada"
}
}
}
<div class="contact-form js-preserve-height">
<div class="contact-form__inner">
<div class="grid grid--between-xs grid--middle-xs">
<div class="grid__col grid__col--xs">
<svg class="icon contact-form__icon contact-form__icon--thank-you">
<use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#success"></use>
</svg>
</div>
<div class="grid__col grid__col--xs">
<svg class="icon contact-form__icon">
<use xlink:href="../../inc/svg/global.48b54b5802220943f9ae21d3bf31136a.svg#mail"></use>
</svg>
</div>
</div>
<div class="grid">
<div class="grid__col grid__col--xs-24 grid__col--sm-12">
<div class="text">
<h3 class="color-white">
Täname!<br>Sinu teade on edukalt saadetud!
</h3>
</div>
</div>
</div>
</div>
</div>
{
"language": "en-US",
"data": {
"label": "Saaja:",
"name": "Viru Keemia Grupp",
"fields": [
{
"type": "textfield",
"info": {
"label": "Sinu nimi"
},
"modifier": "textfield--footer",
"class": "grid__col grid__col--sm-12 contact-form__textfield-container"
},
{
"type": "textfield",
"info": {
"label": "Sinu e-post või telefon:"
},
"modifier": "textfield--footer",
"class": "grid__col grid__col--sm-12 contact-form__textfield-container"
},
{
"type": "textarea",
"info": {
"label": "Sinu teade:"
},
"modifier": "textarea--footer",
"class": "grid__col grid__col--lg-24 contact-form__textarea-container"
}
],
"button": {
"text": "Saada"
},
"thankyou": {
"content": "Täname!<br>Sinu teade on edukalt saadetud!"
}
}
}