Form style 1
<form class="form-border-radius">
<div class="row gx-3 gy-0">
<div class="col-12 col-md-6">
<input type="text" id="name" name="name" placeholder="Name" required>
</div>
<div class="col-12 col-md-6">
<input type="email" id="email" name="email" placeholder="E-Mail" required>
</div>
</div>
<input type="text" id="subject" name="subject" placeholder="Subject" required>
<textarea name="message" id="message" placeholder="Message"></textarea>
<button class="button button-lg button-rounded button-gradient-1 button-hover-slide" type="submit">
<span data-text="Submit Form">Submit Form</span>
</button>
</form>
Form style 2
<form class="form-style-2">
<div class="row gx-3 gy-0">
<div class="col-12 col-md-6">
<input type="text" id="name" name="name" placeholder="Name" required>
</div>
<div class="col-12 col-md-6">
<input type="email" id="email" name="email" placeholder="E-Mail" required>
</div>
</div>
<input type="text" id="subject" name="subject" placeholder="Subject" required>
<textarea name="message" id="message" placeholder="Message"></textarea>
<button class="button button-lg button-rounded button-gradient-2 button-hover-slide" type="submit">
<span data-text="Submit Form">Submit Form</span>
</button>
</form>