Copy environment

Password Form 

<div class="section section--pt-large section--pb-large password-form">
    <div class="section__inner ">
        <div class="section__content ">
            <div class="password-form">
                <div class="h-container grid grid--center-xs">
                    <div class="password-form__text grid__col grid__col--sm-5">Please enter the password in order to proceed</div>
                    <div class="grid grid__col grid--center-xs">
                        <form class="password-form__form grid__col grid__col--sm-5" action="#" method="post">
                            <div class="grid grid--center-xs">
                                <div class="grid__col password-form__row">

                                    <div class="textfield
    ">
                                        <label class="textfield__label " for="password">
                                            Password </label>
                                        <div class="textfield__inner">
                                            <input class="textfield__input" type="password" id="password" name="post_password">
                                        </div>
                                    </div>
                                </div>
                                <div class="grid__col">
                                    <div class="password-form__button">

                                        <button type="submit" class="button button--block">
                                            <span class="button__inner">
                                                <span class="button__text">enter</span>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
 
{% set content %}
    <div class="password-form">
        <div class="h-container grid grid--center-xs">
            <div class="password-form__text grid__col grid__col--sm-5">{{ data.text }}</div>
            <div class="grid grid__col grid--center-xs">
                <form class="password-form__form grid__col grid__col--sm-5" action="{{ data.form.action }}" method="post">
                    <div class="grid grid--center-xs">
                        <div class="grid__col password-form__row">
                            {% include '@textfield' with { data: data.field } %}
                        </div>
                        <div class="grid__col">
                            <div class="password-form__button">
                                {% include '@button' with { modifier: 'button--block', type: 'submit', data: data.button } %}
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endset %}

{% include '@section' with { class: 'password-form', modifier: 'section--pt-large section--pb-large', data: { content: content }} %}

{
  "language": "en-US",
  "data": {
    "text": "Please enter the password in order to proceed",
    "field": {
      "label": "Password",
      "id": "password",
      "type": "password",
      "name": "post_password"
    },
    "form": {
      "action": "#",
      "method": "post"
    },
    "button": {
      "text": "enter"
    }
  }
}