| 1 | <link rel="stylesheet" href="../CSS/Footer.css">
|
|---|
| 2 | <footer class="footer">
|
|---|
| 3 | <div class="footer-content">
|
|---|
| 4 | <div class="footer-section">
|
|---|
| 5 | <h3>Library Hours</h3>
|
|---|
| 6 | <div class="library-hours">
|
|---|
| 7 | <p>Monday - Friday: 9:00 AM - 8:00 PM</p>
|
|---|
| 8 | <p>Saturday: 10:00 AM - 6:00 PM</p>
|
|---|
| 9 | <p>Sunday: 12:00 PM - 5:00 PM</p>
|
|---|
| 10 | </div>
|
|---|
| 11 | </div>
|
|---|
| 12 |
|
|---|
| 13 | <div class="footer-section">
|
|---|
| 14 | <h3>Member Services</h3>
|
|---|
| 15 | <ul>
|
|---|
| 16 | <li><a href="#">My Account</a></li>
|
|---|
| 17 | <li><a href="#">Renew Books</a></li>
|
|---|
| 18 | <li><a href="#">Print Services</a></li>
|
|---|
| 19 | </ul>
|
|---|
| 20 | </div>
|
|---|
| 21 |
|
|---|
| 22 | <div class="footer-section">
|
|---|
| 23 | <h3>Resources</h3>
|
|---|
| 24 | <ul>
|
|---|
| 25 | <li><a href="#">Online Catalog</a></li>
|
|---|
| 26 | <li><a href="#">Research Databases</a></li>
|
|---|
| 27 | <li><a href="#">Academic Journals</a></li>
|
|---|
| 28 | </ul>
|
|---|
| 29 | </div>
|
|---|
| 30 |
|
|---|
| 31 | <div class="footer-section">
|
|---|
| 32 | <h3>Quick Links</h3>
|
|---|
| 33 | <ul>
|
|---|
| 34 | <li><a href="#">Library Card Application</a></li>
|
|---|
| 35 | <li><a href="#">Events Calendar</a></li>
|
|---|
| 36 | <li><a href="#">Book Recommendations</a></li>
|
|---|
| 37 | <li><a href="#">Donate Books</a></li>
|
|---|
| 38 | </ul>
|
|---|
| 39 | </div>
|
|---|
| 40 |
|
|---|
| 41 | <div class="newsletter-section">
|
|---|
| 42 | <h3>Stay Updated with Library News</h3>
|
|---|
| 43 | <form class="newsletter-form" id="newsletter-form">
|
|---|
| 44 | <input type="email" class="newsletter-input" placeholder="Enter your email for library updates" required>
|
|---|
| 45 | <button type="submit" class="newsletter-button">Subscribe</button>
|
|---|
| 46 | </form>
|
|---|
| 47 | </div>
|
|---|
| 48 |
|
|---|
| 49 | <div class="bottom-footer">
|
|---|
| 50 | <div class="social-links">
|
|---|
| 51 | <a href="#" aria-label="Facebook">📱</a>
|
|---|
| 52 | <a href="#" aria-label="Twitter">🐦</a>
|
|---|
| 53 | <a href="#" aria-label="Instagram">📸</a>
|
|---|
| 54 | <a href="#" aria-label="YouTube">📺</a>
|
|---|
| 55 | </div>
|
|---|
| 56 | <p>© 2024 Book-Tracker. All rights reserved.</p>
|
|---|
| 57 | </div>
|
|---|
| 58 | </div>
|
|---|
| 59 | </footer> |
|---|
