Gwinnett Islamic Circle | Suwanee Masjid/title> <style> html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; } body { display: flex; flex-direction: column; } #container { flex: 1; overflow: hidden; } #container iframe { width: 100%; height: 100%; border: none; overflow: auto; } /* Footer styling */ footer { background: #f8f9fa; text-align: center; padding: 20px; } </style> </head> <body> <div id="container"></div> <footer> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- Font Awesome for social icons --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.0/css/all.css" /> <style> /* Basic Styles */ .bg-green { background-color: #017034; } .text-white { color: #fff; } footer { padding: 10px 0; } .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* Social Links */ .social-links { text-align: center; margin-bottom: 10px; } .social-links a { display: inline-block; margin: 0 8px; color: inherit; text-decoration: none; } .social-links i { font-size: 18px; } /* Footer Bottom as a Single Line */ .footer-bottom { text-align: center; font-size: 14px; white-space: nowrap; } .footer-bottom .footer-item { display: inline; margin: 0 8px; } .footer-bottom .footer-item:not(:last-child)::after { content: " |"; margin-left: 8px; } /* Mobile Adjustments */ @media (max-width: 768px) { footer { padding: 8px 0; } .social-links { margin-bottom: 8px; } .social-links i { font-size: 16px; } .footer-bottom { font-size: 10px; white-space: nowrap; } .footer-bottom .footer-item { margin: 0 4px; } .footer-bottom .footer-item:not(:last-child)::after { content: " |"; margin-left: 4px; } /* Hide the address on mobile for a more compact look */ .footer-bottom .footer-item.address { display: none; } } </style> </head> <body> <footer class="bg-green text-white"> <div class="container"> <!-- Social Links --> <div class="social-links"> <a href="https://www.facebook.com/GwinnettIslamicCircle"> <i class="fab fa-facebook"></i> </a> <a href="https://www.youtube.com/c/SuwaneeMasjid/videos"> <i class="fab fa-youtube"></i> </a> <a href="https://www.instagram.com/gwinnettislamiccircle"> <i class="fab fa-instagram"></i> </a> <a href="https://chat.whatsapp.com/C5cjhb1BOUhEG5gZqe5Zro"> <i class="fab fa-whatsapp"></i> </a> </div> <!-- Footer Bottom --> <div class="footer-bottom"> <span class="footer-item address"> <i class="fas fa-location-dot"></i> 80 Celebration Dr, Suwanee, GA 30024 </span> <span class="footer-item"> <i class="fas fa-phone"></i> (678) 800-1199 </span> <span class="footer-item"> <i class="fas fa-envelope"></i> info@suwaneemasjid.org </span> <span class="footer-item"> © 2025 Gwinnett Islamic Circle Inc. </span> </div> </div> </footer> </body> </html> </footer> <script> var rt = window.retool.RetoolDashboard( document.getElementById('container'), 'https://suwaneemasjid.retool.com/embedded/public/dd1b4fb6-5cd4-40a9-9055-d719ada9bc07' ); </script> </body> </html>