FM / public

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

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

Name	Size	Mode	Actions
admin/	-	0755	rm
ajax/	-	0755	rm
api/	-	0755	rm
assets/	-	0755	rm
cache/	-	0755	rm
certificate_view/	-	0755	rm
css/	-	0755	rm
documents_upload/	-	0755	rm
F2/	-	0755	rm
finger data/	-	0755	rm
functions/	-	0755	rm
hts-cache/	-	0755	rm
js/	-	0755	rm
logs/	-	0755	rm
pages/	-	0755	rm
privacy policy/	-	0755	rm
savitrfoundation/	-	0755	rm
scholar/	-	0755	rm
terms and conditions/	-	0755	rm
tmp/	-	0755	rm
uploads/	-	0755	rm
.htaccess	3583	0644	edit dl rm
.htaccess.htaccess	9223	0644	edit dl rm
.user.ini	623	0644	edit dl rm
ads.txt	58	0644	edit dl rm
application.php	41647	0644	edit dl rm
backblue.gif	4243	0644	edit dl rm
careers.php	18402	0644	edit dl rm
fade.gif	828	0644	edit dl rm
how to apply.php	44852	0644	edit dl rm
hts-log.txt	2738	0644	edit dl rm
index.php	50	0644	edit dl rm
ngo_account_open.php	27984	0644	edit dl rm
our_scholars.php	11882	0644	edit dl rm
php.ini	617	0644	edit dl rm
reupload_document.php	6038	0644	edit dl rm
robots.txt	291	0644	edit dl rm
scholarshipapply.php	219769	0644	edit dl rm
scholarshipportal.php	89993	0644	edit dl rm
sendmail.php	2720	0644	edit dl rm
sitemap.xml	3743	0644	edit dl rm
submit-internship-application.php	8856	0644	edit dl rm
sw.js	156	0644	edit dl rm
upload_document_main.php	6121	0644	edit dl rm

Edit: /home/u764571690/domains/savitrfoundation.com/public_html/careers.php (18402B)

