Squared checkbox

Сheckbox supports disabled and checked attributes

<div class="abc-checkbox abc-checkbox-primary">
     <input id="checkbox1" type="checkbox">
     <label for="checkbox1">
          <span class="abc-label-text">Subscribe to newsletter</span>
     </label>
</div>

Simply add abc-checkbox abc-checkbox-primary classes to checkbox container and abc-label-text class to label.

Rounded checkbox

<div class="abc-checkbox abc-checkbox-primary abc-checkbox-circle">
     <input id="checkbox1" type="checkbox">
     <label for="checkbox1">
          <span class="abc-label-text">Subscribe to newsletter</span>
     </label>
</div>

Simply add abc-checkbox abc-checkbox-primary abc-checkbox-circle classes to checkbox container and abc-label-text class to label.

Find DEMOs here!