File Manager - Mr.X

Editing:template-about.php

<?php
/**
 * Template Name: About Page
 */
get_header(); ?>

<section class="page-banner-section">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <h1 class="page-banner-title"><?php the_title(); ?></h1>
                <?php unfia_breadcrumbs(); ?>
            </div>
        </div>
    </div>
</section>

<section class="about-page-intro section-padding">
    <div class="container">
        <div class="row align-items-center g-5">
            <div class="col-lg-6" data-aos="fade-right">
                <span class="section-subtitle"><?php _e('About UNFIA', 'unfia'); ?></span>
                <h2><?php _e('United Nations Federation of International Astro', 'unfia'); ?></h2>
                <p><?php _e('The United Nations Federation of International Astro (UNFIA) is a premier global organization committed to fostering international cooperation through education, research, awards, cultural exchange, and humanitarian service. Established with the vision of uniting nations and peoples, UNFIA operates across 150+ countries with a network of institutions, experts, and volunteers dedicated to creating a better world.', 'unfia'); ?></p>
                <p><?php _e('Our organization brings together governments, academic institutions, research organizations, and civil society to address global challenges and promote sustainable development. Through our comprehensive programs and initiatives, we strive to build bridges between nations and cultures, recognizing excellence, advancing knowledge, and serving humanity.', 'unfia'); ?></p>
            </div>
            <div class="col-lg-6" data-aos="fade-left">
                <div class="about-image-grid">
                    <div class="about-img-main">
                        <?php echo unfia_get_image('unfia-hero', 'img-fluid rounded-4'); ?>
                    </div>
                    <div class="about-img-small">
                        <?php echo unfia_get_image('unfia-card', 'img-fluid rounded-4'); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="history-section section-padding bg-light">
    <div class="container">
        <?php unfia_section_title(__('Our History', 'unfia'), __('The Journey So Far', 'unfia')); ?>
        <div class="timeline">
            <?php
            $milestones = [
                ['year' => '2000', 'title' => __('Foundation', 'unfia'), 'desc' => __('UNFIA was established with a vision to unite nations through education and cultural exchange.', 'unfia')],
                ['year' => '2005', 'title' => __('Global Expansion', 'unfia'), 'desc' => __('Expanded operations to 50+ countries, establishing regional offices worldwide.', 'unfia')],
                ['year' => '2010', 'title' => __('First Global Conference', 'unfia'), 'desc' => __('Hosted the first International Conference bringing together leaders from 80 nations.', 'unfia')],
                ['year' => '2015', 'title' => __('UNFIA Awards Launch', 'unfia'), 'desc' => __('Launched the prestigious UNFIA Global Excellence Awards program.', 'unfia')],
                ['year' => '2020', 'title' => __('Humanitarian Initiatives', 'unfia'), 'desc' => __('Launched major humanitarian projects across 30 countries.', 'unfia')],
                ['year' => '2025', 'title' => __('Senior Wellness City', 'unfia'), 'desc' => __('Announced the UNFIA Global Senior Wellness City project.', 'unfia')],
            ];
            foreach ($milestones as $i => $m):
                $side = $i % 2 === 0 ? 'left' : 'right';
            ?>
            <div class="timeline-item" data-aos="fade-<?php echo $side === 'left' ? 'right' : 'left'; ?>">
                <div class="timeline-content">
                    <span class="timeline-year"><?php echo esc_html($m['year']); ?></span>
                    <h4><?php echo esc_html($m['title']); ?></h4>
                    <p><?php echo esc_html($m['desc']); ?></p>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<section class="team-section section-padding">
    <div class="container">
        <?php unfia_section_title(__('Our Leadership', 'unfia'), __('Meet Our Team', 'unfia')); ?>
        <div class="row g-4">
            <div class="col-lg-4 col-md-6" data-aos="fade-up">
                <div class="team-card">
                    <div class="team-image">
                        <?php echo unfia_get_image('unfia-card'); ?>
                        <div class="team-social">
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="far fa-envelope"></i></a>
                        </div>
                    </div>
                    <div class="team-info">
                        <h4><?php _e('Director General', 'unfia'); ?></h4>
                        <span><?php _e('Ranjith Opatha', 'unfia'); ?></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php get_footer(); ?>