jekyll-theme-digitalebrain 0.1.6 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/assets/.DS_Store +0 -0
- data/assets/css/Flaticon.woff +0 -0
- data/assets/css/Flaticon.woff2 +0 -0
- data/assets/css/_flaticon.scss +70 -0
- data/assets/css/ajax-loader.gif +0 -0
- data/assets/css/animate.css +3377 -0
- data/assets/css/aos.css +2 -0
- data/assets/css/bootstrap/bootstrap-grid.css +1708 -0
- data/assets/css/bootstrap/bootstrap-reboot.css +272 -0
- data/assets/css/bootstrap-datepicker.css +512 -0
- data/assets/css/bootstrap.min.css +7 -0
- data/assets/css/content.css +101 -0
- data/assets/css/css/bootstrap-reboot.css +272 -0
- data/assets/css/css/mixins/_text-hide.css +0 -0
- data/assets/css/flaticon.css +47 -0
- data/assets/css/icomoon.css +4919 -0
- data/assets/css/ionicons.min.css +11 -0
- data/assets/css/jquery.timepicker.css +72 -0
- data/assets/css/magnific-popup.css +351 -0
- data/assets/css/open-iconic-bootstrap.min.css +1 -0
- data/assets/css/owl.carousel.min.css +6 -0
- data/assets/css/owl.theme.default.min.css +15 -0
- data/assets/css/style.css +8488 -0
- data/assets/fonts/flaticon/backup.txt +1 -0
- data/assets/fonts/flaticon/font/Flaticon.eot +0 -0
- data/assets/fonts/flaticon/font/Flaticon.svg +303 -0
- data/assets/fonts/flaticon/font/Flaticon.ttf +0 -0
- data/assets/fonts/flaticon/font/Flaticon.woff +0 -0
- data/assets/fonts/flaticon/font/Flaticon.woff2 +0 -0
- data/assets/fonts/flaticon/font/_flaticon.scss +70 -0
- data/assets/fonts/flaticon/font/flaticon.css +47 -0
- data/assets/fonts/flaticon/font/flaticon.html +530 -0
- data/assets/fonts/flaticon/license/license.pdf +0 -0
- data/assets/fonts/icomoon/icomoon.eot +0 -0
- data/assets/fonts/icomoon/icomoon.svg +1530 -0
- data/assets/fonts/icomoon/icomoon.ttf +0 -0
- data/assets/fonts/icomoon/icomoon.woff +0 -0
- data/assets/fonts/ionicons/css/_ionicons.scss +1480 -0
- data/assets/fonts/ionicons/css/ionicons.min.css +11 -0
- data/assets/fonts/ionicons/fonts/ionicons.eot +0 -0
- data/assets/fonts/ionicons/fonts/ionicons.svg +2094 -0
- data/assets/fonts/ionicons/fonts/ionicons.ttf +0 -0
- data/assets/fonts/ionicons/fonts/ionicons.woff +0 -0
- data/assets/fonts/ionicons/fonts/ionicons.woff2 +0 -0
- data/assets/fonts/open-iconic/open-iconic.eot +0 -0
- data/assets/fonts/open-iconic/open-iconic.otf +0 -0
- data/assets/fonts/open-iconic/open-iconic.svg +543 -0
- data/assets/fonts/open-iconic/open-iconic.ttf +0 -0
- data/assets/fonts/open-iconic/open-iconic.woff +0 -0
- data/assets/images/.DS_Store +0 -0
- data/assets/images/bg_1.jpg +0 -0
- data/assets/images/bg_1_.jpg +0 -0
- data/assets/images/bubbles_.jpg +0 -0
- data/assets/images/favicon.png +0 -0
- data/assets/images/loc.png +0 -0
- data/assets/js/aos.js +2 -0
- data/assets/js/bootstrap-datepicker.js +1671 -0
- data/assets/js/bootstrap.min.js +7 -0
- data/assets/js/google-map.js +62 -0
- data/assets/js/jquery-3.2.1.min.js +4 -0
- data/assets/js/jquery-migrate-3.0.1.min.js +215 -0
- data/assets/js/jquery.animateNumber.min.js +8 -0
- data/assets/js/jquery.easing.1.3.js +205 -0
- data/assets/js/jquery.magnific-popup.min.js +4 -0
- data/assets/js/jquery.min.js +10253 -0
- data/assets/js/jquery.stellar.min.js +2 -0
- data/assets/js/jquery.timepicker.min.js +7 -0
- data/assets/js/jquery.waypoints.min.js +7 -0
- data/assets/js/main.js +346 -0
- data/assets/js/owl.carousel.min.js +7 -0
- data/assets/js/popper.min.js +5 -0
- metadata +130 -2
|
@@ -0,0 +1,530 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<!--
|
|
3
|
+
Flaticon icon font: Flaticon
|
|
4
|
+
Creation date: 09/02/2019 00:29
|
|
5
|
+
-->
|
|
6
|
+
<html>
|
|
7
|
+
<!DOCTYPE html>
|
|
8
|
+
<html>
|
|
9
|
+
|
|
10
|
+
<head>
|
|
11
|
+
<title>Flaticon WebFont</title>
|
|
12
|
+
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css" />
|
|
13
|
+
<link rel="stylesheet" type="text/css" href="flaticon.css">
|
|
14
|
+
<meta charset="UTF-8">
|
|
15
|
+
<style>
|
|
16
|
+
html, body, div, span, applet, object, iframe,
|
|
17
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
18
|
+
a, abbr, acronym, address, big, cite, code,
|
|
19
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
20
|
+
small, strike, strong, sub, sup, tt, var,
|
|
21
|
+
b, u, i, center,
|
|
22
|
+
dl, dt, dd, ol, ul, li,
|
|
23
|
+
fieldset, form, label, legend,
|
|
24
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
25
|
+
article, aside, canvas, details, embed,
|
|
26
|
+
figure, figcaption, footer, header, hgroup,
|
|
27
|
+
menu, nav, output, ruby, section, summary,
|
|
28
|
+
time, mark, audio, video {
|
|
29
|
+
margin: 0;
|
|
30
|
+
padding: 0;
|
|
31
|
+
border: 0;
|
|
32
|
+
font-size: 100%;
|
|
33
|
+
font: inherit;
|
|
34
|
+
vertical-align: baseline;
|
|
35
|
+
}
|
|
36
|
+
/* HTML5 display-role reset for older browsers */
|
|
37
|
+
article, aside, details, figcaption, figure,
|
|
38
|
+
footer, header, hgroup, menu, nav, section {
|
|
39
|
+
display: block;
|
|
40
|
+
}
|
|
41
|
+
body {
|
|
42
|
+
line-height: 1;
|
|
43
|
+
}
|
|
44
|
+
ol, ul {
|
|
45
|
+
list-style: none;
|
|
46
|
+
}
|
|
47
|
+
blockquote, q {
|
|
48
|
+
quotes: none;
|
|
49
|
+
}
|
|
50
|
+
blockquote:before, blockquote:after,
|
|
51
|
+
q:before, q:after {
|
|
52
|
+
content: '';
|
|
53
|
+
content: none;
|
|
54
|
+
}
|
|
55
|
+
table {
|
|
56
|
+
border-collapse: collapse;
|
|
57
|
+
border-spacing: 0;
|
|
58
|
+
}
|
|
59
|
+
body {
|
|
60
|
+
font-family: 'Varela Round', Helvetica, Arial, sans-serif;
|
|
61
|
+
font-size: 16px;
|
|
62
|
+
color: #222;
|
|
63
|
+
}
|
|
64
|
+
a {
|
|
65
|
+
color: #333;
|
|
66
|
+
border-bottom: 1px solid #a9fd00;
|
|
67
|
+
font-weight: bold;
|
|
68
|
+
text-decoration: none;
|
|
69
|
+
}
|
|
70
|
+
* {
|
|
71
|
+
-moz-box-sizing: border-box;
|
|
72
|
+
-webkit-box-sizing: border-box;
|
|
73
|
+
box-sizing: border-box;
|
|
74
|
+
margin: 0;
|
|
75
|
+
padding: 0;
|
|
76
|
+
}
|
|
77
|
+
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
|
|
78
|
+
font-family: Flaticon;
|
|
79
|
+
font-size: 30px;
|
|
80
|
+
font-style: normal;
|
|
81
|
+
margin-left: 20px;
|
|
82
|
+
color: #333;
|
|
83
|
+
}
|
|
84
|
+
.wrapper {
|
|
85
|
+
max-width: 600px;
|
|
86
|
+
margin: auto;
|
|
87
|
+
padding: 0 1em;
|
|
88
|
+
}
|
|
89
|
+
.title {
|
|
90
|
+
font-size: 1.25em;
|
|
91
|
+
text-align: center;
|
|
92
|
+
margin-bottom: 1em;
|
|
93
|
+
text-transform: uppercase;
|
|
94
|
+
}
|
|
95
|
+
header {
|
|
96
|
+
text-align: center;
|
|
97
|
+
background-color: #222;
|
|
98
|
+
color: #fff;
|
|
99
|
+
padding: 1em;
|
|
100
|
+
}
|
|
101
|
+
header .logo {
|
|
102
|
+
width: 210px;
|
|
103
|
+
height: 38px;
|
|
104
|
+
display: inline-block;
|
|
105
|
+
vertical-align: middle;
|
|
106
|
+
margin-right: 1em;
|
|
107
|
+
border: none;
|
|
108
|
+
}
|
|
109
|
+
header strong {
|
|
110
|
+
font-size: 1.95em;
|
|
111
|
+
font-weight: bold;
|
|
112
|
+
vertical-align: middle;
|
|
113
|
+
margin-top: 5px;
|
|
114
|
+
display: inline-block;
|
|
115
|
+
}
|
|
116
|
+
.demo {
|
|
117
|
+
margin: 2em auto;
|
|
118
|
+
line-height: 1.25em;
|
|
119
|
+
}
|
|
120
|
+
.demo ul li {
|
|
121
|
+
margin-bottom: 1em;
|
|
122
|
+
}
|
|
123
|
+
.demo ul li .num {
|
|
124
|
+
color: #222;
|
|
125
|
+
border-radius: 20px;
|
|
126
|
+
display: inline-block;
|
|
127
|
+
width: 26px;
|
|
128
|
+
padding: 3px;
|
|
129
|
+
height: 26px;
|
|
130
|
+
text-align: center;
|
|
131
|
+
margin-right: 0.5em;
|
|
132
|
+
border: 1px solid #222;
|
|
133
|
+
}
|
|
134
|
+
.demo ul li code {
|
|
135
|
+
background-color: #222;
|
|
136
|
+
border-radius: 4px;
|
|
137
|
+
padding: 0.25em 0.5em;
|
|
138
|
+
display: inline-block;
|
|
139
|
+
color: #fff;
|
|
140
|
+
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
|
141
|
+
font-weight: lighter;
|
|
142
|
+
margin-top: 1em;
|
|
143
|
+
font-size: 0.8em;
|
|
144
|
+
word-break: break-all;
|
|
145
|
+
}
|
|
146
|
+
.demo ul li code.big {
|
|
147
|
+
padding: 1em;
|
|
148
|
+
font-size: 0.9em;
|
|
149
|
+
}
|
|
150
|
+
.demo ul li code .red {
|
|
151
|
+
color: #EF3159;
|
|
152
|
+
}
|
|
153
|
+
.demo ul li code .green {
|
|
154
|
+
color: #ACFF65;
|
|
155
|
+
}
|
|
156
|
+
.demo ul li code .yellow {
|
|
157
|
+
color: #FFFF99;
|
|
158
|
+
}
|
|
159
|
+
.demo ul li code .blue {
|
|
160
|
+
color: #99D3FF;
|
|
161
|
+
}
|
|
162
|
+
.demo ul li code .purple {
|
|
163
|
+
color: #A295FF;
|
|
164
|
+
}
|
|
165
|
+
.demo ul li code .dots {
|
|
166
|
+
margin-top: 0.5em;
|
|
167
|
+
display: block;
|
|
168
|
+
}
|
|
169
|
+
#glyphs {
|
|
170
|
+
border-bottom: 1px solid #ccc;
|
|
171
|
+
padding: 2em 0;
|
|
172
|
+
text-align: center;
|
|
173
|
+
}
|
|
174
|
+
.glyph {
|
|
175
|
+
display: inline-block;
|
|
176
|
+
width: 9em;
|
|
177
|
+
margin: 1em;
|
|
178
|
+
text-align: center;
|
|
179
|
+
vertical-align: top;
|
|
180
|
+
background: #FFF;
|
|
181
|
+
}
|
|
182
|
+
.glyph .glyph-icon {
|
|
183
|
+
padding: 10px;
|
|
184
|
+
display: block;
|
|
185
|
+
font-family:"Flaticon";
|
|
186
|
+
font-size: 64px;
|
|
187
|
+
line-height: 1;
|
|
188
|
+
}
|
|
189
|
+
.glyph .glyph-icon:before {
|
|
190
|
+
font-size: 64px;
|
|
191
|
+
color: #222;
|
|
192
|
+
margin-left: 0;
|
|
193
|
+
}
|
|
194
|
+
.class-name {
|
|
195
|
+
font-size: 0.65em;
|
|
196
|
+
background-color: #222;
|
|
197
|
+
color: #fff;
|
|
198
|
+
border-radius: 4px 4px 0 0;
|
|
199
|
+
padding: 0.5em;
|
|
200
|
+
color: #FFFF99;
|
|
201
|
+
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
|
202
|
+
}
|
|
203
|
+
.author-name {
|
|
204
|
+
font-size: 0.6em;
|
|
205
|
+
background-color: #fcfcfd;
|
|
206
|
+
border: 1px solid #DEDEE4;
|
|
207
|
+
border-top: 0;
|
|
208
|
+
border-radius: 0 0 4px 4px;
|
|
209
|
+
padding: 0.5em;
|
|
210
|
+
}
|
|
211
|
+
.class-name:last-child {
|
|
212
|
+
font-size: 10px;
|
|
213
|
+
color:#888;
|
|
214
|
+
}
|
|
215
|
+
.class-name:last-child a {
|
|
216
|
+
font-size: 10px;
|
|
217
|
+
color:#555;
|
|
218
|
+
}
|
|
219
|
+
.class-name:last-child a:hover {
|
|
220
|
+
color:#a9fd00;
|
|
221
|
+
}
|
|
222
|
+
.glyph > input {
|
|
223
|
+
display: block;
|
|
224
|
+
width: 100px;
|
|
225
|
+
margin: 5px auto;
|
|
226
|
+
text-align: center;
|
|
227
|
+
font-size: 12px;
|
|
228
|
+
cursor: text;
|
|
229
|
+
}
|
|
230
|
+
.glyph > input.icon-input {
|
|
231
|
+
font-family:"Flaticon";
|
|
232
|
+
font-size: 16px;
|
|
233
|
+
margin-bottom: 10px;
|
|
234
|
+
}
|
|
235
|
+
.attribution .title {
|
|
236
|
+
margin-top: 2em;
|
|
237
|
+
}
|
|
238
|
+
.attribution textarea {
|
|
239
|
+
background-color: #fcfcfd;
|
|
240
|
+
padding: 1em;
|
|
241
|
+
border: none;
|
|
242
|
+
box-shadow: none;
|
|
243
|
+
border: 1px solid #DEDEE4;
|
|
244
|
+
border-radius: 4px;
|
|
245
|
+
resize: none;
|
|
246
|
+
width: 100%;
|
|
247
|
+
height: 150px;
|
|
248
|
+
font-size: 0.8em;
|
|
249
|
+
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
|
250
|
+
-webkit-appearance: none;
|
|
251
|
+
}
|
|
252
|
+
.iconsuse {
|
|
253
|
+
margin: 2em auto;
|
|
254
|
+
text-align: center;
|
|
255
|
+
max-width: 1200px;
|
|
256
|
+
}
|
|
257
|
+
.iconsuse:after {
|
|
258
|
+
content: '';
|
|
259
|
+
display: table;
|
|
260
|
+
clear: both;
|
|
261
|
+
}
|
|
262
|
+
.iconsuse .image {
|
|
263
|
+
float: left;
|
|
264
|
+
width: 25%;
|
|
265
|
+
padding: 0 1em;
|
|
266
|
+
}
|
|
267
|
+
.iconsuse .image p {
|
|
268
|
+
margin-bottom: 1em;
|
|
269
|
+
}
|
|
270
|
+
.iconsuse .image span {
|
|
271
|
+
display: block;
|
|
272
|
+
font-size: 0.65em;
|
|
273
|
+
background-color: #222;
|
|
274
|
+
color: #fff;
|
|
275
|
+
border-radius: 4px;
|
|
276
|
+
padding: 0.5em;
|
|
277
|
+
color: #FFFF99;
|
|
278
|
+
margin-top: 1em;
|
|
279
|
+
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
|
|
280
|
+
}
|
|
281
|
+
#footer {
|
|
282
|
+
text-align: center;
|
|
283
|
+
background-color: #4C5B5C;
|
|
284
|
+
color: #7c9192;
|
|
285
|
+
padding: 1em;
|
|
286
|
+
}
|
|
287
|
+
#footer a {
|
|
288
|
+
border: none;
|
|
289
|
+
color: #a9fd00;
|
|
290
|
+
font-weight: normal;
|
|
291
|
+
}
|
|
292
|
+
@media (max-width: 960px) {
|
|
293
|
+
.iconsuse .image {
|
|
294
|
+
width: 50%;
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
@media (max-width: 560px) {
|
|
298
|
+
.iconsuse .image {
|
|
299
|
+
width: 100%;
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
</style>
|
|
303
|
+
</head>
|
|
304
|
+
|
|
305
|
+
<body class="characters-off">
|
|
306
|
+
|
|
307
|
+
<header>
|
|
308
|
+
<a href="https://www.flaticon.com" target="_blank" class="logo">
|
|
309
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" viewBox="0 0 560.875 102.036" enable-background="new 0 0 560.875 102.036" xml:space="preserve">
|
|
310
|
+
<defs>
|
|
311
|
+
</defs>
|
|
312
|
+
<g>
|
|
313
|
+
<g class="letters">
|
|
314
|
+
<path fill="#ffffff" d="M141.596,29.675c0-3.777,2.985-6.767,6.764-6.767h34.438c3.426,0,6.15,2.728,6.15,6.15
|
|
315
|
+
c0,3.43-2.724,6.149-6.15,6.149h-27.674v13.091h23.719c3.429,0,6.151,2.724,6.151,6.15c0,3.43-2.723,6.149-6.151,6.149h-23.719
|
|
316
|
+
v17.574c0,3.773-2.986,6.761-6.764,6.761c-3.779,0-6.764-2.989-6.764-6.761V29.675z"></path>
|
|
317
|
+
<path fill="#ffffff" d="M193.844,29.149c0-3.781,2.985-6.767,6.764-6.767c3.776,0,6.763,2.985,6.763,6.767v42.957h25.039
|
|
318
|
+
c3.426,0,6.149,2.726,6.149,6.153c0,3.425-2.723,6.15-6.149,6.15h-31.802c-3.779,0-6.764-2.986-6.764-6.768V29.149z"></path>
|
|
319
|
+
<path fill="#ffffff" d="M241.891,75.71l21.438-48.407c1.492-3.341,4.215-5.357,7.906-5.357h0.792
|
|
320
|
+
c3.686,0,6.323,2.017,7.815,5.357l21.439,48.407c0.436,0.967,0.701,1.845,0.701,2.723c0,3.602-2.809,6.501-6.414,6.501
|
|
321
|
+
c-3.161,0-5.269-1.845-6.499-4.655l-4.132-9.661h-27.059l-4.301,10.102c-1.144,2.631-3.426,4.214-6.237,4.214
|
|
322
|
+
c-3.517,0-6.24-2.81-6.24-6.325C241.1,77.64,241.451,76.677,241.891,75.71z M279.932,58.666l-8.521-20.297l-8.526,20.297H279.932
|
|
323
|
+
z"></path>
|
|
324
|
+
<path fill="#ffffff" d="M314.864,35.387H301.86c-3.429,0-6.239-2.813-6.239-6.238c0-3.429,2.811-6.24,6.239-6.24h39.533
|
|
325
|
+
c3.426,0,6.237,2.811,6.237,6.24c0,3.425-2.811,6.238-6.237,6.238h-13.001v42.785c0,3.773-2.99,6.761-6.764,6.761
|
|
326
|
+
c-3.779,0-6.764-2.989-6.764-6.761V35.387z"></path>
|
|
327
|
+
<path fill="#A9FD00" d="M352.615,29.149c0-3.781,2.985-6.767,6.767-6.767c3.774,0,6.761,2.985,6.761,6.767v49.024
|
|
328
|
+
c0,3.773-2.987,6.761-6.761,6.761c-3.781,0-6.767-2.989-6.767-6.761V29.149z"></path>
|
|
329
|
+
<path fill="#A9FD00" d="M374.132,53.836v-0.179c0-17.481,13.178-31.801,32.065-31.801c9.22,0,15.459,2.458,20.557,6.238
|
|
330
|
+
c1.402,1.054,2.637,2.985,2.637,5.357c0,3.692-2.985,6.59-6.681,6.59c-1.845,0-3.071-0.702-4.044-1.319
|
|
331
|
+
c-3.776-2.813-7.729-4.393-12.562-4.393c-10.364,0-17.831,8.611-17.831,19.154v0.173c0,10.542,7.291,19.329,17.831,19.329
|
|
332
|
+
c5.715,0,9.492-1.756,13.359-4.834c1.049-0.874,2.458-1.491,4.039-1.491c3.429,0,6.325,2.813,6.325,6.236
|
|
333
|
+
c0,2.106-1.056,3.78-2.282,4.834c-5.539,4.834-12.036,7.733-21.878,7.733C387.572,85.464,374.132,71.493,374.132,53.836z"></path>
|
|
334
|
+
<path fill="#A9FD00" d="M433.009,53.836v-0.179c0-17.481,13.79-31.801,32.766-31.801c18.981,0,32.592,14.143,32.592,31.628v0.173
|
|
335
|
+
c0,17.483-13.785,31.807-32.769,31.807C446.625,85.464,433.009,71.32,433.009,53.836z M484.224,53.836v-0.179
|
|
336
|
+
c0-10.539-7.725-19.326-18.626-19.326c-10.893,0-18.449,8.611-18.449,19.154v0.173c0,10.542,7.73,19.329,18.626,19.329
|
|
337
|
+
C476.676,72.986,484.224,64.378,484.224,53.836z"></path>
|
|
338
|
+
<path fill="#A9FD00" d="M506.233,29.321c0-3.774,2.99-6.763,6.767-6.763h1.401c3.252,0,5.183,1.583,7.029,3.953l26.093,34.265
|
|
339
|
+
V29.059c0-3.692,2.99-6.677,6.681-6.677c3.683,0,6.671,2.985,6.671,6.677v48.934c0,3.78-2.987,6.765-6.764,6.765h-0.436
|
|
340
|
+
c-3.257,0-5.188-1.581-7.034-3.953l-27.056-35.492v32.944c0,3.687-2.985,6.676-6.678,6.676c-3.683,0-6.673-2.989-6.673-6.676
|
|
341
|
+
V29.321z"></path>
|
|
342
|
+
</g>
|
|
343
|
+
<g class="insignia">
|
|
344
|
+
<path fill="#ffffff" d="M48.372,56.137h12.517l11.156-18.537H37.186L25.688,18.539h57.825L94.668,0H9.271
|
|
345
|
+
C5.925,0,2.842,1.801,1.198,4.716c-1.644,2.907-1.593,6.482,0.134,9.343l50.38,83.501c1.678,2.781,4.689,4.476,7.938,4.476
|
|
346
|
+
c3.246,0,6.257-1.695,7.935-4.476l2.898-4.804L48.372,56.137z"></path>
|
|
347
|
+
<g class="i">
|
|
348
|
+
<path fill="#A9FD00" d="M93.575,18.539h0.031v0.004l21.652,0.004l2.705-4.488c1.727-2.861,1.778-6.436,0.133-9.343
|
|
349
|
+
C116.454,1.801,113.371,0,110.026,0h-5.294L93.575,18.539z"></path>
|
|
350
|
+
<polygon fill="#A9FD00" points="88.291,27.356 64.725,66.486 75.519,84.404 109.942,27.356"></polygon>
|
|
351
|
+
</g>
|
|
352
|
+
</g>
|
|
353
|
+
</g>
|
|
354
|
+
</svg>
|
|
355
|
+
</a>
|
|
356
|
+
<strong>Font Demo</strong>
|
|
357
|
+
</header>
|
|
358
|
+
|
|
359
|
+
|
|
360
|
+
<section class="demo wrapper">
|
|
361
|
+
|
|
362
|
+
<p class="title">Instructions</p>
|
|
363
|
+
|
|
364
|
+
<ul>
|
|
365
|
+
<li>
|
|
366
|
+
<span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder.
|
|
367
|
+
</li>
|
|
368
|
+
<li>
|
|
369
|
+
<span class="num">2</span>Add the CSS link to your website source code on header.
|
|
370
|
+
<code class="big">
|
|
371
|
+
<<span class="red">head</span>>
|
|
372
|
+
<br/><span class="dots">...</span>
|
|
373
|
+
<br/><<span class="red">link</span> <span class="green">rel</span>=<span class="yellow">"stylesheet"</span> <span class="green">type</span>=<span class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>>
|
|
374
|
+
<br/><span class="dots">...</span>
|
|
375
|
+
<br/></<span class="red">head</span>>
|
|
376
|
+
</code>
|
|
377
|
+
</li>
|
|
378
|
+
|
|
379
|
+
<li>
|
|
380
|
+
<p>
|
|
381
|
+
<span class="num">3</span>Use the icon class on <code>"<span class="blue">display</span>:<span class="purple"> inline</span>"</code> elements:
|
|
382
|
+
<br />
|
|
383
|
+
Use example: <code><<span class="red">i</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">i</span>></code> or <code><<span class="red">span</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">span</span>></code>
|
|
384
|
+
</li>
|
|
385
|
+
</ul>
|
|
386
|
+
|
|
387
|
+
</section>
|
|
388
|
+
|
|
389
|
+
|
|
390
|
+
|
|
391
|
+
|
|
392
|
+
<section id="glyphs">
|
|
393
|
+
|
|
394
|
+
|
|
395
|
+
<div class="glyph"><div class="glyph-icon flaticon-brain"></div>
|
|
396
|
+
<div class="class-name">.flaticon-brain</div>
|
|
397
|
+
<div class="author-name">Author: <a data-file="001-brain" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a> </div>
|
|
398
|
+
</div>
|
|
399
|
+
|
|
400
|
+
<div class="glyph"><div class="glyph-icon flaticon-brain-1"></div>
|
|
401
|
+
<div class="class-name">.flaticon-brain-1</div>
|
|
402
|
+
<div class="author-name">Author: <a data-file="002-brain-1" href="https://www.flaticon.com/authors/geotatah">geotatah</a> </div>
|
|
403
|
+
</div>
|
|
404
|
+
|
|
405
|
+
<div class="glyph"><div class="glyph-icon flaticon-brain-2"></div>
|
|
406
|
+
<div class="class-name">.flaticon-brain-2</div>
|
|
407
|
+
<div class="author-name">Author: <a data-file="003-brain-2" href="http://www.freepik.com">Freepik</a> </div>
|
|
408
|
+
</div>
|
|
409
|
+
|
|
410
|
+
<div class="glyph"><div class="glyph-icon flaticon-brain-3"></div>
|
|
411
|
+
<div class="class-name">.flaticon-brain-3</div>
|
|
412
|
+
<div class="author-name">Author: <a data-file="004-brain-3" href="http://www.freepik.com">Freepik</a> </div>
|
|
413
|
+
</div>
|
|
414
|
+
|
|
415
|
+
<div class="glyph"><div class="glyph-icon flaticon-brain-4"></div>
|
|
416
|
+
<div class="class-name">.flaticon-brain-4</div>
|
|
417
|
+
<div class="author-name">Author: <a data-file="005-brain-4" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div>
|
|
418
|
+
</div>
|
|
419
|
+
|
|
420
|
+
<div class="glyph"><div class="glyph-icon flaticon-brain-5"></div>
|
|
421
|
+
<div class="class-name">.flaticon-brain-5</div>
|
|
422
|
+
<div class="author-name">Author: <a data-file="006-brain-5" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div>
|
|
423
|
+
</div>
|
|
424
|
+
|
|
425
|
+
<div class="glyph"><div class="glyph-icon flaticon-brain-6"></div>
|
|
426
|
+
<div class="class-name">.flaticon-brain-6</div>
|
|
427
|
+
<div class="author-name">Author: <a data-file="007-brain-6" href="http://www.freepik.com">Freepik</a> </div>
|
|
428
|
+
</div>
|
|
429
|
+
|
|
430
|
+
<div class="glyph"><div class="glyph-icon flaticon-twitter"></div>
|
|
431
|
+
<div class="class-name">.flaticon-twitter</div>
|
|
432
|
+
<div class="author-name">Author: <a data-file="008-twitter" href="http://www.freepik.com">Freepik</a> </div>
|
|
433
|
+
</div>
|
|
434
|
+
|
|
435
|
+
<div class="glyph"><div class="glyph-icon flaticon-facebook"></div>
|
|
436
|
+
<div class="class-name">.flaticon-facebook</div>
|
|
437
|
+
<div class="author-name">Author: <a data-file="009-facebook" href="http://www.freepik.com">Freepik</a> </div>
|
|
438
|
+
</div>
|
|
439
|
+
|
|
440
|
+
<div class="glyph"><div class="glyph-icon flaticon-instagram"></div>
|
|
441
|
+
<div class="class-name">.flaticon-instagram</div>
|
|
442
|
+
<div class="author-name">Author: <a data-file="010-instagram" href="http://www.freepik.com">Freepik</a> </div>
|
|
443
|
+
</div>
|
|
444
|
+
|
|
445
|
+
<div class="glyph"><div class="glyph-icon flaticon-twitter-1"></div>
|
|
446
|
+
<div class="class-name">.flaticon-twitter-1</div>
|
|
447
|
+
<div class="author-name">Author: <a data-file="011-twitter-1" href="http://www.freepik.com">Freepik</a> </div>
|
|
448
|
+
</div>
|
|
449
|
+
|
|
450
|
+
<div class="glyph"><div class="glyph-icon flaticon-brand"></div>
|
|
451
|
+
<div class="class-name">.flaticon-brand</div>
|
|
452
|
+
<div class="author-name">Author: <a data-file="012-brand" href="http://www.freepik.com">Freepik</a> </div>
|
|
453
|
+
</div>
|
|
454
|
+
|
|
455
|
+
<div class="glyph"><div class="glyph-icon flaticon-linkedin"></div>
|
|
456
|
+
<div class="class-name">.flaticon-linkedin</div>
|
|
457
|
+
<div class="author-name">Author: <a data-file="013-linkedin" href="http://www.freepik.com">Freepik</a> </div>
|
|
458
|
+
</div>
|
|
459
|
+
|
|
460
|
+
<div class="glyph"><div class="glyph-icon flaticon-telegram"></div>
|
|
461
|
+
<div class="class-name">.flaticon-telegram</div>
|
|
462
|
+
<div class="author-name">Author: <a data-file="014-telegram" href="http://www.freepik.com">Freepik</a> </div>
|
|
463
|
+
</div>
|
|
464
|
+
|
|
465
|
+
<div class="glyph"><div class="glyph-icon flaticon-github"></div>
|
|
466
|
+
<div class="class-name">.flaticon-github</div>
|
|
467
|
+
<div class="author-name">Author: <a data-file="015-github" href="http://www.freepik.com">Freepik</a> </div>
|
|
468
|
+
</div>
|
|
469
|
+
|
|
470
|
+
|
|
471
|
+
</section>
|
|
472
|
+
|
|
473
|
+
|
|
474
|
+
|
|
475
|
+
<section class="attribution wrapper" style="text-align:center;">
|
|
476
|
+
|
|
477
|
+
<div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="001-brain" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a>, <a data-file="002-brain-1" href="https://www.flaticon.com/authors/geotatah">geotatah</a>, <a data-file="015-github" href="http://www.freepik.com">Freepik</a>, <a data-file="006-brain-5" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a></p> </div>
|
|
478
|
+
</div>
|
|
479
|
+
<div class="title">Copy the Attribution License:</div>
|
|
480
|
+
|
|
481
|
+
<textarea onclick="this.focus();this.select();">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="001-brain" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a>, <a data-file="002-brain-1" href="https://www.flaticon.com/authors/geotatah">geotatah</a>, <a data-file="015-github" href="http://www.freepik.com">Freepik</a>, <a data-file="006-brain-5" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a></p>
|
|
482
|
+
</textarea>
|
|
483
|
+
|
|
484
|
+
</section>
|
|
485
|
+
|
|
486
|
+
<section class="iconsuse">
|
|
487
|
+
|
|
488
|
+
<div class="title">Examples:</div>
|
|
489
|
+
|
|
490
|
+
<div class="image">
|
|
491
|
+
<p>
|
|
492
|
+
<i class="glyph-icon flaticon-brain"></i>
|
|
493
|
+
<span><i class="flaticon-brain"></i></span>
|
|
494
|
+
</p>
|
|
495
|
+
</div>
|
|
496
|
+
|
|
497
|
+
<div class="image">
|
|
498
|
+
<p>
|
|
499
|
+
<i class="glyph-icon flaticon-brain-1"></i>
|
|
500
|
+
<span><i class="flaticon-brain-1"></i></span>
|
|
501
|
+
</p>
|
|
502
|
+
</div>
|
|
503
|
+
|
|
504
|
+
<div class="image">
|
|
505
|
+
<p>
|
|
506
|
+
<i class="glyph-icon flaticon-brain-2"></i>
|
|
507
|
+
<span><i class="flaticon-brain-2"></i></span>
|
|
508
|
+
</p>
|
|
509
|
+
</div>
|
|
510
|
+
|
|
511
|
+
<div class="image">
|
|
512
|
+
<p>
|
|
513
|
+
<i class="glyph-icon flaticon-brain-3"></i>
|
|
514
|
+
<span><i class="flaticon-brain-3"></i></span>
|
|
515
|
+
</p>
|
|
516
|
+
</div>
|
|
517
|
+
|
|
518
|
+
</div>
|
|
519
|
+
|
|
520
|
+
</section>
|
|
521
|
+
|
|
522
|
+
<div id="footer">
|
|
523
|
+
<div>Generated by <a href="https://www.flaticon.com">flaticon.com</a>
|
|
524
|
+
</div>
|
|
525
|
+
</div>
|
|
526
|
+
|
|
527
|
+
|
|
528
|
+
|
|
529
|
+
</body>
|
|
530
|
+
</html>
|
|
Binary file
|
|
Binary file
|