Form

Lorem ipsum dolor sit amet, adipisicing elit.
Radio Button
Radio Button
<div class="radio form-group">
    <input type="radio" id="customRadio1" name="customRadio" checked="">
    <label for="customRadio1">Toggle this custom radio</label>
</div>
Checkbox Style
Checkbox
<div class="checkbox form-group">
    <input type="checkbox" id="customCheck3">
    <label for="customCheck3">Check this custom checkbox</label>
</div>
Form Validation
Looks good.
Provide a valid Email.
Form Validation
 <div class="form-group">
    <input class="form-control is-valid" type="text" placeholder="Successful Massage">
    <div class="valid-feedback">Looks good.</div>
</div>
Form Size
Form Size
<div class="form-group form-size-sm">
    <input type="text" class="form-control" placeholder="Form Size Small">
</div>
<div class="form-group">
    <input type="text" class="form-control" placeholder="Form Size Normal">
</div>
<div class="form-group form-size-lg">
    <input type="text" class="form-control" placeholder="Form Size Large">
</div>
Rounded Style
Rounded Style
<div class="form-group input-round">
    <input type="text" class="form-control" placeholder="Form Size Normal">
</div>
Date Time & Browse
Date Time & Browse
<div class="form-group">
    <input type="text" class="form-control datepicker" placeholder="Choose a date">
</div>
<div class="form-group">
    <input type="text" class="form-control timepicker" placeholder="Enter a Time">
</div>
<div class="form-group">
    <input type="file" class="custom-file-input">
    <label class="custom-file-label">Choose a file</label>
</div>
Form Inputs
Form Inputs
<form>
    <div class="form-group">
        <input type="text" class="form-control" placeholder="Text">
    </div>
    <div class="form-group">
        <input type="email" class="form-control" placeholder="Email">
    </div>
    <div class="form-group">
        <input type="password" class="form-control" placeholder="Password">
    </div>
    <div class="form-group">
        <select class="form-control">
            <option>Default Selected</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
        </select>
    </div>
    <div class="form-group">
        <select multiple class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
        </select>
    </div>
    <div class="form-group">
        <textarea class="form-control" placeholder="Textarea" rows="3"></textarea>
    </div>
</form>
Input With Icon
Input With Icon
<div class="form-group">
    <div class="input-group">
        <input type="email" class="form-control" placeholder="Email">
        <div class="input-group-prepend">
            <span class="input-group-text">
                <i class="fa fa-envelope"></i>
            </span>
        </div>
    </div>
</div>
Input Google Recaptcha
Input With Icon
<div class="form-group">
    <div class="input-group">
        <input type="email" class="form-control" placeholder="Email">
        <div class="input-group-prepend">
            <span class="input-group-text">
                <i class="fa fa-envelope"></i>
            </span>
        </div>
    </div>
</div>
Glass Input with Google Recaptcha