Woodlands.co.uk Component Library

Call to Action Form

Call to Action Forms

Different types of forms which include email subscription, blog subscription and basic search call to action.

<form action="" method="GET" class="form form--cta">

    <div class="form--cta__container">
        <label for="form--cta__field-id" class="form__label form__title">Woodlands for sale for conservation and enjoyment</label>

        <div class="form__group">
            <input type="text" id="form--cta__field-id" name="field" placeholder="Enter locations eg. Suffolk" />
            <button class="button button--green ">
                <span>Search woodlands for sale</span>
            </button>

        </div>
    </div>
</form>
 
<form action="" method="GET" class="form {{modifier 'form--cta' form.modifiers}}">
    {{#if form.drawing }}
    <div class="form--cta__image">
        {{ render '@drawing' }}
    </div>
    {{/if}}

    <div class="form--cta__container">
        <label for="form--cta__field-id" class="form__label form__title">{{ form.label }}</label>

        {{#if form.sub }}
        <label for="form--cta__field-id" class="form__subtitle">{{ form.sub }}</label>
        {{/if}}

        <div class="form__group">
            <input type="text" id="form--cta__field-id" name="field" placeholder="{{ form.placeholder }}" />
            {{ render '@button' button merge=true }}
        </div>
    </div>
</form>