Copy environment

Contact Form

<section class="section  contact-form">
    <div class="section__inner">
        <div class="section__content">
            <div class="h-container">

                <h2 class="heading  ">
                    <span class="heading__small">feel free to</span>
                    <span class="heading__main">
                    contact us
            </span>
                </h2>
                <hr class="separator separator--small ">
                <form class="contact-form__form" action="/">
                    <div class="grid">
                        <div class="grid__col grid__col--xs-12 contact-form__row">
                            <div class="form-textfield  ">
                                <div class="form-textfield__inner">
                                    <input type="text" class="form-textfield__input" id="contact-form-name-field" name="contact-form-name" value="">
                                    <label class="form-textfield__label" for="contact-form-name-field">Name</label>
                                </div>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs-12 contact-form__row">
                            <div class="form-textfield  ">
                                <div class="form-textfield__inner">
                                    <input type="text" class="form-textfield__input" id="contact-form-email-field" name="contact-form-email" value="">
                                    <label class="form-textfield__label" for="contact-form-email-field">E-mail</label>
                                </div>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs-12 contact-form__row">
                            <div class="form-textfield  form-textarea">
                                <div class="form-textfield__inner">
                                    <textarea class="form-textfield__input form-textarea__input" id="contact-form-content-field" name="contact-form-content"></textarea>
                                    <label class="form-textfield__label" for="contact-form-content-field">How can we help?</label>
                                </div>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs-12">
                            <div class="contact-form__button">

                                <button type="button" class="button button--tertiary ">
    send
</button>
                            </div>
                        </div>
                    </div>
                </form>

            </div>

        </div>
    </div>
</section>
{
  "language": "en-US",
  "data": {
    "heading": {
      "prefix": "feel free to",
      "text": "contact us"
    },
    "button": {
      "text": "send"
    }
  }
}