Files
AutoIndex-pl4/assets/fonts/EastSyriacAdiabene.html

529 lines
26 KiB
HTML

<!doctype html>
<html>
<head>
<title>EastSyriacAdiabeneV1.1</title>
<style>
@font-face {
font-family: "EastSyriacAdiabeneV1.1";
src: url("Adiabene.svg") format("svg");
font-weight: normal;
font-style: normal;
}
body {
font-family: sans-serif;
color: #444;
line-height: 1.5;
font-size: 16px;
padding: 20px;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
paddin: 0;
}
.glyph{
display: inline-block;
width: 120px;
margin: 10px;
text-align: center;
vertical-align: top;
background: #eee;
border-radius: 10px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}
.glyph-icon{
padding: 10px;
display: block;
font-family: "EastSyriacAdiabeneV1.1";
font-size: 64px;
line-height: 1;
}
.glyph-icon:before{
content: attr(data-icon);
}
.class-name{
font-size: 12px;
}
.glyph > input{
display: block;
width: 100px;
margin: 5px auto;
text-align: center;
font-size: 12px;
cursor: text;
}
.glyph > input.icon-input{
font-family: "EastSyriacAdiabeneV1.1";
font-size: 16px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<section id="glyphs"><div class="glyph">
<div class="glyph-icon" data-icon="&#x2c6;"></div>
<div class="class-name">icon-.notdef</div>
<input type="text" readonly="readonly" value="&amp;#x2c6;" />
<input type="text" readonly="readonly" value="\2c6" />
<input type="text" readonly="readonly" value="&#x2c6;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x178;"></div>
<div class="class-name">icon-.notdef</div>
<input type="text" readonly="readonly" value="&amp;#x178;" />
<input type="text" readonly="readonly" value="\178" />
<input type="text" readonly="readonly" value="&#x178;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x2dc;"></div>
<div class="class-name">icon-.notdef</div>
<input type="text" readonly="readonly" value="&amp;#x2dc;" />
<input type="text" readonly="readonly" value="\2dc" />
<input type="text" readonly="readonly" value="&#x2dc;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x192;"></div>
<div class="class-name">icon-.notdef</div>
<input type="text" readonly="readonly" value="&amp;#x192;" />
<input type="text" readonly="readonly" value="\192" />
<input type="text" readonly="readonly" value="&#x192;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x2122;"></div>
<div class="class-name">icon-.notdef</div>
<input type="text" readonly="readonly" value="&amp;#x2122;" />
<input type="text" readonly="readonly" value="\2122" />
<input type="text" readonly="readonly" value="&#x2122;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x2030;"></div>
<div class="class-name">icon-.notdef</div>
<input type="text" readonly="readonly" value="&amp;#x2030;" />
<input type="text" readonly="readonly" value="\2030" />
<input type="text" readonly="readonly" value="&#x2030;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x2026;"></div>
<div class="class-name">icon-.notdef</div>
<input type="text" readonly="readonly" value="&amp;#x2026;" />
<input type="text" readonly="readonly" value="\2026" />
<input type="text" readonly="readonly" value="&#x2026;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x41;"></div>
<div class="class-name">icon-A</div>
<input type="text" readonly="readonly" value="&amp;#x41;" />
<input type="text" readonly="readonly" value="\41" />
<input type="text" readonly="readonly" value="&#x41;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x42;"></div>
<div class="class-name">icon-B</div>
<input type="text" readonly="readonly" value="&amp;#x42;" />
<input type="text" readonly="readonly" value="\42" />
<input type="text" readonly="readonly" value="&#x42;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x45;"></div>
<div class="class-name">icon-E</div>
<input type="text" readonly="readonly" value="&amp;#x45;" />
<input type="text" readonly="readonly" value="\45" />
<input type="text" readonly="readonly" value="&#x45;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x46;"></div>
<div class="class-name">icon-F</div>
<input type="text" readonly="readonly" value="&amp;#x46;" />
<input type="text" readonly="readonly" value="\46" />
<input type="text" readonly="readonly" value="&#x46;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x47;"></div>
<div class="class-name">icon-G</div>
<input type="text" readonly="readonly" value="&amp;#x47;" />
<input type="text" readonly="readonly" value="\47" />
<input type="text" readonly="readonly" value="&#x47;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x49;"></div>
<div class="class-name">icon-I</div>
<input type="text" readonly="readonly" value="&amp;#x49;" />
<input type="text" readonly="readonly" value="\49" />
<input type="text" readonly="readonly" value="&#x49;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x4a;"></div>
<div class="class-name">icon-J</div>
<input type="text" readonly="readonly" value="&amp;#x4a;" />
<input type="text" readonly="readonly" value="\4a" />
<input type="text" readonly="readonly" value="&#x4a;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x4b;"></div>
<div class="class-name">icon-K</div>
<input type="text" readonly="readonly" value="&amp;#x4b;" />
<input type="text" readonly="readonly" value="\4b" />
<input type="text" readonly="readonly" value="&#x4b;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x4c;"></div>
<div class="class-name">icon-L</div>
<input type="text" readonly="readonly" value="&amp;#x4c;" />
<input type="text" readonly="readonly" value="\4c" />
<input type="text" readonly="readonly" value="&#x4c;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x4d;"></div>
<div class="class-name">icon-M</div>
<input type="text" readonly="readonly" value="&amp;#x4d;" />
<input type="text" readonly="readonly" value="\4d" />
<input type="text" readonly="readonly" value="&#x4d;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x4e;"></div>
<div class="class-name">icon-N</div>
<input type="text" readonly="readonly" value="&amp;#x4e;" />
<input type="text" readonly="readonly" value="\4e" />
<input type="text" readonly="readonly" value="&#x4e;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x4f;"></div>
<div class="class-name">icon-O</div>
<input type="text" readonly="readonly" value="&amp;#x4f;" />
<input type="text" readonly="readonly" value="\4f" />
<input type="text" readonly="readonly" value="&#x4f;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x50;"></div>
<div class="class-name">icon-P</div>
<input type="text" readonly="readonly" value="&amp;#x50;" />
<input type="text" readonly="readonly" value="\50" />
<input type="text" readonly="readonly" value="&#x50;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x51;"></div>
<div class="class-name">icon-Q</div>
<input type="text" readonly="readonly" value="&amp;#x51;" />
<input type="text" readonly="readonly" value="\51" />
<input type="text" readonly="readonly" value="&#x51;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x53;"></div>
<div class="class-name">icon-S</div>
<input type="text" readonly="readonly" value="&amp;#x53;" />
<input type="text" readonly="readonly" value="\53" />
<input type="text" readonly="readonly" value="&#x53;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x56;"></div>
<div class="class-name">icon-V</div>
<input type="text" readonly="readonly" value="&amp;#x56;" />
<input type="text" readonly="readonly" value="\56" />
<input type="text" readonly="readonly" value="&#x56;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x58;"></div>
<div class="class-name">icon-X</div>
<input type="text" readonly="readonly" value="&amp;#x58;" />
<input type="text" readonly="readonly" value="\58" />
<input type="text" readonly="readonly" value="&#x58;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x59;"></div>
<div class="class-name">icon-Y</div>
<input type="text" readonly="readonly" value="&amp;#x59;" />
<input type="text" readonly="readonly" value="\59" />
<input type="text" readonly="readonly" value="&#x59;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x61;"></div>
<div class="class-name">icon-a</div>
<input type="text" readonly="readonly" value="&amp;#x61;" />
<input type="text" readonly="readonly" value="\61" />
<input type="text" readonly="readonly" value="&#x61;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x5e;"></div>
<div class="class-name">icon-asciicircum</div>
<input type="text" readonly="readonly" value="&amp;#x5e;" />
<input type="text" readonly="readonly" value="\5e" />
<input type="text" readonly="readonly" value="&#x5e;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x40;"></div>
<div class="class-name">icon-at</div>
<input type="text" readonly="readonly" value="&amp;#x40;" />
<input type="text" readonly="readonly" value="\40" />
<input type="text" readonly="readonly" value="&#x40;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x62;"></div>
<div class="class-name">icon-b</div>
<input type="text" readonly="readonly" value="&amp;#x62;" />
<input type="text" readonly="readonly" value="\62" />
<input type="text" readonly="readonly" value="&#x62;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x7d;"></div>
<div class="class-name">icon-braceright</div>
<input type="text" readonly="readonly" value="&amp;#x7d;" />
<input type="text" readonly="readonly" value="\7d" />
<input type="text" readonly="readonly" value="&#x7d;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x63;"></div>
<div class="class-name">icon-c</div>
<input type="text" readonly="readonly" value="&amp;#x63;" />
<input type="text" readonly="readonly" value="\63" />
<input type="text" readonly="readonly" value="&#x63;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x64;"></div>
<div class="class-name">icon-d</div>
<input type="text" readonly="readonly" value="&amp;#x64;" />
<input type="text" readonly="readonly" value="\64" />
<input type="text" readonly="readonly" value="&#x64;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x24;"></div>
<div class="class-name">icon-dollar</div>
<input type="text" readonly="readonly" value="&amp;#x24;" />
<input type="text" readonly="readonly" value="\24" />
<input type="text" readonly="readonly" value="&#x24;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x65;"></div>
<div class="class-name">icon-e</div>
<input type="text" readonly="readonly" value="&amp;#x65;" />
<input type="text" readonly="readonly" value="\65" />
<input type="text" readonly="readonly" value="&#x65;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x38;"></div>
<div class="class-name">icon-eight</div>
<input type="text" readonly="readonly" value="&amp;#x38;" />
<input type="text" readonly="readonly" value="\38" />
<input type="text" readonly="readonly" value="&#x38;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x3d;"></div>
<div class="class-name">icon-equal</div>
<input type="text" readonly="readonly" value="&amp;#x3d;" />
<input type="text" readonly="readonly" value="\3d" />
<input type="text" readonly="readonly" value="&#x3d;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x66;"></div>
<div class="class-name">icon-f</div>
<input type="text" readonly="readonly" value="&amp;#x66;" />
<input type="text" readonly="readonly" value="\66" />
<input type="text" readonly="readonly" value="&#x66;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x35;"></div>
<div class="class-name">icon-five</div>
<input type="text" readonly="readonly" value="&amp;#x35;" />
<input type="text" readonly="readonly" value="\35" />
<input type="text" readonly="readonly" value="&#x35;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x34;"></div>
<div class="class-name">icon-four</div>
<input type="text" readonly="readonly" value="&amp;#x34;" />
<input type="text" readonly="readonly" value="\34" />
<input type="text" readonly="readonly" value="&#x34;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x67;"></div>
<div class="class-name">icon-g</div>
<input type="text" readonly="readonly" value="&amp;#x67;" />
<input type="text" readonly="readonly" value="\67" />
<input type="text" readonly="readonly" value="&#x67;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x60;"></div>
<div class="class-name">icon-grave</div>
<input type="text" readonly="readonly" value="&amp;#x60;" />
<input type="text" readonly="readonly" value="\60" />
<input type="text" readonly="readonly" value="&#x60;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x68;"></div>
<div class="class-name">icon-h</div>
<input type="text" readonly="readonly" value="&amp;#x68;" />
<input type="text" readonly="readonly" value="\68" />
<input type="text" readonly="readonly" value="&#x68;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x2d;"></div>
<div class="class-name">icon-hyphen</div>
<input type="text" readonly="readonly" value="&amp;#x2d;" />
<input type="text" readonly="readonly" value="\2d" />
<input type="text" readonly="readonly" value="&#x2d;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x69;"></div>
<div class="class-name">icon-i</div>
<input type="text" readonly="readonly" value="&amp;#x69;" />
<input type="text" readonly="readonly" value="\69" />
<input type="text" readonly="readonly" value="&#x69;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x6b;"></div>
<div class="class-name">icon-k</div>
<input type="text" readonly="readonly" value="&amp;#x6b;" />
<input type="text" readonly="readonly" value="\6b" />
<input type="text" readonly="readonly" value="&#x6b;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x6c;"></div>
<div class="class-name">icon-l</div>
<input type="text" readonly="readonly" value="&amp;#x6c;" />
<input type="text" readonly="readonly" value="\6c" />
<input type="text" readonly="readonly" value="&#x6c;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x3c;"></div>
<div class="class-name">icon-less</div>
<input type="text" readonly="readonly" value="&amp;#x3c;" />
<input type="text" readonly="readonly" value="\3c" />
<input type="text" readonly="readonly" value="&#x3c;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x6d;"></div>
<div class="class-name">icon-m</div>
<input type="text" readonly="readonly" value="&amp;#x6d;" />
<input type="text" readonly="readonly" value="\6d" />
<input type="text" readonly="readonly" value="&#x6d;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x6e;"></div>
<div class="class-name">icon-n</div>
<input type="text" readonly="readonly" value="&amp;#x6e;" />
<input type="text" readonly="readonly" value="\6e" />
<input type="text" readonly="readonly" value="&#x6e;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x39;"></div>
<div class="class-name">icon-nine</div>
<input type="text" readonly="readonly" value="&amp;#x39;" />
<input type="text" readonly="readonly" value="\39" />
<input type="text" readonly="readonly" value="&#x39;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x23;"></div>
<div class="class-name">icon-numbersign</div>
<input type="text" readonly="readonly" value="&amp;#x23;" />
<input type="text" readonly="readonly" value="\23" />
<input type="text" readonly="readonly" value="&#x23;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x6f;"></div>
<div class="class-name">icon-o</div>
<input type="text" readonly="readonly" value="&amp;#x6f;" />
<input type="text" readonly="readonly" value="\6f" />
<input type="text" readonly="readonly" value="&#x6f;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x31;"></div>
<div class="class-name">icon-one</div>
<input type="text" readonly="readonly" value="&amp;#x31;" />
<input type="text" readonly="readonly" value="\31" />
<input type="text" readonly="readonly" value="&#x31;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x70;"></div>
<div class="class-name">icon-p</div>
<input type="text" readonly="readonly" value="&amp;#x70;" />
<input type="text" readonly="readonly" value="\70" />
<input type="text" readonly="readonly" value="&#x70;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x28;"></div>
<div class="class-name">icon-parenleft</div>
<input type="text" readonly="readonly" value="&amp;#x28;" />
<input type="text" readonly="readonly" value="\28" />
<input type="text" readonly="readonly" value="&#x28;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x25;"></div>
<div class="class-name">icon-percent</div>
<input type="text" readonly="readonly" value="&amp;#x25;" />
<input type="text" readonly="readonly" value="\25" />
<input type="text" readonly="readonly" value="&#x25;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x2e;"></div>
<div class="class-name">icon-period</div>
<input type="text" readonly="readonly" value="&amp;#x2e;" />
<input type="text" readonly="readonly" value="\2e" />
<input type="text" readonly="readonly" value="&#x2e;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#xb7;"></div>
<div class="class-name">icon-periodcentered</div>
<input type="text" readonly="readonly" value="&amp;#xb7;" />
<input type="text" readonly="readonly" value="\b7" />
<input type="text" readonly="readonly" value="&#xb7;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x2219;"></div>
<div class="class-name">icon-periodcentered</div>
<input type="text" readonly="readonly" value="&amp;#x2219;" />
<input type="text" readonly="readonly" value="\2219" />
<input type="text" readonly="readonly" value="&#x2219;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x2b;"></div>
<div class="class-name">icon-plus</div>
<input type="text" readonly="readonly" value="&amp;#x2b;" />
<input type="text" readonly="readonly" value="\2b" />
<input type="text" readonly="readonly" value="&#x2b;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x71;"></div>
<div class="class-name">icon-q</div>
<input type="text" readonly="readonly" value="&amp;#x71;" />
<input type="text" readonly="readonly" value="\71" />
<input type="text" readonly="readonly" value="&#x71;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x3f;"></div>
<div class="class-name">icon-question</div>
<input type="text" readonly="readonly" value="&amp;#x3f;" />
<input type="text" readonly="readonly" value="\3f" />
<input type="text" readonly="readonly" value="&#x3f;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x72;"></div>
<div class="class-name">icon-r</div>
<input type="text" readonly="readonly" value="&amp;#x72;" />
<input type="text" readonly="readonly" value="\72" />
<input type="text" readonly="readonly" value="&#x72;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x73;"></div>
<div class="class-name">icon-s</div>
<input type="text" readonly="readonly" value="&amp;#x73;" />
<input type="text" readonly="readonly" value="\73" />
<input type="text" readonly="readonly" value="&#x73;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x3b;"></div>
<div class="class-name">icon-semicolon</div>
<input type="text" readonly="readonly" value="&amp;#x3b;" />
<input type="text" readonly="readonly" value="\3b" />
<input type="text" readonly="readonly" value="&#x3b;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x36;"></div>
<div class="class-name">icon-six</div>
<input type="text" readonly="readonly" value="&amp;#x36;" />
<input type="text" readonly="readonly" value="\36" />
<input type="text" readonly="readonly" value="&#x36;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x74;"></div>
<div class="class-name">icon-t</div>
<input type="text" readonly="readonly" value="&amp;#x74;" />
<input type="text" readonly="readonly" value="\74" />
<input type="text" readonly="readonly" value="&#x74;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x33;"></div>
<div class="class-name">icon-three</div>
<input type="text" readonly="readonly" value="&amp;#x33;" />
<input type="text" readonly="readonly" value="\33" />
<input type="text" readonly="readonly" value="&#x33;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x32;"></div>
<div class="class-name">icon-two</div>
<input type="text" readonly="readonly" value="&amp;#x32;" />
<input type="text" readonly="readonly" value="\32" />
<input type="text" readonly="readonly" value="&#x32;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x75;"></div>
<div class="class-name">icon-u</div>
<input type="text" readonly="readonly" value="&amp;#x75;" />
<input type="text" readonly="readonly" value="\75" />
<input type="text" readonly="readonly" value="&#x75;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x5f;"></div>
<div class="class-name">icon-underscore</div>
<input type="text" readonly="readonly" value="&amp;#x5f;" />
<input type="text" readonly="readonly" value="\5f" />
<input type="text" readonly="readonly" value="&#x5f;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x76;"></div>
<div class="class-name">icon-v</div>
<input type="text" readonly="readonly" value="&amp;#x76;" />
<input type="text" readonly="readonly" value="\76" />
<input type="text" readonly="readonly" value="&#x76;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x77;"></div>
<div class="class-name">icon-w</div>
<input type="text" readonly="readonly" value="&amp;#x77;" />
<input type="text" readonly="readonly" value="\77" />
<input type="text" readonly="readonly" value="&#x77;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x78;"></div>
<div class="class-name">icon-x</div>
<input type="text" readonly="readonly" value="&amp;#x78;" />
<input type="text" readonly="readonly" value="\78" />
<input type="text" readonly="readonly" value="&#x78;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x79;"></div>
<div class="class-name">icon-y</div>
<input type="text" readonly="readonly" value="&amp;#x79;" />
<input type="text" readonly="readonly" value="\79" />
<input type="text" readonly="readonly" value="&#x79;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x7a;"></div>
<div class="class-name">icon-z</div>
<input type="text" readonly="readonly" value="&amp;#x7a;" />
<input type="text" readonly="readonly" value="\7a" />
<input type="text" readonly="readonly" value="&#x7a;" class="icon-input" />
</div><div class="glyph">
<div class="glyph-icon" data-icon="&#x30;"></div>
<div class="class-name">icon-zero</div>
<input type="text" readonly="readonly" value="&amp;#x30;" />
<input type="text" readonly="readonly" value="\30" />
<input type="text" readonly="readonly" value="&#x30;" class="icon-input" />
</div></section>
</body>
</html>