<!DOCTYPE html>
<html lang="en">
<head>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6734060461800843"
     crossorigin="anonymous"></script>
     
     
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Savitr Foundation Careers – Modern & Responsive</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" />
<style>
    :root{
        --accent:#00624e;
        --accent-dark:#004536;
        --muted:#666;
        --card-bg:#ffffff;
        --yellow:#ffd65d;
        --radius:14px;
    }
    *{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
    body{background:#f1f5f9;color:#222;line-height:1.6;-webkit-font-smoothing:antialiased}
    .container{width:100%;max-width:1200px;margin:28px auto;padding:20px}

/* Header */
    .header{background:var(--card-bg);border-radius:18px;padding:36px 24px;text-align:center;box-shadow:0 8px 30px rgba(2,6,23,0.06);}
    .header h1{color:var(--accent);font-size:30px;font-weight:700;margin-bottom:6px}
    .header p{color:var(--muted);font-size:15px}

.section-title{text-align:center;margin:34px 0}
    .section-title__tagline{color:var(--accent);font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:1px;margin-bottom:8px;display:block}
    .section-title__title{font-size:26px;font-weight:600;color:#111}

/* Grid - square cards */
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
    .card{background:var(--card-bg);border-radius:var(--radius);padding:18px;box-shadow:0 8px 20px rgba(15,23,42,0.06);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;aspect-ratio:1/1;overflow:hidden}
    .card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(10,20,40,0.08)}
    .card .icon{font-size:34px;color:var(--accent);margin-top:6px}
    .card h3{font-size:16px;margin:12px 0 8px;font-weight:700;text-align:center}
    .card p{font-size:13px;color:var(--muted);text-align:center;padding:0 8px;flex:0 0 auto}
    .card .card-footer{width:100%;display:flex;gap:10px;justify-content:center;margin-top:12px}
    .btn{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600;cursor:pointer;border:0}
    .btn-primary{background:var(--accent);color:#fff}
    .btn-ghost{background:transparent;border:1px solid rgba(0,0,0,0.06);color:var(--accent);}

/* CTA */
    .cta{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;padding:42px 20px;border-radius:18px;text-align:center;margin:36px 0}
    .cta h2{font-size:22px;margin-bottom:8px}
    .cta p{color:rgba(255,255,255,0.9);max-width:760px;margin:0 auto}
    .cta .cta-action{margin-top:14px}

/* Footer */
    .footer{text-align:center;padding:22px;color:var(--muted);font-size:14px}

/* Popup */
    .popup-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:1200;padding:20px}
    .popup{background:white;border-radius:14px;max-width:520px;width:100%;padding:20px 18px;box-shadow:0 20px 50px rgba(2,12,30,0.25);position:relative}
    .popup .close{position:absolute;right:12px;top:10px;font-size:22px;cursor:pointer;color:#444}
    .popup h3{color:var(--accent);text-align:center;margin-bottom:6px}
    .popup p{color:var(--muted);text-align:center;margin-bottom:12px;font-size:14px}
    .form-grid{display:grid;gap:10px}
    .form-grid input[type=text],.form-grid input[type=tel],.form-grid input[type=email],.form-grid textarea,.form-grid input[type=file]{width:100%;padding:10px;border-radius:10px;border:1px solid #e0e0e0}
    .form-row{display:flex;gap:10px}
    .form-row .col{flex:1}
    .submit-row{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:8px}

/* Responsive tweaks */
    @media (max-width:700px){
        .card{aspect-ratio:1/1}
        .header h1{font-size:24px}
        .section-title__title{font-size:20px}
    }
</style>
</head>
<body>

<div class="container">
    <div class="header">
        <h1>Career Opportunities</h1>
        <p>Join Savitr Foundation — remote, part-time and on-field roles</p>
    </div>

<div class="section-title">
        <span class="section-title__tagline">Work With Us</span>
        <h2 class="section-title__title">Available Job Opportunities</h2>
    </div>

<div class="grid" id="jobsGrid">
        <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6734060461800843"
     data-ad-slot="5031037574"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<div class="card" data-role="Remote Work">
            <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6734060461800843"
     data-ad-slot="3315429019"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
     
            <div>
                <div class="icon"><i class="fas fa-laptop"></i></div>
                <h3>Remote Work</h3>
                <p>Work from anywhere with full flexibility and meaningful projects.</p>
            </div>
            <div class="card-footer">
                <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6734060461800843"
     data-ad-slot="5031037574"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

<div class="card" data-role="Video Editor">
            <div>
                <div class="icon"><i class="fas fa-video"></i></div>
                <h3>Video Editor</h3>
                <p>Edit short/long-form videos, reels and promotional content.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

<div class="card" data-role="Full Stack Developer">
            <div>
                <div class="icon"><i class="fas fa-code"></i></div>
                <h3>Full Stack Developer</h3>
                <p>Build web & mobile apps, maintain CMS and integrations.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

</div>
</section>

<div class="card" data-role="Online Teacher">
            <div>
                <div class="icon"><i class="fas fa-chalkboard-teacher"></i></div>
                <h3>Online Teacher</h3>
                <p>Teach subjects online — Maths, Science, English, Coding and more.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

<div class="card" data-role="Spoken English Trainer">
            <div>
                <div class="icon"><i class="fas fa-language"></i></div>
                <h3>Spoken English Trainer</h3>
                <p>Improve learners' spoken English & communication skills online.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

<div class="card" data-role="Programming Instructor">
            <div>
                <div class="icon"><i class="fas fa-laptop-code"></i></div>
                <h3>Programming Instructor</h3>
                <p>Teach programming languages: C, Python, Java, Web development.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

<section class="hero-inline-ad" style="padding: 5px 0; background:#f7f9ff;">
  <div class="container" style="max-width:900px; margin:0 auto; text-align:center;">
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6734060461800843"
     data-ad-slot="2604874773"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div>
</section>

<div class="card" data-role="Kids Coding Mentor">
            <div>
                <div class="icon"><i class="fas fa-child"></i></div>
                <h3>Kids Coding Mentor</h3>
                <p>Fun, project-based coding classes for children (6–14 yrs).</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

<div class="card" data-role="Content Writer">
            <div>
                <div class="icon"><i class="fas fa-pen-nib"></i></div>
                <h3>Content Writer</h3>
                <p>Create blogs, scripts, captions and educational content.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

<div class="card" data-role="Graphic Designer">
            <div>
                <div class="icon"><i class="fas fa-palette"></i></div>
                <h3>Graphic Designer</h3>
                <p>Design posters, banners, social creatives and UI assets.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>
     
      <section class="hero-inline-ad" style="padding: 5px 0; background:#f7f9ff;">
  <div class="container" style="max-width:900px; margin:0 auto; text-align:center;">  
        <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6734060461800843"
     data-ad-slot="2249651555"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</section>

<div class="card" data-role="Virtual Assistant">
            <div>
                <div class="icon"><i class="fas fa-file-alt"></i></div>
                <h3>Virtual Assistant</h3>
                <p>Manage emails, scheduling, documentation and day-to-day tasks.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

<div class="card" data-role="Data Entry Operator">
            <div>
                <div class="icon"><i class="fas fa-mouse-pointer"></i></div>
                <h3>Data Entry Operator</h3>
                <p>Typing, form filling and maintaining records remotely.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

<div class="card" data-role="NGO Volunteer">
            <div>
                <div class="icon"><i class="fas fa-heart"></i></div>
                <h3>NGO Volunteer</h3>
                <p>Field work, donation drives, events and community outreach.</p>
            </div>
            <div class="card-footer">
                <button class="btn btn-primary apply-btn">Apply</button>
            </div>
        </div>

</div>

<div class="cta">
        <h2>Ready to Make a Difference?</h2>
        <p>Click any Apply button to open the application form. You can also click the big button below to open a blank form.</p>
        <div class="cta-action"><button class="btn btn-primary" id="openBlank">Open Application Form</button></div>
        <ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-6734060461800843"
     data-ad-slot="5031037574"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
    </div>

<div class="popup-backdrop" id="popupBackdrop" aria-hidden="true">
    <div class="popup" role="dialog" aria-modal="true" aria-labelledby="popupTitle">
        <div class="close" id="popupClose" title="Close">&times;</div>
        <h3 id="popupTitle">Apply for Job</h3>
        <p id="popupSubtitle">Fill the form below and your application will be sent to careers email.</p>

<input type="text" name="name" placeholder="Full Name" required>
            <input type="tel" name="mobile" placeholder="Mobile Number" required>
            <input type="email" name="email" placeholder="Email Address" required>
            <input type="text" name="jobrole" id="jobrole" placeholder="Job Role (auto-filled when applying from a card)" required>
            <textarea name="message" rows="4" placeholder="Your message / cover note (optional)"></textarea>
            <label style="font-weight:600;font-size:13px">Upload Resume (PDF/DOC)</label>
            <input type="file" name="resume" accept="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" required>
            <div class="submit-row">
                <button type="submit" class="btn btn-primary">Send Application</button>
                <button type="button" id="popupCancel" class="btn btn-ghost">Cancel</button>
            </div>
        </form>
    </div>
</div>

function openPopup(role){
            if(role) jobroleInput.value = role;
            backdrop.style.display = 'flex';
            backdrop.setAttribute('aria-hidden','false');
        }
        function closePopup(){
            backdrop.style.display = 'none';
            backdrop.setAttribute('aria-hidden','true');
            applyForm.reset();
        }

// wire card buttons
        applyBtns.forEach(btn=>{
            btn.addEventListener('click',function(e){
                const card = e.target.closest('.card');
                const role = card ? card.getAttribute('data-role') : '';
                openPopup(role || '');
            })
        });

// open blank form
        if(openBlank) openBlank.addEventListener('click',function(){ openPopup(''); });
        if(close) close.addEventListener('click', closePopup);
        if(cancel) cancel.addEventListener('click', closePopup);

// close on backdrop click
        backdrop.addEventListener('click', function(e){ if(e.target === backdrop) closePopup(); });

// simple form submission UX: show a small waiting state to user
        applyForm.addEventListener('submit', function(e){
            // let the server handle email sending. we can show disabled state to avoid duplicate submits.
            const btn = applyForm.querySelector('button[type=submit]');
            btn.disabled = true;
            btn.textContent = 'Sending...';
        });

// Handle form submission with AJAX for better user experience
        applyForm.addEventListener('submit', function(e){
            e.preventDefault(); // Prevent default form submission
            
            const formData = new FormData(applyForm);
            const btn = applyForm.querySelector('button[type=submit]');
            
            // Show sending state
            btn.disabled = true;
            btn.textContent = 'Sending...';
            
            // Send form data using fetch API
            fetch('sendmail.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.text())
            .then(data => {
                // Show success message
                alert(data);
                // Close popup
                closePopup();
                // Reset form
                applyForm.reset();
            })
            .catch(error => {
                // Show error message
                alert('Error: ' + error);
                // Reset button
                btn.disabled = false;
                btn.textContent = 'Send Application';
            });
        });

})();
</script>

</body>
</html>

cmd: