_footer.html

<footer class="bg-dark text-white py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 mb-4">
                <h5 class="mb-3">بورتسودان تقرأ</h5>
                <p class="text-muted">مبادرة مجتمعية تهدف لنشر ثقافة القراءة والمعرفة في جميع أنحاء بورتسودان.</p>
                <div class="social-links">
                    <a href="#" class="text-white me-3"><i class="fab fa-facebook fa-lg"></i></a>
                    <a href="#" class="text-white me-3"><i class="fab fa-twitter fa-lg"></i></a>
                    <a href="#" class="text-white me-3"><i class="fab fa-instagram fa-lg"></i></a>
                    <a href="#" class="text-white"><i class="fab fa-linkedin fa-lg"></i></a>
                </div>
            </div>
            <div class="col-lg-2 col-md-6 mb-4">
                <h5 class="mb-3">روابط سريعة</h5>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="index.html" class="text-muted text-decoration-none">الرئيسية</a></li>
                    <li class="mb-2"><a href="#about" class="text-muted text-decoration-none">عن المبادرة</a></li>
                    <li class="mb-2"><a href="libraries.html" class="text-muted text-decoration-none">مكتباتنا</a></li>
                    <li class="mb-2"><a href="#support" class="text-muted text-decoration-none">كيف تدعم؟</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-4">
                <h5 class="mb-3">معلومات الاتصال</h5>
                <ul class="list-unstyled">
                    <li class="mb-2 text-muted"><i class="fas fa-map-marker-alt me-2"></i>بورتسودان، السودان</li>
                    <li class="mb-2 text-muted"><i class="fas fa-phone me-2"></i>+249 123 456 789</li>
                    <li class="mb-2 text-muted"><i class="fas fa-envelope me-2"></i>info@portsudanreads.sd</li>
                </ul>
            </div>
            <div class="col-lg-3 mb-4">
                <h5 class="mb-3">النشرة البريدية</h5>
                <form>
                    <div class="input-group">
                        <input type="email" class="form-control" placeholder="بريدك الإلكتروني" required>
                        <button class="btn btn-primary" type="submit">اشترك</button>
                    </div>
                </form>
            </div>
        </div>
        <hr class="my-4">
        <div class="row align-items-center">
            <div class="col-md-6">
                <p class="text-muted mb-0">&copy; 2024 بورتسودان تقرأ. جميع الحقوق محفوظة.</p>
            </div>
            <div class="col-md-6 text-md-end">
                <a href="#" class="text-muted text-decoration-none me-3">سياسة الخصوصية</a>
                <a href="#" class="text-muted text-decoration-none">شروط الاستخدام</a>
            </div>
        </div>
    </div>
</footer>