Checkbox_example

<!Doctype HTML>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <link rel="stylesheet" type="text/css" href="styles.css">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </head>
    <body>
        <h2 class="page-header">Pure css checkbox radio UI
            <small>Based on bootstrap layout</small></h2>

            <!-- uses a span after the input -->

            <div class="checkbox">
              <label>
                <input type="checkbox" value="">
                <!-- override icon here -->
                <span class="glyphicon glyphicon-ok"></span>
                Option one is this and that&mdash;be sure to include why it's great
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" value="" checked disabled>
                <span></span>
                Option two checked disabled
              </label>
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox" value="" disabled>
                <span></span>
                Option three disabled
              </label>
            </div>


            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                <span></span>
                Option one is this and that&mdash;be sure to include why it's great
              </label>
            </div>
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                <span></span>
                Option two can be something else and selecting it will deselect option one
              </label>
            </div>
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios2" id="optionsRadios3" value="option3" disabled>
                <span></span>
                Option three disabled
              </label>
            </div>
            <div class="radio">
              <label>
                <input type="radio" name="optionsRadios2" id="optionsRadios4" value="option4" checked disabled>
                <span></span>
                Option four checked disabled
              </label>
            </div>
            <p>Switch</p>
            <label class="switch">
              <input type="checkbox" name="" id="" />
              <span></span>
            </label>
    </body>
</html>