forked from saeedalipoor/icono
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
187 lines (187 loc) · 8.29 KB
/
index.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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Icono Test icons</title>
<link rel="stylesheet" href="dist/icono.min.css">
<style type="text/css">
body{
background-color: #555;
text-align: center;
}
div{
text-align: left;
}
span{
display: inline-block;
margin: 20px;
border: 1px solid #666;
padding: 20px;
position: relative;
}
span:before, span:after{
content: "";
background-color: #777;
position: absolute;
}
span:after{
width: 20px;
height: 1px;
bottom: -20px;
right: -32px;
}
span:before{
height: 17px;
width: 1px;
bottom: -28px;
right: -23px;
}
span i[class*="icono"]{
color: #bbb;
transition: all 0.2s;
}
span:hover i{
color: #fff;
}
a{
color: #eee;
}
</style>
</head>
<body>
<div>
<span><i class="icono-home"></i></span><!--
--><span><i class="icono-mail"></i></span><!--
--><span><i class="icono-rss"></i></span><!--
--><span><i class="icono-hamburger"></i></span><!--
--><span><i class="icono-plus"></i></span><!--
--><span><i class="icono-cross"></i></span><!--
--><span><i class="icono-check"></i></span><!--
--><span><i class="icono-power"></i></span><!--
--><span><i class="icono-heart"></i></span><!--
--><span><i class="icono-infinity"></i></span><!--
--><span><i class="icono-flag"></i></span><!--
--><span><i class="icono-file"></i></span><!--
--><span><i class="icono-image"></i></span><!--
--><span><i class="icono-video"></i></span><!--
--><span><i class="icono-music"></i></span><!--
--><span><i class="icono-headphone"></i></span><!--
--><span><i class="icono-document"></i></span><!--
--><span><i class="icono-folder"></i></span><!--
--><span><i class="icono-pin"></i></span><!--
--><span><i class="icono-smile"></i></span><!--
--><span><i class="icono-eye"></i></span><!--
--><span><i class="icono-sliders"></i></span><!--
--><span><i class="icono-share"></i></span><!--
--><span><i class="icono-sync"></i></span><!--
--><span><i class="icono-reset"></i></span><!--
--><span><i class="icono-gear"></i></span><!--
--><span><i class="icono-signIn"></i></span><!--
--><span><i class="icono-signOut"></i></span><!--
--><span><i class="icono-support"></i></span><!--
--><span><i class="icono-dropper"></i></span><!--
--><span><i class="icono-tiles"></i></span><!--
--><span><i class="icono-list"></i></span><!--
--><span><i class="icono-chain"></i></span><!--
--><span><i class="icono-youtube"></i></span><!--
--><span><i class="icono-rename"></i></span><!--
--><span><i class="icono-search"></i></span><!--
--><span><i class="icono-book"></i></span><!--
--><span><i class="icono-forbidden"></i></span><!--
--><span><i class="icono-trash"></i></span><!--
--><span><i class="icono-keyboard"></i></span><!--
--><span><i class="icono-mouse"></i></span><!--
--><span><i class="icono-user"></i></span><!--
--><span><i class="icono-crop"></i></span><!--
--><span><i class="icono-display"></i></span><!--
--><span><i class="icono-imac"></i></span><!--
--><span><i class="icono-iphone"></i></span><!--
--><span><i class="icono-macbook"></i></span><!--
--><span><i class="icono-imacBold"></i></span><!--
--><span><i class="icono-iphoneBold"></i></span><!--
--><span><i class="icono-macbookBold"></i></span><!--
--><span><i class="icono-nexus"></i></span><!--
--><span><i class="icono-microphone"></i></span><!--
--><span><i class="icono-asterisk"></i></span><!--
--><span><i class="icono-terminal"></i></span><!--
--><span><i class="icono-paperClip"></i></span><!--
--><span><i class="icono-market"></i></span><!--
--><span><i class="icono-clock"></i></span><!--
--><span><i class="icono-textAlignRight"></i></span><!--
--><span><i class="icono-textAlignCenter"></i></span><!--
--><span><i class="icono-textAlignLeft"></i></span><!--
--><span><i class="icono-indent"></i></span><!--
--><span><i class="icono-outdent"></i></span><!--
--><span><i class="icono-frown"></i></span><!--
--><span><i class="icono-meh"></i></span><!--
--><span><i class="icono-locationArrow"></i></span><!--
--><span><i class="icono-plusCircle"></i></span><!--
--><span><i class="icono-checkCircle"></i></span><!--
--><span><i class="icono-crossCircle"></i></span><!--
--><span><i class="icono-exclamation"></i></span><!--
--><span><i class="icono-exclamationCircle"></i></span><!--
--><span><i class="icono-comment"></i></span><!--
--><span><i class="icono-commentEmpty"></i></span><!--
--><span><i class="icono-areaChart"></i></span><!--
--><span><i class="icono-pieChart"></i></span><!--
--><span><i class="icono-barChart"></i></span><!--
--><span><i class="icono-bookmark"></i></span><!--
--><span><i class="icono-bookmarkEmpty"></i></span><!--
--><span><i class="icono-filter"></i></span><!--
--><span><i class="icono-volume"></i></span><!--
--><span><i class="icono-volumeLow"></i></span><!--
--><span><i class="icono-volumeMedium"></i></span><!--
--><span><i class="icono-volumeHigh"></i></span><!--
--><span><i class="icono-volumeDecrease"></i></span><!--
--><span><i class="icono-volumeIncrease"></i></span><!--
--><span><i class="icono-volumeMute"></i></span><!--
--><span><i class="icono-tag"></i></span><!--
--><span><i class="icono-calendar"></i></span><!--
--><span><i class="icono-camera"></i></span><!--
--><span><i class="icono-piano"></i></span><!--
--><span><i class="icono-ruler"></i></span><!--
--><span><i class="icono-cup"></i></span><!--
--><span><i class="icono-creditCard"></i></span><!--
--><span><i class="icono-facebook"></i></span><!--
--><span><i class="icono-twitter"></i></span><!--
--><span><i class="icono-gplus"></i></span><!--
--><span><i class="icono-linkedIn"></i></span><!--
--><span><i class="icono-instagram"></i></span><!--
--><span><i class="icono-flickr"></i></span><!--
--><span><i class="icono-delicious"></i></span><!--
--><span><i class="icono-codepen"></i></span><!--
--><span><i class="icono-blogger"></i></span><!--
--><span><i class="icono-play"></i></span><!--
--><span><i class="icono-pause"></i></span><!--
--><span><i class="icono-stop"></i></span><!--
--><span><i class="icono-rewind"></i></span><!--
--><span><i class="icono-forward"></i></span><!--
--><span><i class="icono-next"></i></span><!--
--><span><i class="icono-previous"></i></span><!--
--><span><i class="icono-caretRight"></i></span><!--
--><span><i class="icono-caretLeft"></i></span><!--
--><span><i class="icono-caretUp"></i></span><!--
--><span><i class="icono-caretDown"></i></span><!--
--><span><i class="icono-rightArrow"></i></span><!--
--><span><i class="icono-leftArrow"></i></span><!--
--><span><i class="icono-upArrow"></i></span><!--
--><span><i class="icono-downArrow"></i></span><!--
--><span><i class="icono-sun"></i></span><!--
--><span><i class="icono-moon"></i></span><!--
--><span><i class="icono-disqus"></i></span><!--
--><span><i class="icono-cart"></i></span><!--
--><span><i class="icono-caretRightCircle"></i></span><!--
--><span><i class="icono-caretLeftCircle"></i></span><!--
--><span><i class="icono-caretUpCircle"></i></span><!--
--><span><i class="icono-caretDownCircle"></i></span><!--
--><span><i class="icono-caretRightSquare"></i></span><!--
--><span><i class="icono-caretLeftSquare"></i></span><!--
--><span><i class="icono-caretUpSquare"></i></span><!--
--><span><i class="icono-caretDownSquare"></i></span><!--
--><span><i class="icono-dribbble"></i></span><!--
--><span><i class="icono-sitemap"></i></span><!--
--><br>
<a href="http://saeedalipoor.github.com/icono/">Main demo</a>
</div>
</body>
</html>