FM / pages

/home/u764571690/domains/savitrfoundation.com/public_html/pages/

/home/u764571690/domains/savitrfoundation.com/public_html/pages

Name	Size	Mode	Actions
about.php	4288	0644	edit dl rm
apply-internship.php	34076	0644	edit dl rm
become-volunteer.php	8129	0644	edit dl rm
blog-details.php	2250	0644	edit dl rm
blog.php	3151	0644	edit dl rm
campaign.php	2449	0644	edit dl rm
certificate.php	1641	0644	edit dl rm
contact.php	6858	0644	edit dl rm
director_message.php	5745	0644	edit dl rm
donate-now.php	3534	0644	edit dl rm
donation-details.php	21207	0644	edit dl rm
education.php	4657	0644	edit dl rm
enviroment.php	4518	0644	edit dl rm
events.php	8249	0644	edit dl rm
foot.php	14618	0644	edit dl rm
head.php	12510	0644	edit dl rm
healthcare.php	4499	0644	edit dl rm
home.php	45422	0644	edit dl rm
intern-blog-details.php	4451	0644	edit dl rm
internship.php	60272	0644	edit dl rm
our-interns-list.php	17092	0644	edit dl rm
sanitation.php	4478	0644	edit dl rm
social_work.php	4445	0644	edit dl rm
sports.php	4484	0644	edit dl rm
try.php	94	0644	edit dl rm

Edit: /home/u764571690/domains/savitrfoundation.com/public_html/pages/internship.php (60272B)

