-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathdemo.html
51 lines (33 loc) · 1.28 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
<title>Selecting & Transversing the DOM</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/demo.css">
</head>
<body>
<h1>Selectors & Transversing the DOM</h1>
<article>
<ul>
<li id="item-1" class="games" ><span>Lara Croft</span></li>
<li id="item-2" class="games" ><span>Master Chief</span></li>
<li id="item-3" class="cartoons" ><span>Doc McStuffins</span></li>
<li id="item-4" class="tv" ><span>Snooki</span></li>
<li id="item-5" class="games" ><span>Altaire</span></li>
<li id="item-6" class="cartoons" ><span>Cartman</span></li>
<li id="item-7" class="cartoons" ><span>Scooby-Doo</span></li>
<li id="item-8" class="tv" ><span>Donald Trump</span></li>
<li id="item-9" class="cartoons" ><span>Donald Duck</span></li>
<li id="item-10" class="tv" ><span>Jack Bauer <sub>(CTU agent)</sub></span></li>
</ul>
<ul>
<li id="item-11" class="authors" ><span>George RR Martin</li>
<li id="item-12" class="tv" ><span>Rick Grimes</span></li>
<li id="item-13" class="tv" ><span>Joan</span></li>
</ul>
</article>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/demo.js"></script>
</body>
</html>