Form

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.


                
<form action="#" class="input-group mt-4 position-relative wow img-custom-anim-left">
    <div class="row">
        <div class="col-md-6">
            <label for="username" class="fs-7 fw-bold mb-3 text-primary">Full name</label>
            <input type="text" class="py-3 form-control username" name="name" placeholder="Enter here" id="username" />
        </div>
        <div class="col-md-6">
            <label for="email" class="fs-7 fw-bold mb-3 text-primary">Email address</label>
            <input type="text" class="py-3 form-control email" name="email" placeholder="Enter here" id="email" />
        </div>
        <div class="col-12 mt-5">
            <label for="message" class="fs-7 fw-bold mb-3 text-primary">Message</label>
            <textarea name="message" id="message" cols="30" rows="8" class="py-3 form-control website" placeholder="Enter here"></textarea>
        </div>
        <div class="col-12 mt-5">
            <button class="btn btn-primary hover-up" type="submit" aria-label="submit">
                <span>submit</span>
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                    <g clip-path="url(#clip0_886_362)">
                        <path d="M15.8167 7.55759C15.8165 7.5574 15.8163 7.55719 15.8161 7.557L12.5504 4.307C12.3057 4.06353 11.91 4.06444 11.6665 4.30912C11.423 4.55378 11.4239 4.9495 11.6686 5.193L13.8612 7.375H0.625C0.279813 7.375 0 7.65481 0 8C0 8.34519 0.279813 8.625 0.625 8.625H13.8612L11.6686 10.807C11.4239 11.0505 11.423 11.4462 11.6665 11.6909C11.91 11.9356 12.3058 11.9364 12.5504 11.693L15.8162 8.443C15.8163 8.44281 15.8165 8.44259 15.8167 8.4424C16.0615 8.19809 16.0607 7.80109 15.8167 7.55759Z" fill="white" />
                    </g>
                </svg>
            </button>
        </div>
    </div>
</form>