Arty - Forms

Basic Form


<form>
  <div class="row g-3">
    <div class="col-12 col-sm-6">
      <input type="text" name="name" placeholder="Name" required>
    </div>
    <div class="col-12 col-sm-6">
      <input type="email" name="email" placeholder="E-Mail" required>
    </div>
  </div>
  <input type="text" name="subject" placeholder="Subject" required>
  <textarea name="message" placeholder="Message"></textarea>
  <button type="submit" class="button button-lg button-rounded button-dark">Submit</button>
</form>

Style 2


<form class="style-2">
  <div class="row g-3">
    <div class="col-12 col-sm-6">
      <input type="text" name="name" placeholder="Name" required>
    </div>
    <div class="col-12 col-sm-6">
      <input type="email" name="email" placeholder="E-Mail" required>
    </div>
  </div>
  <input type="text" name="subject" placeholder="Subject" required>
  <textarea name="message" placeholder="Message"></textarea>
  <button type="submit" class="button button-lg button-rounded button-dark">Submit</button>
</form>

Style 3


<form class="style-3">
  <div class="row g-3">
    <div class="col-12 col-sm-6">
      <input type="text" name="name" placeholder="Name" required>
    </div>
    <div class="col-12 col-sm-6">
      <input type="email" name="email" placeholder="E-Mail" required>
    </div>
  </div>
  <input type="text" name="subject" placeholder="Subject" required>
  <textarea name="message" placeholder="Message"></textarea>
  <button type="submit" class="button button-lg button-rounded button-dark">Submit</button>
</form>