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>