<style>
            .feature-one__top-icon--circle {
                border-radius: 50% !important;
                overflow: hidden;
                width: 80px;
                height: 80px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 20px;
                background-color: #fbd45a;
                color: #00715d;
                font-size: 30px;
                position: relative;
                z-index: 2;
                border: 2px solid #00715d;
            }
            
            .feature-one__top-icon--two.feature-one__top-icon--circle {
                background-color: #00715d;
                color: #fbd45a;
                border: 2px solid #fbd45a;
            }
            
            .feature-one__single {
                height: 100%;
                display: flex;
                flex-direction: column;
                background-color: #fff;
                border-radius: 10px;
                overflow: hidden;
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            }
            
            .feature-one__top {
                flex: 1;
                padding: 30px 20px 20px;
            }
            
            .feature-one__top-inner {
                height: 100%;
                display: flex;
                flex-direction: column;
            }
            
            .feature-one__top-title-box {
                min-height: 60px;
                margin-bottom: 15px;
            }
            
            .feature-one__top-title {
                font-size: 20px;
                line-height: 1.3;
                color: #283734;
                font-weight: 700;
            }
            
            .text.text-white.mt-2.mb-4 {
                flex: 1;
                color: #6f7775 !important;
                margin-bottom: 20px !important;
            }
            
            .d-flex.justify-content-between {
                margin-top: auto;
                padding-bottom: 15px;
            }
            
            .feature-one__single-bg {
                display: none;
            }
            
            /* Ensure section titles are visible */
            .section-title__title {
                color: #283734 !important;
                font-weight: 700;
                position: relative;
                z-index: 2;
            }
            
            .section-title__tagline {
                color: #00715d !important;
                position: relative;
                z-index: 2;
            }
            
            /* Fix for first container SVG and heading visibility */
            .feature-one__carousel .item:first-child .feature-one__top-icon--circle {
                background-color: #fbd45a !important;
                color: #00715d !important;
                border: 2px solid #00715d !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }
            
            .feature-one__carousel .item:first-child .feature-one__top-icon--two.feature-one__top-icon--circle {
                background-color: #00715d !important;
                color: #fbd45a !important;
                border: 2px solid #fbd45a !important;
            }
            
            /* Ensure all icons are visible with proper contrast */
            .feature-one__top-icon span[class^="icon-"] {
                color: inherit !important;
                font-size: 30px !important;
                display: block !important;
            }
            
            /* Specific fix for education icon - using icon-book instead which is more appropriate */
            .feature-one__top-icon--circle .icon-book {
                color: #00715d !important;
                font-size: 30px !important;
                display: block !important;
            }
            
            /* New intern layout styles */
            .intern-content-layout {
                display: flex;
                flex-direction: column;
                width: 100%;
            }
            
            .intern-name {
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 20px;
                line-height: 1.3;
                color: #00715d;
                text-align: center;
                position: relative;
                padding-bottom: 15px;
            }
            
            .intern-name::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                width: 50px;
                height: 3px;
                background: #fbd45a;
                border-radius: 3px;
            }
            
            .intern-details-grid {
                display: grid;
                grid-template-columns: 1fr 2fr 1fr;
                gap: 15px;
                align-items: start;
            }
            
            .intern-photo-section {
                grid-column: 1;
                text-align: center;
            }
            
            .intern-info-section {
                grid-column: 2;
            }
            
            .intern-status-section {
                grid-column: 3;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            
            .intern-detail-item {
                margin-bottom: 12px;
                font-size: 14px;
                color: #555;
                line-height: 1.5;
                padding: 8px 12px;
                background: #f8f9fa;
                border-radius: 8px;
                transition: all 0.3s ease;
            }
            
            .intern-detail-item:hover {
                background: #e9ecef;
                transform: translateX(5px);
            }
            
            .intern-detail-item strong {
                color: #00715d;
                font-weight: 600;
                display: inline-block;
                min-width: 80px;
            }
            
            .status-badge {
                background: linear-gradient(135deg, #28a745, #20c997);
                color: white;
                padding: 10px 15px;
                border-radius: 20px;
                font-weight: 600;
                font-size: 12px;
                text-align: center;
                box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
                transform: rotate(5deg);
                width: 100px;
            }
            
            .status-badge.certificate-pending {
                background: linear-gradient(135deg, #ffc107, #fd7e14);
                box-shadow: 0 4px 8px rgba(255, 193, 7, 0.3);
            }
            
            .status-badge.certificate-not-issued {
                background: linear-gradient(135deg, #6c757d, #495057);
                box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
            }
            
            /* Responsive design for intern grid */
            @media (max-width: 992px) {
                .intern-details-grid {
                    grid-template-columns: 1fr;
                }
                
                .intern-photo-section,
                .intern-info-section,
                .intern-status-section {
                    grid-column: auto;
                }
                
                .status-badge {
                    width: auto;
                    transform: rotate(0);
                }
            }
        </style>

<section class="about-four">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="section-title text-center">
                            <span class="section-title__tagline">Join Our Team</span>
                            <h2 class="section-title__title">Internship at Savitr Foundation</h2>
                        </div>
                        <p class="about-four__text text-center">Savitr Foundation offers valuable internship opportunities for students and young professionals who are passionate about making a positive impact in society. Our internships provide hands-on experience in various fields including education, environment, healthcare, social work, and more.</p>
                    </div>
                </div>
            </div>
        </section>
        
        
        
        <section class="counter-one mt-3 mb-4">
            <div class="container">
                <div class="counter-one__inner">
                    <div class="counter-one-bg" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
                        style="background-image: url(assets/images/backgrounds/ujjain.jpg);"></div>
                    <ul class="list-unstyled counter-one__list">
                        <li class="counter-one__single">
                            <div class="counter-one__count-box">
                                <h3 class="odometer" data-count="500">00</h3>
                                <span class="counter-one__letter">+</span>
                            </div>
                            <p class="counter-one__text">Interns Trained</p>
                        </li>
                        <li class="counter-one__single">
                            <div class="counter-one__count-box">
                                <h3 class="odometer" data-count="12">00</h3>
                                <span class="counter-one__letter"></span>
                            </div>
                            <p class="counter-one__text">Opportunities</p>
                        </li>
                        <li class="counter-one__single">
                            <div class="counter-one__count-box">
                                <h3 class="odometer" data-count="95">00</h3>
                                <span class="counter-one__letter">%</span>
                            </div>
                            <p class="counter-one__text">Placement Rate</p>
                        </li>
                        <li class="counter-one__single">
                            <div class="counter-one__count-box">
                                <h3 class="odometer" data-count="15">00</h3>
                                <span class="counter-one__letter">+</span>
                            </div>
                            <p class="counter-one__text">Years Experience</p>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        
        
        
        <section class="feature-one" style="margin-top: 20px; margin-bottom: 20px;">
            <div class="container">
                <div class="section-title text-center" style="margin-bottom: 15px;">
                    <span class="section-title__tagline">Help us grow & learn together</span>
                    <h2 class="section-title__title">Internship Opportunities</h2>
                </div>
                
                <div class="row">
                    <div class="col-xl-12">
                        <div class="feature-one__carousel owl-carousel owl-theme thm-owl__carousel"
                            data-owl-options='{
                            "loop": true,
                            "autoplay": true,
                            "margin": 20,
                            "nav": true,
                            "dots": false,
                            "smartSpeed": 500,
                            "autoplayTimeout": 5000,
                            "navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
                            "responsive": {
                                "0": {
                                    "items": 1
                                },
                                "768": {
                                    "items": 2
                                },
                                "992": {
                                    "items": 3
                                },
                                "1200": {
                                    "items": 3
                                }
                            }
                        }'>
                        <?php 
                        // Fetch internship data from database with better error handling
                        $internships = array();
                        
                       require_once "functions/function.php";
                        
                        // Check if we have a valid connection and fetch data
                        if (isset($con) && $con) {
                            // Fetch all active internships from database
                            $result = @mysqli_query($con, "SELECT * FROM internship WHERE status = 1 ORDER BY ID ASC");
                            
                            if ($result && @mysqli_num_rows($result) > 0) {
                                while ($row = @mysqli_fetch_assoc($result)) {
                                    $internships[] = $row;
                                }
                            }
                        }
                        
                        // If we have data, display it
                        if (!empty($internships)) {
                            foreach($internships as $internship) {
                        ?>
                            <div class="item">
                                <div class="feature-one__single <?php echo !empty($internship['icon_bg']) ? htmlspecialchars($internship['icon_bg']) : ''; ?>" style="padding: 15px;">
                                    <div class="feature-one__single-bg"
                                        style="background-image: url(assets/images/shapes/feature-one-shape-1.png);"></div>
                                    <div class="feature-one__top">
                                        <div class="feature-one__top-inner">
                                            <div class="feature-one__top-icon feature-one__top-icon--circle <?php echo !empty($internship['icon_bg']) ? htmlspecialchars($internship['icon_bg']) : ''; ?>" style="width: 60px; height: 60px; font-size: 24px;">
                                                <span class="<?php echo htmlspecialchars($internship['icon_class']); ?>"></span>
                                            </div>
                                            <div class="feature-one__top-title-box" style="margin-top: 10px;">
                                                <h3 class="feature-one__top-title" style="font-size: 18px; margin-bottom: 10px;"><?php echo htmlspecialchars($internship['title']); ?></h3>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="text mt-2 mb-3" style="font-size: 14px; margin-bottom: 15px !important; color: #000;"><?php echo htmlspecialchars($internship['description']); ?></p>

<div class="d-flex justify-content-between" style="margin-bottom: 10px;">
                                        <span class="badge <?php echo htmlspecialchars($internship['badge_color']); ?>" style="font-size: 12px; padding: 5px 10px; color: #000;"><?php echo htmlspecialchars($internship['duration']); ?></span>
                                        <span class="badge badge-success" style="font-size: 12px; padding: 5px 10px; color: #000;"><?php echo htmlspecialchars($internship['location']); ?></span>
                                    </div>
                                    
                                    <div class="text-center">
                                        <a href="/apply-internship" class="thm-btn feature-one__btn" style="padding: 8px 15px; font-size: 14px;">Apply Now</a>
                                    </div>
                                </div>
                            </div>
                        <?php 
                            }
                        } else {
                            // Fallback to hardcoded data if database is not available or empty
                        ?>
                            
                            <div class="item">
                                <div class="feature-one__single" style="padding: 15px;">
                                    <div class="feature-one__single-bg"
                                        style="background-image: url(assets/images/shapes/feature-one-shape-1.png);"></div>
                                    <div class="feature-one__top">
                                        <div class="feature-one__top-inner">
                                            <div class="feature-one__top-icon feature-one__top-icon--circle" style="width: 60px; height: 60px; font-size: 24px;">
                                                <span class="icon-avatar"></span>
                                            </div>
                                            <div class="feature-one__top-title-box" style="margin-top: 10px;">
                                                <h3 class="feature-one__top-title" style="font-size: 18px; margin-bottom: 10px;">Education Program Intern</h3>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="text mt-2 mb-3" style="font-size: 14px; margin-bottom: 15px !important; color: #000;">Work with our education team to help provide quality education to underprivileged children. Responsibilities include curriculum development, teaching assistance, and student mentorship.</p>

<div class="d-flex justify-content-between" style="margin-bottom: 10px;">
                                        <span class="badge badge-primary" style="font-size: 12px; padding: 5px 10px; color: #000;">3-6 months</span>
                                        <span class="badge badge-success" style="font-size: 12px; padding: 5px 10px; color: #000;">Ujjain, MP</span>
                                    </div>
                                    
                                    <div class="text-center">
                                        <a href="/apply-internship" class="thm-btn feature-one__btn" style="padding: 8px 15px; font-size: 14px;">Apply Now</a>
                                    </div>
                                </div>
                            </div>
                        <?php 
                        } 
                        ?>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        
        
        <section class="news-page" style="background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%); padding: 40px 0;">
            <div class="container" style="padding: 0 15px;">
                <div class="section-title text-center" style="margin-bottom: 20px;">
                    <span class="section-title__tagline">Our Interns</span>
                    <h2 class="section-title__title">Meet Our Interns</h2>
                </div>
                
                <div class="text-center mb-4">
                    <a href="/our-interns-list" class="thm-btn" style="padding: 10px 20px;">View Complete Interns List</a>
                </div>
                
                <div class="interns-simple-carousel" style="position: relative; max-width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box;">
                    
                    <button id="prevBtn" style="position: absolute; left: -50px; top: 50%; transform: translateY(-50%); background: #00715d; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; font-size: 20px; z-index: 10;">&#8592;</button>
                    <button id="nextBtn" style="position: absolute; right: -50px; top: 50%; transform: translateY(-50%); background: #00715d; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; font-size: 20px; z-index: 10;">&#8594;</button>
                    
                    
                    <div id="internsContainer" style="overflow: hidden; position: relative;">
                        <?php 
                        // Fetch intern data from database
                        $interns = array();
                        try {
                            // Ensure database connection exists
                            global $con;
                            if (!isset($con) || !$con) {
                                include_once $_SERVER['DOCUMENT_ROOT'].'/config/db_config.php';
                                $con = getDBConnection();
                            }
                            
                            if ($con) {
                                // Fetch approved interns
                                $result = mysqli_query($con, "SELECT * FROM interns WHERE approval_status = 'Approved' ORDER BY id DESC LIMIT 12");
                                if ($result && mysqli_num_rows($result) > 0) {
                                    while ($row = mysqli_fetch_assoc($result)) {
                                        $interns[] = $row;
                                    }
                                }
                            }
                        } catch (Exception $e) {
                            $interns = array();
                        }
                        
                        if (count($interns) > 0) {
                            foreach($interns as $index => $intern) {
                                $intern_name = isset($intern['full_name']) ? $intern['full_name'] : 'Unnamed Intern';
                                $intern_college = isset($intern['college_name']) ? $intern['college_name'] : 'Unknown College';
                                $intern_course = isset($intern['course_name']) ? $intern['course_name'] : 'Unknown Course';
                                $intern_image = isset($intern['photo']) ? $intern['photo'] : '';
                                $intern_app_id = isset($intern['application_id']) ? $intern['application_id'] : '';
                                $certificate_status = isset($intern['certificate_status']) ? $intern['certificate_status'] : 'Not Issued';
                                
                                // Only show first intern initially
                                $display_style = ($index == 0) ? 'block' : 'none';
                        ?>
                        <div class="intern-slide" data-index="<?=$index?>" style="display: <?=$display_style?>;">
                            <div style="background: #fff; border-radius: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); padding: 20px; margin: 10px 0;">
                                <div class="intern-content-desktop" style="display: flex; align-items: center;">
                                    <div class="intern-photo-container" style="width: 120px; height: 120px; border-radius: 10px; overflow: hidden; margin-right: 20px; border: 3px solid #00715d;">
                                        <?php if (!empty($intern_image) && !empty($intern_app_id) && file_exists($_SERVER['DOCUMENT_ROOT'] . '/uploads/interns/' . $intern_app_id . '/' . $intern_image)): ?>
                                            <img src="/uploads/interns/<?=$intern_app_id?>/<?=$intern_image?>" alt="<?=$intern_name?>" style="width: 100%; height: 100%; object-fit: cover;">
                                        <?php else: ?>
                                            <img src="assets/images/resources/intern-default.jpg" alt="<?=$intern_name?>" style="width: 100%; height: 100%; object-fit: cover;">
                                        <?php endif; ?>
                                    </div>
                                    <div class="intern-info-container" style="flex: 1;">
                                        <h3 style="margin: 0 0 10px 0; font-size: 20px; color: #00715d;"><?=$intern_name?></h3>
                                        <p style="margin: 8px 0; color: #555;"><strong>College:</strong> <?=$intern_college?></p>
                                        <p style="margin: 8px 0; color: #555;"><strong>Course:</strong> <?=$intern_course?></p>
                                        <p style="margin: 8px 0; color: #555;"><strong>Internship Type:</strong> <?php echo isset($intern['internship_type']) ? $intern['internship_type'] : 'Not Specified'; ?></p>
                                    </div>
                                    <div class="intern-badge-container-desktop" style="width: 150px; text-align: center;">
                                        <span style="display: inline-block; padding: 6px 12px; border-radius: 20px; font-weight: bold; color: #fff; font-size: 12px; background-color: <?php echo ($certificate_status == 'Issued') ? '#28a745' : (($certificate_status == 'Pending') ? '#ffc107' : '#dc3545'); ?>; color: <?php echo ($certificate_status == 'Pending') ? '#000' : '#fff'; ?>;">
                                            <?php 
                                            // Display full certificate status text
                                            if ($certificate_status == 'Issued') {
                                                echo 'Certificate Issued';
                                            } else if ($certificate_status == 'Pending') {
                                                echo 'Certificate Pending';
                                            } else {
                                                echo 'Certificate Not Issued';
                                            }
                                            ?>
                                        </span>
                                    </div>
                                </div>
                                
                                <div class="intern-content-mobile" style="display: none; text-align: center;">
                                    <div style="width: 120px; height: 120px; border-radius: 10px; overflow: hidden; margin: 0 auto 15px; border: 3px solid #00715d;">
                                        <?php if (!empty($intern_image) && !empty($intern_app_id) && file_exists($_SERVER['DOCUMENT_ROOT'] . '/uploads/interns/' . $intern_app_id . '/' . $intern_image)): ?>
                                            <img src="/uploads/interns/<?=$intern_app_id?>/<?=$intern_image?>" alt="<?=$intern_name?>" style="width: 100%; height: 100%; object-fit: cover;">
                                        <?php else: ?>
                                            <img src="assets/images/resources/intern-default.jpg" alt="<?=$intern_name?>" style="width: 100%; height: 100%; object-fit: cover;">
                                        <?php endif; ?>
                                    </div>
                                    <h3 style="margin: 0 0 10px 0; font-size: 20px; color: #00715d;"><?=$intern_name?></h3>
                                    <p style="margin: 8px 0; color: #555;"><strong>College:</strong> <?=$intern_college?></p>
                                    <p style="margin: 8px 0; color: #555;"><strong>Course:</strong> <?=$intern_course?></p>
                                    <p style="margin: 8px 0; color: #555;"><strong>Internship Type:</strong> <?php echo isset($intern['internship_type']) ? $intern['internship_type'] : 'Not Specified'; ?></p>
                                    <div style="margin: 15px 0;">
                                        <span style="display: inline-block; padding: 6px 12px; border-radius: 20px; font-weight: bold; color: #fff; font-size: 12px; background-color: <?php echo ($certificate_status == 'Issued') ? '#28a745' : (($certificate_status == 'Pending') ? '#ffc107' : '#dc3545'); ?>; color: <?php echo ($certificate_status == 'Pending') ? '#000' : '#fff'; ?>;">
                                            <?php 
                                            // Display full certificate status text
                                            if ($certificate_status == 'Issued') {
                                                echo 'Certificate Issued';
                                            } else if ($certificate_status == 'Pending') {
                                                echo 'Certificate Pending';
                                            } else {
                                                echo 'Certificate Not Issued';
                                            }
                                            ?>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <?php 
                            }
                        } else {
                            // Fallback content if no interns found
                            for ($i = 1; $i <= 3; $i++) {
                                $display_style = ($i == 1) ? 'block' : 'none';
                        ?>
                        <div class="intern-slide" data-index="<?=($i-1)?>" style="display: <?=$display_style?>;">
                            <div style="background: #fff; border-radius: 15px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); padding: 20px; margin: 10px 0;">
                                <div class="intern-content-desktop" style="display: flex; align-items: center;">
                                    <div class="intern-photo-container" style="width: 120px; height: 120px; border-radius: 10px; overflow: hidden; margin-right: 20px; border: 3px solid #00715d;">
                                        <img src="assets/images/resources/intern-default.jpg" alt="Intern <?=$i?>" style="width: 100%; height: 100%; object-fit: cover;">
                                    </div>
                                    <div class="intern-info-container" style="flex: 1;">
                                        <h3 style="margin: 0 0 10px 0; font-size: 20px; color: #00715d;">Intern <?=$i?></h3>
                                        <p style="margin: 8px 0; color: #555;"><strong>College:</strong> ABC University</p>
                                        <p style="margin: 8px 0; color: #555;"><strong>Course:</strong> Computer Science</p>
                                        <p style="margin: 8px 0; color: #555;"><strong>Internship Type:</strong> Online</p>
                                    </div>
                                    <div class="intern-badge-container-desktop" style="width: 150px; text-align: center;">
                                        <span style="display: inline-block; padding: 6px 12px; border-radius: 20px; font-weight: bold; color: #fff; font-size: 12px; background-color: #28a745;">
                                            Certificate Issued
                                        </span>
                                    </div>
                                </div>
                                
                                <div class="intern-content-mobile" style="display: none; text-align: center;">
                                    <div style="width: 120px; height: 120px; border-radius: 10px; overflow: hidden; margin: 0 auto 15px; border: 3px solid #00715d;">
                                        <img src="assets/images/resources/intern-default.jpg" alt="Intern <?=$i?>" style="width: 100%; height: 100%; object-fit: cover;">
                                    </div>
                                    <h3 style="margin: 0 0 10px 0; font-size: 20px; color: #00715d;">Intern <?=$i?></h3>
                                    <p style="margin: 8px 0; color: #555;"><strong>College:</strong> ABC University</p>
                                    <p style="margin: 8px 0; color: #555;"><strong>Course:</strong> Computer Science</p>
                                    <p style="margin: 8px 0; color: #555;"><strong>Internship Type:</strong> Online</p>
                                    <div style="margin: 15px 0;">
                                        <span style="display: inline-block; padding: 6px 12px; border-radius: 20px; font-weight: bold; color: #fff; font-size: 12px; background-color: #28a745;">
                                            Certificate Issued
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <?php 
                            }
                        } 
                        ?>
                    </div>
                    
                    
                    <div id="indicators" style="text-align: center; margin-top: 15px;">
                        <?php 
                        $totalSlides = count($interns) > 0 ? count($interns) : 3;
                        for ($i = 0; $i < $totalSlides; $i++): ?>
                        <span class="indicator" data-slide="<?=$i?>" style="display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: <?php echo $i == 0 ? '#00715d' : '#ccc'; ?>; margin: 0 5px; cursor: pointer;"></span>
                        <?php endfor; ?>
                    </div>
                </div>
            </div>
        </section>

<section class="become-volunteer-one">
            <div class="become-volunteer-one__bg-box">
                <div class="become-volunteer-one__bg jarallax" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
                    style="background-image: url(assets/images/backgrounds/background.jpg);"></div>
            </div>
            <div class="become-volunteer-one__shape-1"
                style="background-image: url(assets/images/shapes/become-volunteer-shape-1.png);"></div>
            <div class="container">
                <div class="become-volunteer-one__inner">
                    <p class="become-volunteer-one__sub-title">Why Intern With Us</p>
                    <h3 class="become-volunteer-one__title">Make a Real Impact in Your <br> Career and Future
                    </h3>
                    <p class="text mt-2 mb-4" style="color: #fff;">
                        Our internship program offers unique opportunities to work on meaningful projects that create real change in communities. You'll gain valuable experience while contributing to causes that matter. Our comprehensive program includes mentorship, skill development workshops, and networking opportunities with professionals in the social impact sector.
                    </p>
                    
                    <div class="become-volunteer-one__btn-box">
                        <a href="/apply-internship" class="thm-btn become-volunteer-one__btn">Apply Now</a>
                    </div>
                </div>
            </div>
        </section>
        
        
        
        <section class="news-page">
            <div class="container">
                <div class="section-title text-center">
                    <span class="section-title__tagline">Internship Experiences</span>
                    <h2 class="section-title__title">Latest from Our Interns</h2>
                </div>
                <div class="row">
                    
                    <?php
                    // Check if there are internship-related blogs in the database
                    // Using a simpler approach to avoid database errors
                    $intern_blogs = array(); // Initialize as empty array
                    
                    // Debug: Check if database connection exists
                    global $con;
                    if (!isset($con) || !$con) {
                        // Try to establish database connection
                        $con = mysqli_connect("localhost", "root", "", "savitr");
                    }
                    
                    try {
                        // First, let's just get all blogs without any filtering
                        if ($con) {
                            $intern_blogs = fetchall("intern_blog where status = 1 order by id desc LIMIT 3");
                        }
                    } catch (Exception $e) {
                        // If there's any database error, we'll just show the fallback content
                        $intern_blogs = array();
                    }
                    
                    if(count($intern_blogs) > 0) {
                        foreach($intern_blogs as $b){
                            $date = isset($b['blog_date']) ? $b['blog_date'] : date('Y-m-d');
                            $blog_date = date('d M Y',strtotime($date));
                            $blog_title = isset($b['blog_sub']) ? $b['blog_sub'] : 'Untitled';
                            $blog_id = isset($b['id']) ? $b['id'] : '0';
                            $blog_image = isset($b['image']) ? $b['image'] : 'default.jpg';
                            $description = isset($b['description']) ? $b['description'] : '';
                    ?>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                        <div class="news-one__single">
                            <div class="news-one__img">
                                <?php if (!empty($blog_image) && file_exists($_SERVER['DOCUMENT_ROOT'] . '/uploads/' . $blog_image)): ?>
                                    <img src="/uploads/<?=$blog_image?>" alt="<?=$blog_title?>">
                                <?php else: ?>
                                    <img src="assets/images/resources/intern-blog-1.jpg" alt="<?=$blog_title?>">
                                <?php endif; ?>
                            </div>
                            <div class="news-one__content-box">
                                <div class="news-one__content-inner">
                                    <div class="news-one__content">
                                        <h3 class="news-one__title"><a href="/intern-blog-details/<?=$blog_id?>"><?=$blog_title?></a></h3>
                                    </div>
                                    <div class="news-one__bottom">
                                        <div class="news-one__read-more">
                                            <a href="/intern-blog-details/<?=$blog_id?>"> <span class="icon-right-arrow"></span> Read More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="news-one__date">
                                    <p><?=$blog_date?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php
                        }
                    } else {
                    ?>
                    
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                        <div class="news-one__single">
                            <div class="news-one__img">
                                <img src="assets/images/resources/intern-blog-1.jpg" alt="">
                            </div>
                            <div class="news-one__content-box">
                                <div class="news-one__content-inner">
                                    <div class="news-one__content">
                                        <h3 class="news-one__title"><a href="/intern-blog-details/1">My Journey in Education Internship</a></h3>
                                    </div>
                                    <div class="news-one__bottom">
                                        <div class="news-one__read-more">
                                            <a href="/intern-blog-details/1"> <span class="icon-right-arrow"></span> Read More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="news-one__date">
                                    <p>15 Jun 2024</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                        <div class="news-one__single">
                            <div class="news-one__img">
                                <img src="assets/images/resources/intern-blog-2.jpg" alt="">
                            </div>
                            <div class="news-one__content-box">
                                <div class="news-one__content-inner">
                                    <div class="news-one__content">
                                        <h3 class="news-one__title"><a href="/intern-blog-details/2">Digital Marketing in Social Sector</a></h3>
                                    </div>
                                    <div class="news-one__bottom">
                                        <div class="news-one__read-more">
                                            <a href="/intern-blog-details/2"> <span class="icon-right-arrow"></span> Read More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="news-one__date">
                                    <p>22 May 2024</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                        <div class="news-one__single">
                            <div class="news-one__img">
                                <img src="assets/images/resources/intern-blog-3.jpg" alt="">
                            </div>
                            <div class="news-one__content-box">
                                <div class="news-one__content-inner">
                                    <div class="news-one__content">
                                        <h3 class="news-one__title"><a href="/intern-blog-details/3">Environmental Awareness Campaign</a></h3>
                                    </div>
                                    <div class="news-one__bottom">
                                        <div class="news-one__read-more">
                                            <a href="/intern-blog-details/3"> <span class="icon-right-arrow"></span> Read More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="news-one__date">
                                    <p>10 Apr 2024</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php
                    }
                    ?>
                </div>
            </div>
        </section>
        
        
        
        <section class="gallery-one">
            <div class="gallery-one__top">
                <h3 class="gallery-one__top-title">Internship Activities Gallery</h3>
            </div>
            <div class="gallery-one__bottom">
                <div class="gallery-one__container">
                    <ul class="list-unstyled gallery-one__list">
                        <?php
                        // Check if there are internship gallery items in the database
                        // Using a simpler approach to avoid database errors
                        $intern_gallery = array(); // Initialize as empty array
                        try {
                            // First, let's just get all internship gallery items
                            $intern_gallery = fetchall("internship_gallery where status = 'Active' order by id desc LIMIT 5");
                        } catch (Exception $e) {
                            // If there's any database error, we'll just show the fallback content
                            $intern_gallery = array();
                        }
                        
                        if(count($intern_gallery) > 0) {
                            foreach($intern_gallery as $g){
                                $gallery_title = isset($g['title']) ? $g['title'] : 'Untitled';
                                $gallery_subtitle = isset($g['subtitle']) ? $g['subtitle'] : '';
                                $gallery_image = isset($g['image']) ? $g['image'] : 'default.jpg';
                                $gallery_id = isset($g['id']) ? $g['id'] : '0';
                        ?>
                        <li class="gallery-one__single wow fadeInUp" data-wow-delay="100ms">
                            <div class="gallery-one__img">
                                <img src="uploads/<?=$gallery_image?>" alt="<?=$gallery_title?>" height="270">
                                <a href="uploads/<?=$gallery_image?>" class="img-popup"></a>
                                <div class="gallery-one__content">
                                    <h5 class="gallery-one__title"><?=$gallery_title?></h5>
                                    <?php if (!empty($gallery_subtitle)): ?>
                                    <p class="gallery-one__sub-title"><?=$gallery_subtitle?></p>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </li>
                        <?php
                            }
                        } else {
                        ?>
                        <li class="gallery-one__single wow fadeInUp" data-wow-delay="100ms">
                            <div class="gallery-one__img">
                                <img src="assets/images/resources/intern-gallery-1.jpg" alt="" height="270">
                                <a href="assets/images/resources/intern-gallery-1.jpg" class="img-popup"></a>
                                <div class="gallery-one__content">
                                    <p class="gallery-one__sub-title">Education</p>
                                    <h5 class="gallery-one__title">Teaching Children</h5>
                                </div>
                            </div>
                        </li>
                        
                        <li class="gallery-one__single wow fadeInUp" data-wow-delay="200ms">
                            <div class="gallery-one__img">
                                <img src="assets/images/resources/intern-gallery-2.jpg" alt="" height="270">
                                <a href="assets/images/resources/intern-gallery-2.jpg" class="img-popup"></a>
                                <div class="gallery-one__content">
                                    <p class="gallery-one__sub-title">Environment</p>
                                    <h5 class="gallery-one__title">Tree Plantation Drive</h5>
                                </div>
                            </div>
                        </li>
                        
                        <li class="gallery-one__single wow fadeInUp" data-wow-delay="300ms">
                            <div class="gallery-one__img">
                                <img src="assets/images/resources/intern-gallery-3.jpg" alt="" height="270">
                                <a href="assets/images/resources/intern-gallery-3.jpg" class="img-popup"></a>
                                <div class="gallery-one__content">
                                    <p class="gallery-one__sub-title">Healthcare</p>
                                    <h5 class="gallery-one__title">Medical Camp</h5>
                                </div>
                            </div>
                        </li>
                        
                        <li class="gallery-one__single wow fadeInUp" data-wow-delay="400ms">
                            <div class="gallery-one__img">
                                <img src="assets/images/resources/intern-gallery-4.jpg" alt="" height="270">
                                <a href="assets/images/resources/intern-gallery-4.jpg" class="img-popup"></a>
                                <div class="gallery-one__content">
                                    <p class="gallery-one__sub-title">Social Work</p>
                                    <h5 class="gallery-one__title">Community Outreach</h5>
                                </div>
                            </div>
                        </li>
                        
                        <li class="gallery-one__single wow fadeInUp" data-wow-delay="500ms">
                            <div class="gallery-one__img">
                                <img src="assets/images/resources/intern-gallery-5.jpg" alt="" height="270">
                                <a href="assets/images/resources/intern-gallery-5.jpg" class="img-popup"></a>
                                <div class="gallery-one__content">
                                    <p class="gallery-one__sub-title">Events</p>
                                    <h5 class="gallery-one__title">Fundraising Event</h5>
                                </div>
                            </div>
                        </li>
                        <?php
                        }
                        ?>
                    </ul>
                </div>
            </div>
        </section>

<style>
        @media (max-width: 768px) {
            .intern-content-desktop {
                display: none !important;
            }
            
            .intern-content-mobile {
                display: block !important;
            }
            
            .interns-simple-carousel {
                padding: 0 1px !important;
            }
            
            #prevBtn, #nextBtn {
                width: 35px !important;
                height: 35px !important;
                font-size: 18px !important;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                z-index: 10;
            }
            
            #prevBtn {
                left: 0;
            }
            
            #nextBtn {
                right: 0;
            }
        }
        
        @media (min-width: 769px) {
            .intern-content-desktop {
                display: flex !important;
            }
            
            .intern-content-mobile {
                display: none !important;
            }
        }
        </style>
        
        
        <script>
        document.addEventListener('DOMContentLoaded', function() {
            let currentSlide = 0;
            const slides = document.querySelectorAll('.intern-slide');
            const indicators = document.querySelectorAll('.indicator');
            const totalSlides = slides.length;
            
            // If no slides, exit
            if (totalSlides <= 1) return;
            
            // Function to show a specific slide
            function showSlide(index) {
                // Hide all slides
                slides.forEach(slide => {
                    slide.style.display = 'none';
                });
                
                // Show current slide
                slides[index].style.display = 'block';
                
                // Update indicators
                indicators.forEach((indicator, i) => {
                    indicator.style.background = i === index ? '#00715d' : '#ccc';
                });
                
                currentSlide = index;
            }
            
            // Next slide
            function nextSlide() {
                const nextIndex = (currentSlide + 1) % totalSlides;
                showSlide(nextIndex);
            }
            
            // Previous slide
            function prevSlide() {
                const prevIndex = (currentSlide - 1 + totalSlides) % totalSlides;
                showSlide(prevIndex);
            }
            
            // Event listeners for buttons
            document.getElementById('nextBtn').addEventListener('click', nextSlide);
            document.getElementById('prevBtn').addEventListener('click', prevSlide);
            
            // Event listeners for indicators
            indicators.forEach(indicator => {
                indicator.addEventListener('click', function() {
                    const slideIndex = parseInt(this.getAttribute('data-slide'));
                    showSlide(slideIndex);
                });
            });
            
            // Auto-rotate every 4 seconds
            setInterval(nextSlide, 4000);
        });
        </script>

