Input

Input Fields with Error Styles

<input type="text" placeholder="Enter your name" class="input">
<input type="text" placeholder="Enter your name" class="input input-dark">
<input type="text" placeholder="Enter your name" class="input input-success">
<input type="text" placeholder="Enter your name" class="input input-warning">
<input type="text" placeholder="Enter your name" class="input input-error">

Input Fields with Icon

<div class="input-box input input-dark">
    <i class="fa fa-search"></i>
    <input type="text" placeholder="Enter your name" class="input">
</div>
<div class="input-box input input-dark">
    <i class="fa fa-lock"></i>
    <input type="password" placeholder="Enter your password" class="input">
    <i class="fa fa-eye"></i>
</div>

Switch, Checkbox and Radiobox

<label class="switch">
    <input type="checkbox">
    <span class="switch-slider"></span>
</label>
<label class="checkbox-container">One
    <input type="checkbox" checked="checked">
    <span class="checkmark"></span>
</label>
<label class="checkbox-container">Two
    <input type="checkbox">
    <span class="checkmark"></span>
</label>
<label class="radio-container">Male
    <input type="radio" name="radio" checked>
    <span class="checkmark"></span>
</label>
<label class="radio-container">Female
    <input type="radio" name="radio">
    <span class="checkmark"></span>
</label>