File Manager

Editing:template-volunteer.php

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

<section class="volunteer-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('Join Our Mission', 'unfia'); ?></span>
                <h2><?php _e('Volunteer With UNFIA', 'unfia'); ?></h2>
                <p><?php _e('Make a meaningful impact by volunteering with UNFIA. Join our global network of dedicated volunteers working to create positive change through education, humanitarian service, and community development initiatives.', 'unfia'); ?></p>
                <div class="volunteer-benefits mt-4">
                    <div class="benefit-item"><i class="fas fa-globe"></i> <span><?php _e('Global Impact', 'unfia'); ?></span></div>
                    <div class="benefit-item"><i class="fas fa-users"></i> <span><?php _e('Network with Global Leaders', 'unfia'); ?></span></div>
                    <div class="benefit-item"><i class="fas fa-certificate"></i> <span><?php _e('Certificate of Service', 'unfia'); ?></span></div>
                    <div class="benefit-item"><i class="fas fa-chart-line"></i> <span><?php _e('Professional Development', 'unfia'); ?></span></div>
                </div>
            </div>
            <div class="col-lg-6" data-aos="fade-left">
                <div class="volunteer-form-wrapper">
                    <h3><?php _e('Volunteer Registration', 'unfia'); ?></h3>
                    <form class="unfia-form" action="#" method="post">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <input type="text" class="form-control" placeholder="<?php esc_attr_e('Full Name *', 'unfia'); ?>" required>
                            </div>
                            <div class="col-md-6">
                                <input type="email" class="form-control" placeholder="<?php esc_attr_e('Email Address *', 'unfia'); ?>" required>
                            </div>
                            <div class="col-md-6">
                                <input type="tel" class="form-control" placeholder="<?php esc_attr_e('Phone Number', 'unfia'); ?>">
                            </div>
                            <div class="col-md-6">
                                <input type="text" class="form-control" placeholder="<?php esc_attr_e('Country', 'unfia'); ?>">
                            </div>
                            <div class="col-12">
                                <select class="form-select" required>
                                    <option value=""><?php _e('Select Opportunity *', 'unfia'); ?></option>
                                    <option value="education"><?php _e('Education & Tutoring', 'unfia'); ?></option>
                                    <option value="humanitarian"><?php _e('Humanitarian Aid', 'unfia'); ?></option>
                                    <option value="environment"><?php _e('Environmental Projects', 'unfia'); ?></option>
                                    <option value="events"><?php _e('Event Coordination', 'unfia'); ?></option>
                                    <option value="research"><?php _e('Research Assistance', 'unfia'); ?></option>
                                    <option value="admin"><?php _e('Administrative Support', 'unfia'); ?></option>
                                </select>
                            </div>
                            <div class="col-12">
                                <textarea class="form-control" rows="4" placeholder="<?php esc_attr_e('Tell us about your skills and experience', 'unfia'); ?>"></textarea>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary w-100"><?php _e('Submit Application', 'unfia'); ?> <i class="fas fa-paper-plane"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="volunteer-opportunities section-padding bg-light">
    <div class="container">
        <?php unfia_section_title(__('Volunteer Opportunities', 'unfia'), __('Find Your Role', 'unfia')); ?>
        <div class="row g-4">
            <?php
            $opportunities = [
                ['icon' => 'fa-chalkboard-teacher', 'title' => __('Education & Tutoring', 'unfia'), 'desc' => __('Help deliver educational programs and tutor students in underserved communities.', 'unfia'), 'locations' => __('Global / Remote', 'unfia')],
                ['icon' => 'fa-hand-holding-heart', 'title' => __('Humanitarian Aid', 'unfia'), 'desc' => __('Participate in humanitarian missions providing aid to communities in need.', 'unfia'), 'locations' => __('Field Locations', 'unfia')],
                ['icon' => 'fa-tree', 'title' => __('Environmental Projects', 'unfia'), 'desc' => __('Join our environmental conservation and sustainability initiatives.', 'unfia'), 'locations' => __('Global', 'unfia')],
                ['icon' => 'fa-calendar-check', 'title' => __('Event Coordination', 'unfia'), 'desc' => __('Help organize and manage UNFIA conferences, awards, and events.', 'unfia'), 'locations' => __('Various Venues', 'unfia')],
                ['icon' => 'fa-file-alt', 'title' => __('Research Assistance', 'unfia'), 'desc' => __('Support research projects and publications across multiple disciplines.', 'unfia'), 'locations' => __('Global / Remote', 'unfia')],
                ['icon' => 'fa-laptop', 'title' => __('Digital & Admin Support', 'unfia'), 'desc' => __('Provide administrative, IT, and digital marketing support remotely.', 'unfia'), 'locations' => __('Remote', 'unfia')],
            ];
            foreach ($opportunities as $opp):
            ?>
            <div class="col-lg-4 col-md-6" data-aos="fade-up">
                <div class="opportunity-card">
                    <div class="opp-icon"><i class="fas <?php echo esc_attr($opp['icon']); ?>"></i></div>
                    <h4><?php echo esc_html($opp['title']); ?></h4>
                    <p><?php echo esc_html($opp['desc']); ?></p>
                    <span class="opp-location"><i class="fas fa-map-marker-alt"></i> <?php echo esc_html($opp['locations']); ?></span>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<?php get_footer(); ?>

Cancel

🤩 File Manager - Mr.X

Editing:template-volunteer.php