-
Notifications
You must be signed in to change notification settings - Fork 2
/
demo.html
39 lines (35 loc) · 1.37 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
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="stylesheet" href="style.css" type="text/css" />
<title>DEMO: card deck using a CSS sprite</title>
<meta name="description" content="card deck demo" />
<meta name="author" content="Drake" />
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
</head>
<body>
<div>
<div
class="cardstack" style="font-size: 12px;"><div
class="card rankAS">A <br/> ♠</div><div
class="card rank2H">2 <br/> ♥</div><div
class="card rank3C">3 <br/> ♣</div><div
class="card rank4D">4 <br/> ♦</div><div
class="card rank5S">5 <br/> ♠</div></p></div><div
class="cardstack" style="font-size: 12px;"><div
class="card rank6H">6 <br/> ♥</div><div
class="card rank7C">7 <br/> ♣</div><div
class="card rank8D">8 <br/> ♦</div><div
class="card rank9S">9 <br/> ♠</div><div
class="card rank10H">10 <br/> ♥</div></p></div><div
class="cardstack" style="font-size: 12px;"><div
class="card rankJC">J <br/> ♣</div><div
class="card rankQD">Q <br/> ♦</div><div
class="card rankKS">K <br/> ♠</div>
</div>
</body>
</html>