Join Our Team

Internship at Savitr Foundation

Savitr Foundation offers valuable internship opportunities for students and young professionals who are passionate about making a positive impact in society. Our internships provide hands-on experience in various fields including education, environment, healthcare, social work, and more.

00
+

Interns Trained
00

Opportunities
00
%

Placement Rate
00
+

Years Experience

Help us grow & learn together

Internship Opportunities

0) { while ($row = @mysqli_fetch_assoc($result)) { $internships[] = $row; } } } // If we have data, display it if (!empty($internships)) { foreach($internships as $internship) { ?>

Apply Now

Education Program Intern

Work with our education team to help provide quality education to underprivileged children. Responsibilities include curriculum development, teaching assistance, and student mentorship.

3-6 months Ujjain, MP

Apply Now

Environmental Awareness Intern

Join our environmental initiatives to create awareness about sustainability and climate change. Activities include organizing campaigns, tree plantation drives, and community workshops.

2-4 months Ujjain, MP

Apply Now

Healthcare Outreach Intern

Assist in our healthcare programs by participating in medical camps, health awareness sessions, and community health surveys in rural areas.

3-6 months Ujjain, MP

Apply Now

Our Interns

Meet Our Interns

View Complete Interns List

0) { while ($row = mysqli_fetch_assoc($result)) { $interns[] = $row; } } } } catch (Exception $e) { $interns = array(); } if (count($interns) > 0) { foreach($interns as $index => $intern) { $intern_name = isset($intern['full_name']) ? $intern['full_name'] : 'Unnamed Intern'; $intern_college = isset($intern['college_name']) ? $intern['college_name'] : 'Unknown College'; $intern_course = isset($intern['course_name']) ? $intern['course_name'] : 'Unknown Course'; $intern_image = isset($intern['photo']) ? $intern['photo'] : ''; $intern_app_id = isset($intern['application_id']) ? $intern['application_id'] : ''; $certificate_status = isset($intern['certificate_status']) ? $intern['certificate_status'] : 'Not Issued'; // Only show first intern initially $display_style = ($index == 0) ? 'block' : 'none'; ?>

College:

Course:

Internship Type:

Intern

College: ABC University

Course: Computer Science

Internship Type: Online

Certificate Issued

0 ? count($interns) : 3; for ($i = 0; $i < $totalSlides; $i++): ?>

Why Intern With Us

Make a Real Impact in Your
Career and Future

Our internship program offers unique opportunities to work on meaningful projects that create real change in communities. You'll gain valuable experience while contributing to causes that matter. Our comprehensive program includes mentorship, skill development workshops, and networking opportunities with professionals in the social impact sector.

Apply Now

Internship Experiences

Latest from Our Interns

0) { foreach($intern_blogs as $b){ $date = isset($b['blog_date']) ? $b['blog_date'] : date('Y-m-d'); $blog_date = date('d M Y',strtotime($date)); $blog_title = isset($b['blog_sub']) ? $b['blog_sub'] : 'Untitled'; $blog_id = isset($b['id']) ? $b['id'] : '0'; $blog_image = isset($b['image']) ? $b['image'] : 'default.jpg'; $description = isset($b['description']) ? $b['description'] : ''; ?>