bhashabytes.github.io/index.html at main · BhashaBytes/bhashabytes.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>BhashaBytes - Coding in Indian Languages</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <nav class="navbar">
    <div class="branding">
      <img src="logo.png" alt="BhashaBytes Logo" class="site-logo-img" />
      <span class="brand-text">Bhasha<span class="brand-highlight">Bytes</span></span>
    </div>
    <button class="navbar-toggle" id="navbarToggle" aria-label="Toggle navigation">&#9776;</button>
    <ul class="navbar-links" id="navbarLinks">
      <li><a href="#">Home</a></li>
      <li><a href="#languages">Languages</a></li>
      <li><a href="#about">About</a></li>
     <li><a href="https://github.com/BhashaBytes/">Github</a></li>
     <li><a href="https://forms.gle/SeNaXeN7NETLYnjQ8/">Contact Us</a></li>
    </ul>
  </nav>

  <header class="hero">
    <div class="hero-content">
      <h1><span class="gradient-text">Where Coding Meets Culture</span></h1>
      <p>
        Explore toy programming languages in your own script.<br />
        <em>Nurture curiosity, creativity, and innovation—without language barriers.</em>
      </p>
      <a href="#languages" class="cta-button">Browse Languages</a>
    </div>
    <div class="hero-bg"></div>
  </header>

  <main>
    <section id="languages" class="languages-section">
      <h2>Indian Languages</h2>
      <div id="languageGrid" class="language-grid"></div>
    </section>

    <section id="about" class="about-section">
      <h2>About BhashaBytes</h2>
      <p>
        BhashaBytes makes coding fun, intuitive, and accessible for all. With user-friendly interpreters,
        hands-on learning resources, and native script support, anyone can learn programming in their home language.<br />
        <strong>Connect tradition and technology—let your ideas shine.</strong>
      </p>
    </section>

    <footer>
      <p>&copy; 2025 BhashaBytes. Made with ❤️ across India.</p>
    </footer>
  </main>

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