Pixel_Phantoms/footer.html at main · sayeeg-11/Pixel_Phantoms · 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<footer class="site-footer dynamic-electronic">
  <div class="signal-grid" aria-hidden="true">
    <div class="signal-line horizontal"></div>
    <div class="signal-line vertical"></div>
    <div class="bolt-emitter left"></div>
    <div class="bolt-emitter right"></div>
  </div>

  <div class="footer-container">
    <div class="footer-content">
      <!-- Brand -->
      <div class="footer-brand">
        <div class="footer-logo glitch-hover">
          <img src="assets/logo.png" alt="Pixel Phantoms Logo" loading="lazy" />
          <span class="brand-name neon-text">Pixel Phantoms</span>
        </div>

        <p class="footer-description">
          A community of passionate developers, designers, and creators building meaningful digital
          experiences together.
        </p>

        <div class="social-links dynamic-signals" aria-label="Social media links">
          <a
            href="https://github.com/sayeeg-11/Pixel_Phantoms"
            class="social-link"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="GitHub"
          >
            <i class="fab fa-github"></i>
          </a>
          <a
            href="https://www.instagram.com/pixelphantoms_"
            class="social-link"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Instagram"
          >
            <i class="fab fa-instagram"></i>
          </a>
          <a
            href="https://discord.com/"
            class="social-link"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Discord"
          >
            <i class="fab fa-discord"></i>
          </a>
          <a
            href="https://www.linkedin.com/company/pixel-phantoms/"
            class="social-link"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="LinkedIn"
          >
            <i class="fab fa-linkedin"></i>
          </a>
        </div>
      </div>

      <!-- Links -->
      <div class="footer-links-grid">
        <div class="link-group">
          <h3 class="link-group-title">Explore</h3>
          <ul class="link-list">
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About Us</a></li>
            <li><a href="pages/contributors.html">Our Team</a></li>
            <li><a href="events.html">Events</a></li>
          </ul>
        </div>

        <div class="link-group">
          <h3 class="link-group-title">Community</h3>
          <ul class="link-list">
            <li><a href="pages/community.html">Community</a></li>
            <li><a href="pages/projects.html">Projects</a></li>
            <li><a href="pages/gallery.html">Gallery</a></li>
            <li><a href="pages/join-us.html">Join Us</a></li>
          </ul>
        </div>

        <div class="link-group">
          <h3 class="link-group-title">Support</h3>
          <ul class="link-list">
            <li><a href="contact.html">Contact</a></li>
            <li><a href="pages/help.html">Help Center</a></li>
            <li><a href="pages/privacy.html">Privacy Policy</a></li>
            <li><a href="pages/terms.html">Terms of Service</a></li>
          </ul>
        </div>
      </div>

       Newsletter
      <div class="footer-newsletter">
        <h3 class="newsletter-title">Stay Updated</h3>
        <p class="newsletter-description">Subscribe to our newsletter for the latest updates.</p>
        <!-- Keep no-loading so scripts.js doesn't hijack this submit handler -->
        <form class="newsletter-form no-loading" aria-label="Newsletter subscription">
          <div class="input-group">
            <input type="email" class="newsletter-input" placeholder="you@example.com" aria-label="Email address" required />
            <button type="submit" class="newsletter-btn" aria-label="Subscribe">
              <i class="fas fa-paper-plane"></i>
            </button>
          </div>

          <!-- Added feedback area -->
          <div class="newsletter-feedback">
            <p class="feedback-message"></p>
          </div>
        </form>
      </div>
    </div>

    <!-- Bottom -->
    <div class="footer-bottom">
      <div class="footer-bottom-content">
        <p class="copyright">© 2026 Pixel Phantoms. All rights reserved.</p>
        <nav class="footer-bottom-links" aria-label="Footer legal links">
          <a href="pages/privacy.html" class="bottom-link">Privacy</a>
          <span aria-hidden="true">|</span>
          <a href="pages/terms.html" class="bottom-link">Terms</a>
          <span aria-hidden="true">|</span>
          <a href="#" class="bottom-link">Sitemap</a>
        </nav>
      </div>
    </div>
  </div>
</footer>