Let's have fun

Let's have fun

Form

Info

The form of this framework has a nice sleek layout and is fully responsive.

The form

form
radio-con
radiomark
check-con
checkmark

Radio and checkbox

<label class="check-con">Newsletter
  <input type="checkbox" name="newsletter" />
  <span class="checkmark"></span>
</label>
<label class="check-con">Join
  <input type="checkbox" name="memberYes" />
  <span class="checkmark"></span>
</label>

<label class="radio-con">Member
  <input type="radio" name="member" value="yes" />
  <span class="radiomark"></span>
</label>
<label class="radio-con">No Member
  <input type="radio" name="member" value="no" checked />
  <span class="radiomark"></span>
</label>

Simple contact form

<div class="form">
  <form method="" action="">
    <label>Name<span class="text-red">*</span></label>
    <input type="text" name="name" required>
    <label>Email<span class="text-red">*</span></label>
    <input type="email" name="email" required>
    <label>Phone</label>
    <input type="text" name="phone">
    <label>Message<span class="text-red">*</span></label>
    <textarea name="message" required></textarea>
    <div class="text-center"><input class="button button-green" type="submit" name="submit" value="Send"></div>
  </form>	
</div>