WireHack-1-Handly/dictionary.html at master · GraphtyLove/WireHack-1-Handly · 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
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Sign's dictionary</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="assets/css/dictionary.css">
    <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
</head>

<body>
    <header>
        <h1>Sign's dictionary</h1>
    </header>

    <section class="search">
        <input id="search-bar" type="text" placeholder="Search...">
        <!-- DIVIDER -->
    </section>
    <!-- GALLERIE IMAGES -->
    <main class="gallery">
        <section id="title-letters" class="title">
            <h2>Alphabet</h2>
            <div class="white-divider"></div>
        </section>
        <img class="letter-images" id="A" src="assets/img/alphabet/icone-A.png" alt="Sign language letter a">
        <img class="letter-images" id="B" src="assets/img/alphabet/icone-B.png" alt="Sign language letter b">
        <img class="letter-images" id="C" src="assets/img/alphabet/icone-C.png" alt="Sign language letter c">
        <img class="letter-images" id="D" src="assets/img/alphabet/icone-D.png" alt="Sign language letter d">
        <img class="letter-images" id="E" src="assets/img/alphabet/icone-E.png" alt="Sign language letter e">
        <img class="letter-images" id="F" src="assets/img/alphabet/icone-F.png" alt="Sign language letter f">
        <img class="letter-images" id="G" src="assets/img/alphabet/icone-G.png" alt="Sign language letter g">
        <img class="letter-images" id="H" src="assets/img/alphabet/icone-H.png" alt="Sign language letter h">
        <img class="letter-images" id="I" src="assets/img/alphabet/icone-I.png" alt="Sign language letter i">
        <img class="letter-images" id="J" src="assets/img/alphabet/icone-J.png" alt="Sign language letter j">
        <img class="letter-images" id="K" src="assets/img/alphabet/icone-K.png" alt="Sign language letter k">
        <img class="letter-images" id="L" src="assets/img/alphabet/icone-L.png" alt="Sign language letter l">
        <img class="letter-images" id="M" src="assets/img/alphabet/icone-M.png" alt="Sign language letter m">
        <img class="letter-images" id="N" src="assets/img/alphabet/icone-N.png" alt="Sign language letter n">
        <img class="letter-images" id="O" src="assets/img/alphabet/icone-O.png" alt="Sign language letter o">
        <img class="letter-images" id="P" src="assets/img/alphabet/icone-P.png" alt="Sign language letter p">
        <img class="letter-images" id="Q" src="assets/img/alphabet/icone-Q.png" alt="Sign language letter q">
        <img class="letter-images" id="R" src="assets/img/alphabet/icone-R.png" alt="Sign language letter r">
        <img class="letter-images" id="S" src="assets/img/alphabet/icone-S.png" alt="Sign language letter s">
        <img class="letter-images" id="T" src="assets/img/alphabet/icone-T.png" alt="Sign language letter t">
        <img class="letter-images" id="U" src="assets/img/alphabet/icone-U.png" alt="Sign language letter u">
        <img class="letter-images" id="V" src="assets/img/alphabet/icone-V.png" alt="Sign language letter v">
        <img class="letter-images" id="W" src="assets/img/alphabet/icone-W.png" alt="Sign language letter w">
        <img class="letter-images" id="X" src="assets/img/alphabet/icone-W.png" alt="Sign language letter x">
        <img class="letter-images" id="Y" src="assets/img/alphabet/icone-Y.png" alt="Sign language letter y">
        <img class="letter-images" id="Z" src="assets/img/alphabet/icone-Z.png" alt="Sign language letter y">
        <section id="title-words" class="title">
            <h2>Words</h2>
            <div class="white-divider"></div>
        </section>
        <img class="letter-images" id="HEAL" src="assets/img/alphabet/heal.gif" alt="Sign language word heal">
        <img class="letter-images" id="HOSPITAL" src="assets/img/alphabet/hospital.gif"
            alt="Sign language word hospital">
        <img class="letter-images" id="DOCTOR" src="assets/img/alphabet/doctor.gif" alt="Sign language word doctor">
        <section id="title-expressions" class="title">
            <h2>Expressions</h2>
            <div class="white-divider"></div>
        </section>
        <img class="letter-images" id="I LOVE YOU" src="assets/img/alphabet/i-love-you.gif"
            alt="Sign language expression i love you">
        <img class="letter-images" id="I MISS YOU" src="assets/img/alphabet/i-miss-you.gif"
            alt="Sign language expression i miss you">
        <img class="letter-images" id="I DON'T KNOW" src="assets/img/alphabet/i-dont-know.gif"
            alt="Sign language expression i don't know">
    </main>
    <!-- --------- NAV --------- -->
    <nav>
        <ul id="nav" class="nav">
            <li><a href="index.html">HOME</a></li>
            <li><a href="camera.html">CAMERA</a></li>
        </ul>
    </nav>
    <!-- SCRIPT -->
    <script src="assets/js/dictionary.js"></script>
</body>

</html>