Sign-Language-Translator/index.html at main · shara-arch/Sign-Language-Translator · 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
85
86
87
88
89
90
91
92
93
94
95
96
  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <title>Home Page</title>
  </head>
  <body class="home-body">
    <header>
         <p class="socials">
        <i class="fab fa-instagram"></i>
         <a href="https://www.instagram.com/">Instagram</a> |

        <i class="fas fa-envelope"></i>
        <a href="mailto:sharamoegi@gmail.com" >E-mail</a> |

        <i class="fas fa-phone"></i>
        Contact:+254701234567 |

        <i class="fas fa-map-marker-alt"></i>
        <a href="https://www.google.com/maps/place/Moringa+School/@-1.3005626,36.7819031,17z/data=!3m1!4b1!4m6!3m5!1s0x182f114b28dbee89:0x964f362324a8e3fe!8m2!3d-1.3005626!4d36.784478!16s%2Fg%2F11ygqkn3qc?entry=ttu&g_ep=EgoyMDI2MDEyMS4wIKXMDSoASAFQAw%3D%3D"
        >Location</a> </p>
        <Strong><h1>ASL Translator</h1></Strong>
        <!--Navigation Panel-->
        <nav class="nav">
        <a href="index.html">Home</a>
        <a href="asl-introduction.html">Introduction</a>
        <a href="asl-dictionary.html">Dictionary</a>
        <a href="asl-game.html">ASL-Game</a>

        </nav>
    </header>
    <section class="welcome-text">
        <div id="image-container">
        <img src="https://i.pinimg.com/736x/0c/1a/1f/0c1a1f92ff1eda69e39bebaafcd41342.jpg"
        alt="ALS alphabet" height="500">
        <img src="https://i.pinimg.com/736x/98/db/86/98db867626d61257c48e8fb68c7cd25c.jpg"
        alt="ALS phrases" height="500"></div>

        <p class="welcome">
            Welcome to our American Sign Language Community!<br><br>
            We are excited to share the beauty of American Sign Language with you.
            This page is dedicated to help begginers learn basic phrases in American Sign Language(ASL)
            Dive in, explore, and enjoy the journey of communication without barriers!
        </p>
        <div class="gallery-2">
        <img src="https://i.pinimg.com/736x/70/ac/ca/70accab2c120bc1509530ef0c844031c.jpg"
        alt="Image of deaf girl" height="300">
        <img src="https://i.pinimg.com/1200x/db/c0/00/dbc000dc3327b14c06fb24da811f0328.jpg"
        alt="Image of deaf girl" height="300">
        <img src="https://i.pinimg.com/1200x/52/76/c2/5276c21d3fc299afdb86209a64fb38e6.jpg"
        alt="Image of deaf girl" height="300">
        </div>

    </section>
    <section class="about-us">
        <h3>About Us</h3>
        We believe communication is a <em>bridge</em>, not a barrier.<br><br>
        Our organization is dedicated to <em>raising awareness</em> about <em>Deaf culture</em> and the <em>importance of American Sign Language (ASL)</em>.
        By sharing knowledge, resources, and stories, we aim to foster understanding, respect, and inclusion for Deaf individuals in every community.<br><br>

        We are starting with the basics, simple phrases and everyday expressions; to help more people take their first steps into ASL.
        As we grow, we’ll expand our content to include deeper lessons, cultural insights, and opportunities to connect.
        Together, we can build a world where Deaf voices are seen, heard, and valued.
    </section>
    <section>
        <p class="welcome">
            As time goes on, we’ll be expanding with lessons, resources and ways to connect.
            Thanks for joining us at the very beginning!
        </p>
    </section>
    <div class="nav-btns">
    <button class="nav-btn"><a href="asl-introduction.html">Introduction</a></button>
    <button class="nav-btn"><a href="asl-dictionary.html">Dictionary</a></button>
    <button class="nav-btn"><a href="asl-game.html">ASL Game</a></button>
    </div>

  </body>
   <footer>
    <p>
       ASL Translator. <br><br>
     <a href="https://www.instagram.com/">Instagram</a> |
        <a href="mailto:sharamoegi@gmail.com" >E-mail</a> |
        Contact:+254701234567 |
        <a href="https://www.google.com/maps/place/Moringa+School/@-1.3005626,36.7819031,17z/data=!3m1!4b1!4m6!3m5!1s0x182f114b28dbee89:0x964f362324a8e3fe!8m2!3d-1.3005626!4d36.784478!16s%2Fg%2F11ygqkn3qc?entry=ttu&g_ep=EgoyMDI2MDEyMS4wIKXMDSoASAFQAw%3D%3D"
        >Location</a> </p>
    <p>P.O Box 12345-00100, Nairobi, Kenya<br>
        Ngong Road, Ngong Lane Plaza, 1st Floor<br></p>
        <p>For any inquires, feel free to reach us on our E-mail: deafcommunity.kenya@gmail.com</p>

    </p>Together for equality. Reach out and join the conversation.
    <p> class="Copyright">ASL Translator &copy; 2026</p>
</footer>
  </html>