CustomizedBoxes/CheckBoxes.html at master · JornHeyvaert/CustomizedBoxes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Customized Check Boxes using Font Awesome</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <link rel="stylesheet" href="CheckBoxes.css">
        <script src="CheckBoxes.js"></script>
    </head>
    <body>
        <div class="checkBoxes">
            <h2>Example of Customized Check Boxes</h2>
            <h3>What sports do you watch on TV?</h3>
            <ul>
                <li class="listItem"><input type="checkbox" /><label>Soccer</label></li>
                <li class="listItem"><input type="checkbox" /><label>Table Tennis</label></li>
                <li class="listItem"><input type="checkbox" /><label>Baseball</label></li>
                <li class="listItem"><input type="checkbox" /><label>Wrestling</label></li>
                <li class="listItem"><input type="checkbox" /><label>Swimming</label></li>
            </ul>
        </div>
    </body>
</html>