-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathdemo.html
92 lines (89 loc) · 5.66 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Initials Avatar Using Example</title>
<script src="dist/bundle.js" charset="utf-8"></script>
<style type="text/css">
.thumb-avatar-wrapper{
width: 164px;
height: 164px;
}
</style>
</head>
<body>
<div class="thumb-avatar-wrapper"><div data-fulltitle="Robert de "></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="¥!@Sherlock Holmes"></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="Sherlock Holmes"></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="@ @"></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="# % ! @"></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="Harry Potter"></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="J K Rowling"></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="Kim Kardashian"></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="Micheal Jordan"></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="John Cena"></div></div>
<div class="thumb-avatar-wrapper"><div data-fulltitle="Abraham beckham"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="JH"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="JBL "></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="A"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="J"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="ا"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="😀"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="💩"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="KM">
<img src="https://v.cdn.vine.co/r/avatars/E833521B9B1246464218027446272_pic-r-1440154432921f105f6973f.jpg.jpg" />
</div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="日本"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="ﺱﺡ"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AB"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AC"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AD"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AE"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AF"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AG"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AH"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AI"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AJ"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AK"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AL"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AM"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AN"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AO"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AP"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AQ"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AR"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AS"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AT"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AU"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AV"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AW"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AX"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AY"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="AZ"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BA"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BB"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BC"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BD"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BE"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BF"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BG"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BH"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BI"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BJ"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BK"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BL"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BM"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BN"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BO"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BP"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BQ"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BR"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BS"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BT"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BU"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BV"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BW"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BX"></div></div>
<div class="thumb-avatar-wrapper"><div data-avatar="BY"></div></div>
</body>
</html>