<?php include 'header.php';?>


        
        <!--Start Page Header-->
        <section class="page-header">
            <div class="page-header__bg" style="background-image: url(assets/images/backgrounds/page-header-bg.jpg)">
            </div>
            <div class="shape1 float-bob-x"><img src="assets/images/shapes/page-header-shape1.png" alt=""></div>
            <div class="shape2"><img src="assets/images/shapes/page-header-shape2.png" alt=""></div>
            <div class="container">
                <div class="page-header__inner">
                    <h2> Publications</h2>
                    <ul class="thm-breadcrumb wow fadeInUp" data-wow-duration="1500ms">
                        <li><a href="index-2.html">Home</a></li>
                        <li>/</li>
                        <li>Publications</li>
                    </ul>
                </div>
            </div>
        </section>
        <!--End Page Header-->

        <!--Start Contact Page Info-->
         <section style="padding: 60px 0; background-color: #f8f9fa;">
    <div style="max-width: 1200px; margin: 0 auto; text-align: center;">
        <h2 style="font-size: 32px; color: #222; margin-bottom: 10px; font-weight: 700;">Our Publications</h2>
        <p style="font-size: 16px; color: #666; margin-bottom: 40px;">Explore our monthly newsletters and publications — stay updated and inspired.</p>

        <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;">

            <!-- Publication 1 -->
            <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; width: 260px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.3s; text-align: center;">
                <div style="overflow: hidden; border-bottom: 1px solid #e0e0e0;">
                    <img src="assets/images/publications.jpg" alt="Publication Thumbnail" style="width:100%; height:370px; object-fit: cover;">
                </div>
                <div style="padding: 20px;">
                    <h3 style="font-size: 18px; color:#333; font-weight:600; margin-bottom: 8px;">January 2025 Issue</h3>
                    <p style="font-size: 14px; color:#777; margin-bottom: 15px;">Theme: Empowering Education through Community Initiatives</p>
                    <div style="display:flex; justify-content:center; gap:10px;">
                        <a href="assets/publications/IDEA_January2025.pdf" target="_blank" style="text-decoration:none; background:#007bff; color:#fff; padding:8px 14px; border-radius:6px; font-size:14px;">View</a>
                        <a href="assets/publications/IDEA_January2025.pdf" download style="text-decoration:none; background:#28a745; color:#fff; padding:8px 14px; border-radius:6px; font-size:14px;">Download</a>
                    </div>
                </div>
            </div>

            <!-- Publication 2 -->
            <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; width: 260px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.3s; text-align: center;">
                <div style="overflow: hidden; border-bottom: 1px solid #e0e0e0;">
                    <img src="assets/images/publications1.jpg" alt="Publication Thumbnail" style="width:100%; height:370px; object-fit: cover;">
                </div>
                <div style="padding: 20px;">
                    <h3 style="font-size: 18px; color:#333; font-weight:600; margin-bottom: 8px;">February 2025 Issue</h3>
                    <p style="font-size: 14px; color:#777; margin-bottom: 15px;">Theme: Healthcare and Human Dignity</p>
                    <div style="display:flex; justify-content:center; gap:10px;">
                        <a href="assets/publications/IDEA_February2025.pdf" target="_blank" style="text-decoration:none; background:#007bff; color:#fff; padding:8px 14px; border-radius:6px; font-size:14px;">View</a>
                        <a href="assets/publications/IDEA_February2025.pdf" download style="text-decoration:none; background:#28a745; color:#fff; padding:8px 14px; border-radius:6px; font-size:14px;">Download</a>
                    </div>
                </div>
            </div>

            <!-- Publication 3 -->
            <div style="background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; width: 260px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: transform 0.3s; text-align: center;">
                <div style="overflow: hidden; border-bottom: 1px solid #e0e0e0;">
                    <img src="assets/images/publications2.jpg" alt="Publication Thumbnail" style="width:100%; height:370px; object-fit: cover;">
                </div>
                <div style="padding: 20px;">
                    <h3 style="font-size: 18px; color:#333; font-weight:600; margin-bottom: 8px;">March 2025 Issue</h3>
                    <p style="font-size: 14px; color:#777; margin-bottom: 15px;">Theme: Women Empowerment and Social Justice</p>
                    <div style="display:flex; justify-content:center; gap:10px;">
                        <a href="assets/publications/IDEA_March2025.pdf" target="_blank" style="text-decoration:none; background:#007bff; color:#fff; padding:8px 14px; border-radius:6px; font-size:14px;">View</a>
                        <a href="assets/publications/IDEA_March2025.pdf" download style="text-decoration:none; background:#28a745; color:#fff; padding:8px 14px; border-radius:6px; font-size:14px;">Download</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

        <!--End Contact Page Info-->


<?php include 'footer.php';?>