Project-Keyboard/index.html at master · Kalepson/Project-Keyboard · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Project Keyboard</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<h1 class="title">Eyes on the screen</h1>
<div class="Keyboard">
    <ul class="row row-0">
        <li class="key first_row"  id="Escape">ESC</li>
        <li class="key first_row"  id="Digit1">1</li>
        <li class="key secondly"   id="Digit2">2</li>
        <li class="key middle_row" id="Digit3">3</li>
        <li class="key four_row"   id="Digit4">4</li>
        <li class="key center_row" id="Digit5">5</li>
        <li class="key center_row" id="Digit6">6</li>
        <li class="key four_row"   id="Digit7">7</li>
        <li class="key middle_row" id="Digit8">8</li>
        <li class="key secondly"   id="Digit9">9</li>
        <li class="key first_row"  id="Digit0">0</li>
        <li class="key first_row"  id="Minus">-</li>
        <li class="key first_row"  id="Equal">+</li>
        <li class="key first_row Backspace" id="Backspace">BACK</li>
    </ul>
    <ul class="row row-1">
        <li class="key first_row Tab" id="Tab">TAB</li>
        <li class="key first_row"  id="KeyQ">Q</li>
        <li class="key secondly"   id="KeyW">W</li>
        <li class="key middle_row" id="KeyE">E</li>
        <li class="key four_row"   id="KeyR">R</li>
        <li class="key center_row" id="KeyT">T</li>
        <li class="key center_row" id="KeyY">Y</li>
        <li class="key four_row"   id="KeyU">U</li>
        <li class="key middle_row" id="KeyI">I</li>
        <li class="key secondly"   id="KeyO">O</li>
        <li class="key first_row"  id="KeyP">P</li>
        <li class="key first_row"  id="BracketLeft">[</li>
        <li class="key first_row"  id="BracketRight">]</li>
        <li class="key first_row"  id="Backslash">\</li>
    </ul>
    <ul class="row row-2">
        <li class="key first_row CapsLock" id="CapsLock">CAPS</li>
        <li class="key first_row"  id="KeyA">A</li>
        <li class="key secondly"   id="KeyS">S</li>
        <li class="key middle_row" id="KeyD">D</li>
        <li class="key four_row"   id="KeyF">F</li>
        <li class="key center_row" id="KeyG">G</li>
        <li class="key center_row" id="KeyH">H</li>
        <li class="key four_row"   id="KeyJ">J</li>
        <li class="key middle_row" id="KeyK">K</li>
        <li class="key secondly"   id="KeyL">L</li>
        <li class="key first_row"  id="Semicolon">:</li>
        <li class="key first_row"  id="Quote">''</li>
        <li class="key first_row Enter" id="Enter">ENTER</li>
    </ul>
    <ul class="row row-3">
        <li class="key first_row ShiftLeft" id="ShiftLeft">SHIFT</li>
        <li class="key first_row"  id="KeyZ">Z</li>
        <li class="key secondly"   id="KeyX">X</li>
        <li class="key middle_row" id="KeyC">C</li>
        <li class="key four_row"   id="KeyV">V</li>
        <li class="key center_row" id="KeyB">B</li>
        <li class="key center_row" id="KeyN">N</li>
        <li class="key four_row"   id="KeyM">M</li>
        <li class="key middle_row" id="Comma">,</li>
        <li class="key secondly"   id="Period">.</li>
        <li class="key first_row"  id="Slash">;</li>
        <li class="key first_row ShiftRight" id="ShiftRight">SHIFT</li>
    </ul>
</div>
<h1 class="title">Hands on the keyboard</h1>

<script src="js/JavaScript.js"></script>
</body>
</html>