myweb/webhome/static/icon-keyboard.html

             <html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/static/normalize.css" type="text/css">
    <link rel="stylesheet" href="/static/style_main.css" type="text/css">
    <link rel="stylesheet" id="csstheme" href="/static/style_dark.css" type="text/css">
    <link rel="icon" type="image/ico" href="/static/favicon.ico">
</head>
<body>
<main>
	<style>
        #keyboard-bg div, .keyboard-bg div, #keyboard-bg label, .keyboard-bg label { position: absolute; border-color: #000; box-sizing: border-box; background-clip: padding-box }
.kl0 div, .kl2 div { vertical-align: top ;}
.kl6 div, .kl8 div { vertical-align: bottom ;}
.kl2, .kl8 {
    left: 100%;
transform: translateX(-50%);
}
* {
    font-size: 14px!important;
}

.kb { border-radius: 5px; border: 1px solid black; background-color: #161823; width: 54px; height: 54px; display: block }
.kt { border-radius: 5px; border: 1px solid black !important; background-color: #1f2231; width: 42px; height: 42px; display: block }
.kls { sans-serif; padding: 3px; width: 42px; height: 42px; }
.kl { width: 36px; height: 36px; color: rgb(8, 8, 8); }
.kl > div { display: table-cell; position: static !important; width: 36px; height: 36px; max-width: 36px; }

.kr1 .kt, .kr1 .kls { top: 3px; }
.kr2 .kt, .kr2 .kls { top: 84px; }	.kr2 .kb { top: 81px }
.kr3 .kt, .kr3 .kls { top: 138px; }	.kr3 .kb { top: 135px }
.kr4 .kt, .kr4 .kls { top: 192px; }	.kr4 .kb { top: 189px }
.kr5 .kt, .kr5 .kls { top: 246px; }	.kr5 .kb { top: 243px }
.kr6 .kt, .kr6 .kls { top: 300px; }	.kr6 .kb { top: 297px }

	</style>
<div id="keyboard-bg">

<!-- F1-F12 -->

<!-- 1234567890 -->
<div class="kr2">
<div class="key"><div class="kc"><div class="kb" style="left:   0px"></div><div class="kt" style="left:   6px"></div><div class="kls" style="left:   6px"><div class="kl kl6 ts5"><div>`</div></div><div class="kl icon kl8 ts5"><div>`</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left:  54px"></div><div class="kt" style="left:  60px"></div><div class="kls" style="left:  60px"><div class="kl kl0 ts5"><div>!</div></div><div class="kl kl6 ts5"><div title="1 U+0031 DIGIT ONE
SHIFT: ! U+0021 EXCLAMATION MARK">1</div></div><div class="kl icon kl2 ts5"><div>!</div></div><div class="kl icon kl8 ts5"><div title="1 U+0031 DIGIT ONE
SHIFT: ! U+0021 EXCLAMATION MARK">1</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 108px"></div><div class="kt" style="left: 114px"></div><div class="kls" style="left: 114px"><div class="kl kl0 ts5"><div>"</div></div><div class="kl kl6 ts5"><div title="2 U+0032 DIGIT TWO
SHIFT: &quot; U+0022 QUOTATION MARK">2</div></div><div class="kl icon kl2 ts5"><div>"</div></div><div class="kl icon kl8 ts5"><div title="2 U+0032 DIGIT TWO
SHIFT: &quot; U+0022 QUOTATION MARK">2</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 162px"></div><div class="kt" style="left: 168px"></div><div class="kls" style="left: 168px"><div class="kl kl6 ts5"><div title="3 U+0033 DIGIT THREE
SHIFT: £ U+00A3 POUND SIGN">3</div></div><div class="kl icon kl8 ts5"><div title="3 U+0033 DIGIT THREE
SHIFT: £ U+00A3 POUND SIGN">3</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 216px"></div><div class="kt" style="left: 222px"></div><div class="kls" style="left: 222px"><div class="kl kl0 ts5"><div>$</div></div><div class="kl kl6 ts5"><div>4</div></div><div class="kl icon kl2 ts5"><div>$</div></div><div class="kl icon kl8 ts5"><div>4</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 270px"></div><div class="kt" style="left: 276px"></div><div class="kls" style="left: 276px"><div class="kl kl0 ts5"><div>%</div></div><div class="kl kl6 ts5"><div title="5 U+0035 DIGIT FIVE
SHIFT: % U+0025 PERCENT SIGN">5</div></div><div class="kl icon kl2 ts5"><div>%</div></div><div class="kl icon kl8 ts5"><div title="5 U+0035 DIGIT FIVE
SHIFT: % U+0025 PERCENT SIGN">5</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 324px"></div><div class="kt" style="left: 330px"></div><div class="kls" style="left: 330px"><div class="kl kl0 ts5"><div>^</div></div><div class="kl kl6 ts5"><div title="6 U+0036 DIGIT SIX
SHIFT: ^ U+005E CIRCUMFLEX ACCENT
SHIFT+CONTROL:  U+001E <control>">6</div></div><div class="kl icon kl2 ts5"><div>^</div></div><div class="kl icon kl8 ts5"><div title="6 U+0036 DIGIT SIX
SHIFT: ^ U+005E CIRCUMFLEX ACCENT
SHIFT+CONTROL:  U+001E <control>">6</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 378px"></div><div class="kt" style="left: 384px"></div><div class="kls" style="left: 384px"><div class="kl kl0 ts5"><div>&amp;</div></div><div class="kl kl6 ts5"><div title="7 U+0037 DIGIT SEVEN
SHIFT: &amp; U+0026 AMPERSAND">7</div></div><div class="kl icon kl2 ts5"><div>&amp;</div></div><div class="kl icon kl8 ts5"><div title="7 U+0037 DIGIT SEVEN
SHIFT: &amp; U+0026 AMPERSAND">7</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 432px"></div><div class="kt" style="left: 438px"></div><div class="kls" style="left: 438px"><div class="kl kl0 ts5"><div>*</div></div><div class="kl kl6 ts5"><div title="8 U+0038 DIGIT EIGHT
SHIFT: * U+002A ASTERISK">8</div></div><div class="kl icon kl2 ts5"><div>*</div></div><div class="kl icon kl8 ts5"><div title="8 U+0038 DIGIT EIGHT
SHIFT: * U+002A ASTERISK">8</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 486px"></div><div class="kt" style="left: 492px"></div><div class="kls" style="left: 492px"><div class="kl kl0 ts5"><div>(</div></div><div class="kl kl6 ts5"><div title="9 U+0039 DIGIT NINE
SHIFT: ( U+0028 LEFT PARENTHESIS">9</div></div><div class="kl icon kl2 ts5"><div>(</div></div><div class="kl icon kl8 ts5"><div title="9 U+0039 DIGIT NINE
SHIFT: ( U+0028 LEFT PARENTHESIS">9</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 540px"></div><div class="kt" style="left: 546px"></div><div class="kls" style="left: 546px"><div class="kl kl0 ts5"><div>)</div></div><div class="kl kl6 ts5"><div title="0 U+0030 DIGIT ZERO
SHIFT: ) U+0029 RIGHT PARENTHESIS">0</div></div><div class="kl icon kl2 ts5"><div>)</div></div><div class="kl icon kl8 ts5"><div title="0 U+0030 DIGIT ZERO
SHIFT: ) U+0029 RIGHT PARENTHESIS">0</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 594px"></div><div class="kt" style="left: 600px"></div><div class="kls" style="left: 600px"><div class="kl kl0 ts5"><div>_</div></div><div class="kl kl6 ts5"><div title="- U+002D HYPHEN-MINUS
SHIFT: _ U+005F LOW LINE
SHIFT+CONTROL:  U+001F <control>">-</div></div><div class="kl icon kl2 ts5"><div>_</div></div><div class="kl icon kl8 ts5"><div title="- U+002D HYPHEN-MINUS
SHIFT: _ U+005F LOW LINE
SHIFT+CONTROL:  U+001F <control>">-</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 648px"></div><div class="kt" style="left: 654px"></div><div class="kls" style="left: 654px"><div class="kl kl0 ts5"><div>+</div></div><div class="kl kl6 ts5"><div title="= U+003D EQUALS SIGN
SHIFT: + U+002B PLUS SIGN">=</div></div><div class="kl icon kl2 ts5"><div>+</div></div><div class="kl icon kl8 ts5"><div title="= U+003D EQUALS SIGN
SHIFT: + U+002B PLUS SIGN">=</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 702px;width:109px"></div><div class="kt" style="left:708px;width:97px"></div><div class="kls" style="left:708px"></div></div></div>







</div>
<!-- QWERTYUIOP -->
<div class="kr3">
<div class="key"><div class="kc"><div class="kb" style="left:   0px;width:81px;"></div><div class="kt" style="left:6px;width:69px"></div><div class="kls" style="left:6px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left:  81px"></div><div class="kt" style="left:  87px"></div><div class="kls" style="left:  87px"><div class="kl kl0 ts5"><div>Q</div></div><div class="kl kl6 ts5"><div title="q U+0071 LATIN SMALL LETTER Q
SHIFT: Q U+0051 LATIN CAPITAL LETTER Q
CAPITAL: Q U+0051 LATIN CAPITAL LETTER Q
SHIFT+CAPITAL: q U+0071 LATIN SMALL LETTER Q">q</div></div><div class="kl icon kl2 ts5"><div>Q</div></div><div class="kl icon kl8 ts5"><div title="q U+0071 LATIN SMALL LETTER Q
SHIFT: Q U+0051 LATIN CAPITAL LETTER Q
CAPITAL: Q U+0051 LATIN CAPITAL LETTER Q
SHIFT+CAPITAL: q U+0071 LATIN SMALL LETTER Q">q</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 135px"></div><div class="kt" style="left: 141px"></div><div class="kls" style="left: 141px"><div class="kl kl0 ts5"><div>W</div></div><div class="kl kl6 ts5"><div title="w U+0077 LATIN SMALL LETTER W
SHIFT: W U+0057 LATIN CAPITAL LETTER W
CAPITAL: W U+0057 LATIN CAPITAL LETTER W
SHIFT+CAPITAL: w U+0077 LATIN SMALL LETTER W">w</div></div><div class="kl icon kl2 ts5"><div>W</div></div><div class="kl icon kl8 ts5"><div title="w U+0077 LATIN SMALL LETTER W
SHIFT: W U+0057 LATIN CAPITAL LETTER W
CAPITAL: W U+0057 LATIN CAPITAL LETTER W
SHIFT+CAPITAL: w U+0077 LATIN SMALL LETTER W">w</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 189px"></div><div class="kt" style="left: 195px"></div><div class="kls" style="left: 195px"><div class="kl kl0 ts5"><div>E</div></div><div class="kl kl6 ts5"><div>e</div></div><div class="kl icon kl2 ts5"><div>E</div></div><div class="kl icon kl8 ts5"><div>e</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 243px"></div><div class="kt" style="left: 249px"></div><div class="kls" style="left: 249px"><div class="kl kl0 ts5"><div>R</div></div><div class="kl kl6 ts5"><div title="r U+0072 LATIN SMALL LETTER R
SHIFT: R U+0052 LATIN CAPITAL LETTER R
CAPITAL: R U+0052 LATIN CAPITAL LETTER R
SHIFT+CAPITAL: r U+0072 LATIN SMALL LETTER R">r</div></div><div class="kl icon kl2 ts5"><div>R</div></div><div class="kl icon kl8 ts5"><div title="r U+0072 LATIN SMALL LETTER R
SHIFT: R U+0052 LATIN CAPITAL LETTER R
CAPITAL: R U+0052 LATIN CAPITAL LETTER R
SHIFT+CAPITAL: r U+0072 LATIN SMALL LETTER R">r</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 297px"></div><div class="kt" style="left: 303px"></div><div class="kls" style="left: 303px"><div class="kl kl0 ts5"><div>T</div></div><div class="kl kl6 ts5"><div title="t U+0074 LATIN SMALL LETTER T
SHIFT: T U+0054 LATIN CAPITAL LETTER T
CAPITAL: T U+0054 LATIN CAPITAL LETTER T
SHIFT+CAPITAL: t U+0074 LATIN SMALL LETTER T">t</div></div><div class="kl icon kl2 ts5"><div>T</div></div><div class="kl icon kl8 ts5"><div title="t U+0074 LATIN SMALL LETTER T
SHIFT: T U+0054 LATIN CAPITAL LETTER T
CAPITAL: T U+0054 LATIN CAPITAL LETTER T
SHIFT+CAPITAL: t U+0074 LATIN SMALL LETTER T">t</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 351px"></div><div class="kt" style="left: 357px"></div><div class="kls" style="left: 357px"><div class="kl kl0 ts5"><div>Y</div></div><div class="kl kl6 ts5"><div title="y U+0079 LATIN SMALL LETTER Y
SHIFT: Y U+0059 LATIN CAPITAL LETTER Y
CAPITAL: Y U+0059 LATIN CAPITAL LETTER Y
SHIFT+CAPITAL: y U+0079 LATIN SMALL LETTER Y">y</div></div><div class="kl icon kl2 ts5"><div>Y</div></div><div class="kl icon kl8 ts5"><div title="y U+0079 LATIN SMALL LETTER Y
SHIFT: Y U+0059 LATIN CAPITAL LETTER Y
CAPITAL: Y U+0059 LATIN CAPITAL LETTER Y
SHIFT+CAPITAL: y U+0079 LATIN SMALL LETTER Y">y</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 405px"></div><div class="kt" style="left: 411px"></div><div class="kls" style="left: 411px"><div class="kl kl0 ts5"><div>U</div></div><div class="kl kl6 ts5"><div>u</div></div><div class="kl icon kl2 ts5"><div>U</div></div><div class="kl icon kl8 ts5"><div>u</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 459px"></div><div class="kt" style="left: 465px"></div><div class="kls" style="left: 465px"><div class="kl kl0 ts5"><div>I</div></div><div class="kl kl6 ts5"><div>i</div></div><div class="kl icon kl2 ts5"><div>I</div></div><div class="kl icon kl8 ts5"><div>i</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 513px"></div><div class="kt" style="left: 519px"></div><div class="kls" style="left: 519px"><div class="kl kl0 ts5"><div>O</div></div><div class="kl kl6 ts5"><div>o</div></div><div class="kl icon kl2 ts5"><div>O</div></div><div class="kl icon kl8 ts5"><div>o</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 567px"></div><div class="kt" style="left: 573px"></div><div class="kls" style="left: 573px"><div class="kl kl0 ts5"><div>P</div></div><div class="kl kl6 ts5"><div title="p U+0070 LATIN SMALL LETTER P
SHIFT: P U+0050 LATIN CAPITAL LETTER P
CAPITAL: P U+0050 LATIN CAPITAL LETTER P
SHIFT+CAPITAL: p U+0070 LATIN SMALL LETTER P">p</div></div><div class="kl icon kl2 ts5"><div>P</div></div><div class="kl icon kl8 ts5"><div title="p U+0070 LATIN SMALL LETTER P
SHIFT: P U+0050 LATIN CAPITAL LETTER P
CAPITAL: P U+0050 LATIN CAPITAL LETTER P
SHIFT+CAPITAL: p U+0070 LATIN SMALL LETTER P">p</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 621px"></div><div class="kt" style="left: 627px"></div><div class="kls" style="left: 627px"><div class="kl kl0 ts5"><div>{</div></div><div class="kl kl6 ts5"><div title="[ U+005B LEFT SQUARE BRACKET
SHIFT: { U+007B LEFT CURLY BRACKET
CONTROL:  U+001B <control>">[</div></div><div class="kl icon kl2 ts5"><div>{</div></div><div class="kl icon kl8 ts5"><div title="[ U+005B LEFT SQUARE BRACKET
SHIFT: { U+007B LEFT CURLY BRACKET
CONTROL:  U+001B <control>">[</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 675px"></div><div class="kt" style="left: 681px"></div><div class="kls" style="left: 681px"><div class="kl kl0 ts5"><div>}</div></div><div class="kl kl6 ts5"><div title="] U+005D RIGHT SQUARE BRACKET
SHIFT: } U+007D RIGHT CURLY BRACKET
CONTROL:  U+001D <control>">]</div></div><div class="kl icon kl2 ts5"><div>}</div></div><div class="kl icon kl8 ts5"><div title="] U+005D RIGHT SQUARE BRACKET
SHIFT: } U+007D RIGHT CURLY BRACKET
CONTROL:  U+001D <control>">]</div></div></div></div></div>

<div class="key"><div class="kc"><div class="kb" style="left: 743px;width:68px;height:108px"></div>
								 <div class="kb" style="left: 729px;top:135px;width:81px;height: 54px"></div>
									<div class="kb" style="border-radius: 5px; left: 744px; top: 136px; width: 66px; height: 106px; background-color: #161823; border-style: none"></div>
										<div class="kt" style="left: 749px; top:138px; width: 56px; height: 96px"></div>
										<div class="kt" style="background-position:   0px 0px; border-style: none !important; left: 735px; top: 138px; width: 69px; height: 42px; background-size: 69px 96px;"></div>
										<div class="kt" style="background-position: -13px 0px; border-style: none !important; left: 750px; top: 139px; width: 54px; height: 94px; background-size: 69px 96px;"></div>
											<div class="kls" style="left: 749px; top: 138px; width: 56px; height: 96px;"></div></div>







</div><!-- ASDFGHJKL -->
<div class="kr4">
<div class="key"><div class="kc"><div class="kb" style="left:   0px;width:95px;"></div><div class="kt" style="left:6px;width:83px;"></div><div class="kls" style="left:6px;width:83px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left:  95px"></div><div class="kt" style="left: 101px"></div><div class="kls" style="left: 101px"><div class="kl kl0 ts5"><div>A</div></div><div class="kl kl6 ts5"><div>a</div></div><div class="kl icon kl2 ts5"><div>A</div></div><div class="kl icon kl8 ts5"><div>a</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 149px"></div><div class="kt" style="left: 155px"></div><div class="kls" style="left: 155px"><div class="kl kl0 ts5"><div>S</div></div><div class="kl kl6 ts5"><div title="s U+0073 LATIN SMALL LETTER S
SHIFT: S U+0053 LATIN CAPITAL LETTER S
CAPITAL: S U+0053 LATIN CAPITAL LETTER S
SHIFT+CAPITAL: s U+0073 LATIN SMALL LETTER S">s</div></div><div class="kl icon kl2 ts5"><div>S</div></div><div class="kl icon kl8 ts5"><div title="s U+0073 LATIN SMALL LETTER S
SHIFT: S U+0053 LATIN CAPITAL LETTER S
CAPITAL: S U+0053 LATIN CAPITAL LETTER S
SHIFT+CAPITAL: s U+0073 LATIN SMALL LETTER S">s</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 203px"></div><div class="kt" style="left: 209px"></div><div class="kls" style="left: 209px"><div class="kl kl0 ts5"><div>D</div></div><div class="kl kl6 ts5"><div title="d U+0064 LATIN SMALL LETTER D
SHIFT: D U+0044 LATIN CAPITAL LETTER D
CAPITAL: D U+0044 LATIN CAPITAL LETTER D
SHIFT+CAPITAL: d U+0064 LATIN SMALL LETTER D">d</div></div><div class="kl icon kl2 ts5"><div>D</div></div><div class="kl icon kl8 ts5"><div title="d U+0064 LATIN SMALL LETTER D
SHIFT: D U+0044 LATIN CAPITAL LETTER D
CAPITAL: D U+0044 LATIN CAPITAL LETTER D
SHIFT+CAPITAL: d U+0064 LATIN SMALL LETTER D">d</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 257px"></div><div class="kt" style="left: 263px"></div><div class="kls" style="left: 263px"><div class="kl kl0 ts5"><div>F</div></div><div class="kl kl6 ts5"><div title="f U+0066 LATIN SMALL LETTER F
SHIFT: F U+0046 LATIN CAPITAL LETTER F
CAPITAL: F U+0046 LATIN CAPITAL LETTER F
SHIFT+CAPITAL: f U+0066 LATIN SMALL LETTER F">f</div></div><div class="kl icon kl2 ts5"><div>F</div></div><div class="kl icon kl8 ts5"><div title="f U+0066 LATIN SMALL LETTER F
SHIFT: F U+0046 LATIN CAPITAL LETTER F
CAPITAL: F U+0046 LATIN CAPITAL LETTER F
SHIFT+CAPITAL: f U+0066 LATIN SMALL LETTER F">f</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 311px"></div><div class="kt" style="left: 317px"></div><div class="kls" style="left: 317px"><div class="kl kl0 ts5"><div>G</div></div><div class="kl kl6 ts5"><div title="g U+0067 LATIN SMALL LETTER G
SHIFT: G U+0047 LATIN CAPITAL LETTER G
CAPITAL: G U+0047 LATIN CAPITAL LETTER G
SHIFT+CAPITAL: g U+0067 LATIN SMALL LETTER G">g</div></div><div class="kl icon kl2 ts5"><div>G</div></div><div class="kl icon kl8 ts5"><div title="g U+0067 LATIN SMALL LETTER G
SHIFT: G U+0047 LATIN CAPITAL LETTER G
CAPITAL: G U+0047 LATIN CAPITAL LETTER G
SHIFT+CAPITAL: g U+0067 LATIN SMALL LETTER G">g</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 365px"></div><div class="kt" style="left: 371px"></div><div class="kls" style="left: 371px"><div class="kl kl0 ts5"><div>H</div></div><div class="kl kl6 ts5"><div title="h U+0068 LATIN SMALL LETTER H
SHIFT: H U+0048 LATIN CAPITAL LETTER H
CAPITAL: H U+0048 LATIN CAPITAL LETTER H
SHIFT+CAPITAL: h U+0068 LATIN SMALL LETTER H">h</div></div><div class="kl icon kl2 ts5"><div>H</div></div><div class="kl icon kl8 ts5"><div title="h U+0068 LATIN SMALL LETTER H
SHIFT: H U+0048 LATIN CAPITAL LETTER H
CAPITAL: H U+0048 LATIN CAPITAL LETTER H
SHIFT+CAPITAL: h U+0068 LATIN SMALL LETTER H">h</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 419px"></div><div class="kt" style="left: 425px"></div><div class="kls" style="left: 425px"><div class="kl kl0 ts5"><div>J</div></div><div class="kl kl6 ts5"><div title="j U+006A LATIN SMALL LETTER J
SHIFT: J U+004A LATIN CAPITAL LETTER J
CAPITAL: J U+004A LATIN CAPITAL LETTER J
SHIFT+CAPITAL: j U+006A LATIN SMALL LETTER J">j</div></div><div class="kl icon kl2 ts5"><div>J</div></div><div class="kl icon kl8 ts5"><div title="j U+006A LATIN SMALL LETTER J
SHIFT: J U+004A LATIN CAPITAL LETTER J
CAPITAL: J U+004A LATIN CAPITAL LETTER J
SHIFT+CAPITAL: j U+006A LATIN SMALL LETTER J">j</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 473px"></div><div class="kt" style="left: 479px"></div><div class="kls" style="left: 479px"><div class="kl kl0 ts5"><div>K</div></div><div class="kl kl6 ts5"><div title="k U+006B LATIN SMALL LETTER K
SHIFT: K U+004B LATIN CAPITAL LETTER K
CAPITAL: K U+004B LATIN CAPITAL LETTER K
SHIFT+CAPITAL: k U+006B LATIN SMALL LETTER K">k</div></div><div class="kl icon kl2 ts5"><div>K</div></div><div class="kl icon kl8 ts5"><div title="k U+006B LATIN SMALL LETTER K
SHIFT: K U+004B LATIN CAPITAL LETTER K
CAPITAL: K U+004B LATIN CAPITAL LETTER K
SHIFT+CAPITAL: k U+006B LATIN SMALL LETTER K">k</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 527px"></div><div class="kt" style="left: 533px"></div><div class="kls" style="left: 533px"><div class="kl kl0 ts5"><div>L</div></div><div class="kl kl6 ts5"><div title="l U+006C LATIN SMALL LETTER L
SHIFT: L U+004C LATIN CAPITAL LETTER L
CAPITAL: L U+004C LATIN CAPITAL LETTER L
SHIFT+CAPITAL: l U+006C LATIN SMALL LETTER L">l</div></div><div class="kl icon kl2 ts5"><div>L</div></div><div class="kl icon kl8 ts5"><div title="l U+006C LATIN SMALL LETTER L
SHIFT: L U+004C LATIN CAPITAL LETTER L
CAPITAL: L U+004C LATIN CAPITAL LETTER L
SHIFT+CAPITAL: l U+006C LATIN SMALL LETTER L">l</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 581px"></div><div class="kt" style="left: 587px"></div><div class="kls" style="left: 587px"><div class="kl kl0 ts5"><div>:</div></div><div class="kl kl6 ts5"><div title="; U+003B SEMICOLON
SHIFT: : U+003A COLON">;</div></div><div class="kl icon kl2 ts5"><div>:</div></div><div class="kl icon kl8 ts5"><div title="; U+003B SEMICOLON
SHIFT: : U+003A COLON">;</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 635px"></div><div class="kt" style="left: 641px"></div><div class="kls" style="left: 641px"><div class="kl kl0 ts5"><div>@</div></div><div class="kl kl6 ts5"><div title="' U+0027 APOSTROPHE
SHIFT: @ U+0040 COMMERCIAL AT
SHIFT+CONTROL:  U+0000 <control>">'</div></div><div class="kl icon kl2 ts5"><div>@</div></div><div class="kl icon kl8 ts5"><div title="' U+0027 APOSTROPHE
SHIFT: @ U+0040 COMMERCIAL AT
SHIFT+CONTROL:  U+0000 <control>">'</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 689px"></div><div class="kt" style="left: 695px"></div><div class="kls" style="left: 695px"><div class="kl kl0 ts5"><div>~</div></div><div class="kl kl6 ts5"><div>#</div></div><div class="kl icon kl2 ts5"><div>~</div></div><div class="kl icon kl8 ts5"><div>#</div></div></div></div></div>



</div>
<!-- ZXCVBNM -->
<div class="kr5">
<div class="key"><div class="kc"><div class="kb" style="left:   0px;width:68px;"></div><div class="kt" style="left:6px;width:56px;"></div><div class="kls" style="left:6px;width:56px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left:  68px"></div><div class="kt" style="left:  74px"></div><div class="kls" style="left:  74px"><div class="kl kl0 ts5"><div>|</div></div><div class="kl kl6 ts5"><div title="\ U+005C REVERSE SOLIDUS
SHIFT: | U+007C VERTICAL LINE
CONTROL:  U+001C <control>">\</div></div><div class="kl icon kl2 ts5"><div>|</div></div><div class="kl icon kl8 ts5"><div title="\ U+005C REVERSE SOLIDUS
SHIFT: | U+007C VERTICAL LINE
CONTROL:  U+001C <control>">\</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 122px"></div><div class="kt" style="left: 128px"></div><div class="kls" style="left: 128px"><div class="kl kl0 ts5"><div>Z</div></div><div class="kl kl6 ts5"><div title="z U+007A LATIN SMALL LETTER Z
SHIFT: Z U+005A LATIN CAPITAL LETTER Z
CAPITAL: Z U+005A LATIN CAPITAL LETTER Z
SHIFT+CAPITAL: z U+007A LATIN SMALL LETTER Z">z</div></div><div class="kl icon kl2 ts5"><div>Z</div></div><div class="kl icon kl8 ts5"><div title="z U+007A LATIN SMALL LETTER Z
SHIFT: Z U+005A LATIN CAPITAL LETTER Z
CAPITAL: Z U+005A LATIN CAPITAL LETTER Z
SHIFT+CAPITAL: z U+007A LATIN SMALL LETTER Z">z</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 176px"></div><div class="kt" style="left: 182px"></div><div class="kls" style="left: 182px"><div class="kl kl0 ts5"><div>X</div></div><div class="kl kl6 ts5"><div title="x U+0078 LATIN SMALL LETTER X
SHIFT: X U+0058 LATIN CAPITAL LETTER X
CAPITAL: X U+0058 LATIN CAPITAL LETTER X
SHIFT+CAPITAL: x U+0078 LATIN SMALL LETTER X">x</div></div><div class="kl icon kl2 ts5"><div>X</div></div><div class="kl icon kl8 ts5"><div title="x U+0078 LATIN SMALL LETTER X
SHIFT: X U+0058 LATIN CAPITAL LETTER X
CAPITAL: X U+0058 LATIN CAPITAL LETTER X
SHIFT+CAPITAL: x U+0078 LATIN SMALL LETTER X">x</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 230px"></div><div class="kt" style="left: 236px"></div><div class="kls" style="left: 236px"><div class="kl kl0 ts5"><div>C</div></div><div class="kl kl6 ts5"><div title="c U+0063 LATIN SMALL LETTER C
SHIFT: C U+0043 LATIN CAPITAL LETTER C
CAPITAL: C U+0043 LATIN CAPITAL LETTER C
SHIFT+CAPITAL: c U+0063 LATIN SMALL LETTER C">c</div></div><div class="kl icon kl2 ts5"><div>C</div></div><div class="kl icon kl8 ts5"><div title="c U+0063 LATIN SMALL LETTER C
SHIFT: C U+0043 LATIN CAPITAL LETTER C
CAPITAL: C U+0043 LATIN CAPITAL LETTER C
SHIFT+CAPITAL: c U+0063 LATIN SMALL LETTER C">c</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 284px"></div><div class="kt" style="left: 290px"></div><div class="kls" style="left: 290px"><div class="kl kl0 ts5"><div>V</div></div><div class="kl kl6 ts5"><div title="v U+0076 LATIN SMALL LETTER V
SHIFT: V U+0056 LATIN CAPITAL LETTER V
CAPITAL: V U+0056 LATIN CAPITAL LETTER V
SHIFT+CAPITAL: v U+0076 LATIN SMALL LETTER V">v</div></div><div class="kl icon kl2 ts5"><div>V</div></div><div class="kl icon kl8 ts5"><div title="v U+0076 LATIN SMALL LETTER V
SHIFT: V U+0056 LATIN CAPITAL LETTER V
CAPITAL: V U+0056 LATIN CAPITAL LETTER V
SHIFT+CAPITAL: v U+0076 LATIN SMALL LETTER V">v</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 338px"></div><div class="kt" style="left: 344px"></div><div class="kls" style="left: 344px"><div class="kl kl0 ts5"><div>B</div></div><div class="kl kl6 ts5"><div title="b U+0062 LATIN SMALL LETTER B
SHIFT: B U+0042 LATIN CAPITAL LETTER B
CAPITAL: B U+0042 LATIN CAPITAL LETTER B
SHIFT+CAPITAL: b U+0062 LATIN SMALL LETTER B">b</div></div><div class="kl icon kl2 ts5"><div>B</div></div><div class="kl icon kl8 ts5"><div title="b U+0062 LATIN SMALL LETTER B
SHIFT: B U+0042 LATIN CAPITAL LETTER B
CAPITAL: B U+0042 LATIN CAPITAL LETTER B
SHIFT+CAPITAL: b U+0062 LATIN SMALL LETTER B">b</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 392px"></div><div class="kt" style="left: 398px"></div><div class="kls" style="left: 398px"><div class="kl kl0 ts5"><div>N</div></div><div class="kl kl6 ts5"><div title="n U+006E LATIN SMALL LETTER N
SHIFT: N U+004E LATIN CAPITAL LETTER N
CAPITAL: N U+004E LATIN CAPITAL LETTER N
SHIFT+CAPITAL: n U+006E LATIN SMALL LETTER N">n</div></div><div class="kl icon kl2 ts5"><div>N</div></div><div class="kl icon kl8 ts5"><div title="n U+006E LATIN SMALL LETTER N
SHIFT: N U+004E LATIN CAPITAL LETTER N
CAPITAL: N U+004E LATIN CAPITAL LETTER N
SHIFT+CAPITAL: n U+006E LATIN SMALL LETTER N">n</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 446px"></div><div class="kt" style="left: 452px"></div><div class="kls" style="left: 452px"><div class="kl kl0 ts5"><div>M</div></div><div class="kl kl6 ts5"><div title="m U+006D LATIN SMALL LETTER M
SHIFT: M U+004D LATIN CAPITAL LETTER M
CAPITAL: M U+004D LATIN CAPITAL LETTER M
SHIFT+CAPITAL: m U+006D LATIN SMALL LETTER M">m</div></div><div class="kl icon kl2 ts5"><div>M</div></div><div class="kl icon kl8 ts5"><div title="m U+006D LATIN SMALL LETTER M
SHIFT: M U+004D LATIN CAPITAL LETTER M
CAPITAL: M U+004D LATIN CAPITAL LETTER M
SHIFT+CAPITAL: m U+006D LATIN SMALL LETTER M">m</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 500px"></div><div class="kt" style="left: 506px"></div><div class="kls" style="left: 506px"><div class="kl kl0 ts5"><div>&lt;</div></div><div class="kl kl6 ts5"><div title=", U+002C COMMA
SHIFT: < U+003C LESS-THAN SIGN">,</div></div><div class="kl icon kl2 ts5"><div>&lt;</div></div><div class="kl icon kl8 ts5"><div title=", U+002C COMMA
SHIFT: < U+003C LESS-THAN SIGN">,</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 554px"></div><div class="kt" style="left: 560px"></div><div class="kls" style="left: 560px"><div class="kl kl0 ts5"><div>&gt;</div></div><div class="kl kl6 ts5"><div title=". U+002E FULL STOP
SHIFT: > U+003E GREATER-THAN SIGN">.</div></div><div class="kl icon kl2 ts5"><div>&gt;</div></div><div class="kl icon kl8 ts5"><div title=". U+002E FULL STOP
SHIFT: > U+003E GREATER-THAN SIGN">.</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 608px"></div><div class="kt" style="left: 614px"></div><div class="kls" style="left: 614px"><div class="kl kl0 ts5"><div>?</div></div><div class="kl kl6 ts5"><div title="/ U+002F SOLIDUS
SHIFT: ? U+003F QUESTION MARK">/</div></div><div class="kl icon kl2 ts5"><div>?</div></div><div class="kl icon kl8 ts5"><div title="/ U+002F SOLIDUS
SHIFT: ? U+003F QUESTION MARK">/</div></div></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 662px;width:149px;"></div><div class="kt" style="left: 668px;width:137px"></div><div class="kls" style="left: 668px;width:137px"></div></div></div>





</div>
<!-- Ctrl Alt Space -->
<div class="kr6">
<div class="key"><div class="kc"><div class="kb" style="left:   0px;width: 68px;"></div><div class="kt" style="left:   6px;width: 56px"></div><div class="kls" style="left:   6px;width: 56px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left:  68px;width: 68px;"></div><div class="kt" style="left:  74px;width: 56px"></div><div class="kls" style="left:  74px;width: 56px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 135px;width: 68px;"></div><div class="kt" style="left: 141px;width: 56px"></div><div class="kls" style="left: 141px;width: 56px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 203px;width:338px;"></div><div class="kt" style="left: 209px;width:326px"></div><div class="kls" style="left: 209px;width:326px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 540px;width: 68px;"></div><div class="kt" style="left: 546px;width: 56px"></div><div class="kls" style="left: 546px;width: 56px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 608px;width: 68px;"></div><div class="kt" style="left: 614px;width: 56px"></div><div class="kls" style="left: 614px;width: 56px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 675px;width: 68px;"></div><div class="kt" style="left: 681px;width: 56px"></div><div class="kls" style="left: 681px;width: 56px"></div></div></div>
<div class="key"><div class="kc"><div class="kb" style="left: 743px;width: 68px;"></div><div class="kt" style="left: 749px;width: 56px"></div><div class="kls" style="left: 749px;width: 56px"></div></div></div>





</div>
</div>

</div>
</main>
</body>
</html>