Untitled

<!doctype html>
<html>
	<head>
		<title>Test Multimedia 2017</title>
		<link rel="stylesheet" href="style.css">
		<script src ="jquery.js"></script>
		<script src="lib.js"></script>
	</head>
	<body>
		<header></header>
		<main>
           <div class="container">

           <div class="name">
           <h3>Namen trekken!</h3>
           </div>
           <div class="button">

               <button>Online shops</button>
           </div><div class="clear"></div>
           <div class="vraag">
               <h3>Voor wie zal jij cadeautjes moeten kopen?</h3>
               <button class="trek">Trek een naam</button>
           </div>


            <div id = "cado">
              <div class= 'randname'>

               </div>
                <ul class="clearfix">
                    <li><label><input type="checkbox" value="Whistle Keyfinder"> Whistle Keyfinder</label></li>
                    <li><label><input type="checkbox" value="Smartphone Projector"> Smartphone Projector</label></li>
                    <li><label><input type="checkbox" value="Bedside Pocket"> Bedside Pocket</label></li>
                    <li><label><input type="checkbox" value="Flessen Licht"> Flessen Licht</label></li>
                    <li><label><input type="checkbox" value="Monkey Nail Dryer"> Monkey Nail Dryer</label></li>
                    <li><label><input type="checkbox" value="Flexible Phone Holder"> Flexible Phone Holder</label></li>
                    <li><label><input type="checkbox" value="Mr. Tea"> Mr. Tea</label></li>
                    <li><label><input type="checkbox" value="Alcohol Tester"> Alcohol Tester</label></li>
                    <li><label><input type="checkbox" value="Tea Fishermen"> Tea Fishermen</label></li>
                    <li><label><input type="checkbox" value="Weekly Dry Erase Board"> Weekly Dry Erase Board</label></li>
                    <li><label><input type="checkbox" value="Bike Phone Holder"> Bike Phone Holder</label></li>
                    <li><label><input type="checkbox" value="Flexible Tablet Holder"> Flexible Tablet Holder</label></li>
                    <li><label><input type="checkbox" value="Memo Olifant"> Memo Olifant</label></li>
                    <li><label><input type="checkbox" value="Diamond Glasses"> Diamond Glasses</label></li>
                    <li><label><input type="checkbox" value="BBQ Brandijzer"> BBQ Brandijzer</label></li>
                </ul>
                <button id="bevestig">Bevestig je keuze</button>
            </div>

            <div id="bedankt">

            </div>
            </div>
		</main>
		<footer>
			&copy; 2017 Mikiyas Astatke
		</footer>
	</body>
</html>