REDROOM

Navigation

Breadcrumbs

/ / home / serveshikshafoundation / htdocs / serveshikshafoundation.org.in

Create

Create File | Create Folder | Upload Files | Run Command

Edit File Size: 34.45 KB

/home/serveshikshafoundation/htdocs/serveshikshafoundation.org.in/index.php

Text Base64

<?php require('header.php') ?>

<a href="#" class="btn theme-btn">Contact Us</a>
            </div>
        </div>
    </div>
</section>

<section class="about-st2 section-padding">
    <h2 class="hidden">About us</h2>
    <div class="container">
        <div class="row">
            <div class="col col-xs-12">
                <div class="content">
                    <div class="left-col">
                       <h1>About Serve Shiksha Foundation</h1>
                        <span>Empowering Through Education and Skills</span>
                        <p class="black-color">Serve Shiksha Foundation is a non-profit organization dedicated to empowering individuals by providing essential skill-based education. Our mission is to equip youth and women with tools for self-reliance and personal growth.</p>
                        <p class="black-color">We offer certified training in Computer Basics, English Speaking, and Dress Designing. These programs help learners become confident, job-ready, and capable of building a better future for themselves and their communities.</p>
                    </div>

<section class="goals-section">
        <div class="container">
                       <h2 class="section-title" style="text-align:center;">Futute Goals and Sustainable</h2>

<div class="row">
                <div class="col-md-6">
                    <div class="goal-item">
                        <i class="fas fa-graduation-cap goal-icon"></i>
                        <h3 class="goal-title">Expand Educational Programs</h3>
                        <p class="goal-text">Increase the number of learning centers in rural and underserved areas to reach more out-of-school children and youth.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="goal-item">
                        <i class="fas fa-tools goal-icon"></i>
                        <h3 class="goal-title">Enhance Skill Development Training</h3>
                        <p class="goal-text">Launch advanced vocational and digital literacy programs aligned with current industry demands to improve employability and entrepreneurship among youth and women.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="goal-item">
                        <i class="fas fa-hand-holding-heart goal-icon"></i>
                        <h3 class="goal-title">Promote Women Empowerment</h3>
                        <p class="goal-text">Establish dedicated support groups, leadership workshops, and income-generation programs to enable more women to become self-reliant.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="goal-item">
                        <i class="fas fa-handshake goal-icon"></i>
                        <h3 class="goal-title">Partnerships and Collaborations</h3>
                        <p class="goal-text">Form strategic alliances with corporates, government schemes, and academic institutions to enhance the reach and quality of our services.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="goal-item">
                        <i class="fas fa-leaf goal-icon"></i>
                        <h3 class="goal-title">Sustainability Plan</h3>
                        <p class="goal-text">To ensure long-term sustainability, Serve Shiksha Foundation will adopt the following strategies:</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="goal-item">
                        <i class="fas fa-users-cog goal-icon"></i>
                        <h3 class="goal-title">Capacity Building</h3>
                        <p class="goal-text">Continuous training and upskilling of our staff and volunteers to ensure effective program delivery and adaptability to emerging needs.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="goal-item">
                        <i class="fas fa-chart-line goal-icon"></i>
                        <h3 class="goal-title">Impact Measurement</h3>
                        <p class="goal-text">Establish a strong monitoring and evaluation system to track outcomes, demonstrate impact, and build credibility with stakeholders.</p>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="goal-item">
                        <i class="fas fa-money-bill-wave goal-icon"></i>
                        <h3 class="goal-title">Income-Generating Initiatives</h3>
                        <p class="goal-text">Launch social enterprise models such as vocational product units and training-based microbusinesses to generate internal revenue and reduce dependency on external funding.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="training-section">
        <div class="container">
                                 <h2 class="section-title" style="text-align:center;">Training and Development</h2>

<h2 class="section-title"></h2>
            <div class="training-content">
                <i class="fas fa-chalkboard-teacher training-icon"></i>
                <p class="training-text">Nonprofits provide training and development opportunities to enhance volunteers' skills, knowledge, and understanding of their roles.</p>
            </div>
        </div>
    </section>
 <style>
       
        .training-section {
            padding: 60px 0;
background: linear-gradient(135deg, #313244, #272944 );
          border-radius: 15px;
            margin: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            position: relative;
            overflow: hidden;
        }
        .section-title {
            color: #ff6200;
            font-size: 2.5rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 40px;
            position: relative;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        .section-title::after {
            content: '';
            width: 80px;
            height: 5px;
            background-color: #ff8c00;
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 5px;
        }
        .training-content {
            background-color: #ffffff;
            color: #333333;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
        .training-icon {
            font-size: 4em;
            color: #ff6200;
            margin-bottom: 20px;
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        .training-text {
            font-size: 2rem;
            line-height: 1.8;
            margin-bottom: 20px;
          color:black;
        }
        .date-time {
            text-align: center;
            color: #ff6200;
            font-size: 1.1rem;
            margin-top: 20px;
            font-style: italic;
        }
        @media (max-width: 768px) {
            .section-title {
                font-size: 2rem;
            }
            .training-content {
                padding: 20px;
            }
            .training-icon {
                font-size: 2.5rem;
            }
            .training-text {
                font-size: 1rem;
            }
        }
    </style>


<section class="programs-section">
        <div class="container">
            <h2 class="section-title" >Programs</h2>
            <p class="intro-text">Nonprofits address community needs through targeted programs, delivering services aligned with their mission and objectives. Serve Shiksha Foundation is dedicated to transforming lives through inclusive education, vocational training, and women empowerment initiatives. Our programs are designed to address the grassroots challenges faced by underserved communities in India.</p>
            <div class="program-item">
                <i class="fas fa-book-open program-icon"></i>
                <p class="program-text">1. Education for All Initiative</p>
            </div>
            <div class="program-item">
                <i class="fas fa-tools program-icon"></i>
                <p class="program-text">2. Skill Development and Livelihood Training</p>
            </div>
            <div class="program-item">
                <i class="fas fa-hand-holding-heart program-icon"></i>
                <p class="program-text">3. Women Empowerment Program</p>
            </div>
            <div class="program-item">
                <i class="fas fa-laptop program-icon"></i>
                <p class="program-text">4. Digital Inclusion Drive</p>
            </div>
            <div class="program-item">
                <i class="fas fa-heartbeat program-icon"></i>
                <p class="program-text">5. Health and Hygiene Awareness</p>
            </div>
        </div>
    </section>

<section class="recent-news">
    <div class="container">
        <div class="row section-title-s3">
            <div class="col col-md-10 col-md-offset-1">
                <h2><span>Our</span> Services</h2>
            </div>
        </div>

<?php
        // Fetch data from tour_packages
        $sql = "SELECT * FROM tour_packages";
        $result = mysqli_query($conn, $sql);
        ?>

<div class="row blog-grid">
            <?php
            if (mysqli_num_rows($result) > 0) {
                $delay = 0;
                while ($row = mysqli_fetch_assoc($result)) {
                    $id = $row['id'];
                    $package_name = $row['package_name'];
                    $package_image = $row['package_image'];
                    $description = $row['description'];

// Optional: generate a delay for animation
                    $delayAttr = $delay > 0 ? ' data-wow-delay="' . $delay . 's"' : '';
                    $delay += 0.3;
                    ?>
                    <div style="margin-bottom:10px;" class="col col-sm-4 col-xs-6 wow fadeInLeftSlow" <?= $delayAttr ?>>
                        <div class="post">
                            <div class="entry-media entry-date">
                                <img style="height:250px; object-fit:contain;" src="admin/html/<?= htmlspecialchars($package_image) ?>" alt
                                    class="img img-responsive">

</div>
                            <div class="entry-body">
                                <div class="entry-title">
                                    <h3><a href="service-detail.php?id=<?php echo $id ?>"><?= htmlspecialchars($package_name) ?></a></h3>
                                </div>
                                <div class="entry-date-author">
                                    <ul>
                                        <?php
                                        $short_description = implode(' ', array_slice(explode(' ', $description), 0, 8));
                                        ?>
                                        <li><p class="black-color"><?= htmlspecialchars($short_description) ?>...</p></li>
                                    </ul>
                                </div>
                                <div>
                                    <a href="service-detail.php?id=<?php echo $id ?>" class="btn theme-btn service-btn">View
                                        More</a>

</div>
                            </div>
                        </div>
                    </div>
                    <?php
                }
            } else {
                echo "<p>No tour packages found.</p>";
            }
            ?>
        </div>

</div> 
</section>
<style>
    .service-btn:hover {
        color: white !important;
    }
</style>

<section class="next-event-section">
    <div class="container">
        <div class="row">
            <div class="col col-xs-12 content wow bounceInUp">
                <div class="event-info">
                    <h2>Join <span>Serve Shiksha Foundation</span></h2>
                    <ul>
                        <li><i class="fa fa-calendar"></i> Enroll Anytime</li>
                        <li><i class="fa fa-map-marker"></i> Training Centers Across India</li>
                    </ul>
                    <p >Be a part of our mission to empower lives through Computer Training, English Speaking, and Dress Designing. Learn, grow, and transform your future with us.</p>
                </div>

<div class="event-countdown" style="text-align:center !important;">
                    <div class="join">
                        <a href="contact.php" class="btn theme-btn-s2">Contact Us</a>
                    </div>
                </div>
            </div>
        </div> 
    </div> 
</section>

<section class="gallery-st2 sortable-gallery gallery section-padding" style="padding-bottom:50px;">
    <h2 class="hidden">Gallery</h2>
    <div class="container-fluid">
        <div class="row section-title-s3">
            <div class="col col-md-8 col-md-offset-2">
                <h2><span>Our</span> Gallery</h2>
                <p class="black-color">Explore moments captured from our events, training sessions, and community programs that reflect our
                    mission, creativity, and commitment to empowering lives.</p>

</div>
        </div>

<?php
        $sql = "SELECT * FROM gallery";
        $result = mysqli_query($conn, $sql);
        ?>

<div class="row">
            <div class="col col-lg-12">
                <div class="gallery-filters">
                    <ul>
                        <li><a data-filter="*" href="#" class="current">All Images</a></li>
                    </ul>
                </div>

<div class="gallery-container popup-gallery">
                    <?php
                    if (mysqli_num_rows($result) > 0) {
                        while ($row = mysqli_fetch_assoc($result)) {
                            $image = htmlspecialchars($row['image_url']);  // image filename or path
                            ?>
                            <div class="box">
                                <a href="admin/html/<?= $image ?>">
                                    <div class="img-holder">
                                        <img style="height:250px; width:100%; object-fit:contain; background-color:#232651;" src="admin/html/<?= $image ?>"
                                            alt="Gallery Image" class="img img-responsive">
                                    </div>
                                    <div class="hover-text">
                                        
                                    </div>
                                </a>
                            </div>
                            <?php
                        }
                    } else {
                        echo "<p>No gallery images found.</p>";
                    }
                    ?>
                   <div class="box">
                                <a href="#">
                                   
                                        <video controls muted style="height:250px; width:100%; background-color:lightgrey; object-fit:cover;" src="images/videos/8.mp4"
                                            alt="Gallery Image"  >
                                    
                                    <div class="hover-text">
                                        
                                    </div>
                                </a>
                            </div>
                </div>
            </div>
        </div>

</div> 
</section>

<section class="gallery-st2 sortable-gallery gallery section-padding" style="padding-top:0px;">
    <h2 class="hidden">Gallery</h2>
    <div class="container-fluid">
        <div class="row section-title-s3">
            <div class="col col-md-8 col-md-offset-2">
                <h2><span>Our</span> Student Works</h2>
                <p class="black-color">Explore moments captured from our students work on events, training sessions, and community programs that reflect our
                    mission, creativity, and commitment to empowering lives.</p>

</div>
        </div>

<?php
        $sql = "SELECT * FROM images";
        $result = mysqli_query($conn, $sql);
        ?>

</div> 
</section>


  <style>
.certification-section{
    position:relative;
    padding:50px 20px;
    overflow:hidden;
    background:
    radial-gradient(circle at left,#dfe9ff 2px,transparent 2px);
    background-size:18px 18px;
}

/* right bg shield */

.bg-shield{
    position:absolute;
    right:40px;
    top:10px;
    width:180px;
    opacity:.08;
}

/* top small title */

.top-title{
    text-align:center;
    color:#d8893a;
    font-size:15px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:10px;
    text-transform:uppercase;
}

/* heading */

.main-title{
    text-align:center;
    font-size:52px;
    color:#0b3478;
    font-weight:800;
    margin-bottom:18px;
}

/* underline */

.title-line{
    width:70px;
    height:4px;
    background:#e39a42;
    margin:0 auto 22px;
    border-radius:20px;
}

/* desc */

.description{
    max-width:820px;
    margin:auto;
    text-align:center;
    color:#555;
    line-height:1.8;
    font-size:18px;
}

/* cards */

.certification-grid{
    max-width:1300px;
    margin:55px auto 0;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
}

.cert-card{
    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
    transition:.3s;
}

.cert-card:hover{
    transform:translateY(-6px);
}

.cert-card img{
    width:120px;
    height:120px;
    object-fit:contain;
    margin-bottom:20px;
}

.cert-card h3{
    font-size:30px;
    margin-bottom:14px;
    font-weight:700;
}

.cert-card p{
    font-size:17px;
    line-height:1.7;
    color:#555;
}

/* mini line */

.card-line{
    width:38px;
    height:4px;
    border-radius:20px;
    margin:14px auto 18px;
}

/* colors */

.blue h3{
    color:#143b82;
}

.blue .card-line{
    background:#1b4ea3;
}

.orange h3{
    color:#e58b1e;
}

.orange .card-line{
    background:#e58b1e;
}

/* responsive */

@media(max-width:768px){

.main-title{
        font-size:34px;
    }

.description{
        font-size:15px;
    }

.cert-card h3{
        font-size:24px;
    }

}

</style>

<img class="bg-shield"
    src="https://cdn-icons-png.flaticon.com/512/2913/2913465.png"
    alt="shield">

<div class="top-title">
        GOVERNMENT REGISTERED & CERTIFIED NGO
    </div>

<h2 class="main-title">
        Our Registrations & Certifications
    </h2>

<p class="description">
        Serve Shiksha Foundation is a legally registered NGO working towards education,
        skill development and women empowerment across India.
        <br>
        We are recognized and registered with key government authorities to ensure
        transparency, authenticity and public trust.
    </p>

<div class="cert-card blue">
            <img src="images/80g.png" alt="">
            <h3>80G Certified</h3>
            <div class="card-line"></div>
            <p>
                Donations to our NGO are eligible for tax exemption under
                Section 80G of the Income Tax Act.
            </p>
        </div>

<div class="cert-card orange">
            <img src="images/12A.png" alt="">
            <h3>12A Registered</h3>
            <div class="card-line"></div>
            <p>
                Our NGO is registered under Section 12A
                of the Income Tax Act, 1961.
            </p>
        </div>

<div class="cert-card blue">
            <img src="images/niti-ayog.png" alt="">
            <h3>NITI Aayog Registered</h3>
            <div class="card-line"></div>
            <p>
                We are registered with NITI Aayog
                (National Institution for Transforming India),
                Government of India.
            </p>
        </div>

<div class="cert-card orange">
            <img src="images/ngo.png" alt="">
            <h3>NGO Darpan Registered</h3>
            <div class="card-line"></div>
            <p>
                Our organization is registered on NGO Darpan Portal,
                NITI Aayog, Government of India.
            </p>
        </div>

</div>

</section>
  

<section class="testimonials section-padding">
    <div class="container">
        <div class="row section-title-single-heading">
            <div class="col col-md-8 col-md-offset-2">
                <h2><span> Client'</span> testimonials</h2>
            </div>
        </div>

<?php
        $sql = "SELECT * FROM client_reviews ORDER BY created_at DESC";
        $result = mysqli_query($conn, $sql);
        ?>

<div class="row">
            <div class="col col-md-10 col-md-offset-1">
                <div class="client-testimonials testimonials-slider">
                    <?php
                    if (mysqli_num_rows($result) > 0) {
                        $i = 1;
                        while ($row = mysqli_fetch_assoc($result)) {
                            $name = htmlspecialchars($row['client_name']);
                            $location = htmlspecialchars($row['client_location']);
                            $review = htmlspecialchars($row['client_review']);

// Rotate sample images (you can enhance this by using an `image` column if you have one)
                            ?>
                            <div class="box">
                                <div class="box-inner">
                                    <div class="img-holder">
                                        <img src="images/customer-rating.png" style="width:100px; " alt="<?= $name ?>" class="img img-circle">
                                    </div>
                                    <h3><?= $name ?></h3>
                                    <span><?= $location ?></span>
                                    <p><?= $review ?></p>
                                </div>
                            </div>
                            <?php
                            $i++;
                        }
                    } else {
                        echo "<p>No client reviews found.</p>";
                    }
                    ?>
                </div>
            </div>
        </div>

</div> 
</section>


  <section class="conclusion-section">
        <div class="container">
          <div class="row section-title-single-heading">
            <div class="col col-md-8 col-md-offset-2">
                <h2><span> Conclusion </span></h2>
            </div>
        </div> 
            
            <p class="conclusion-text">In conclusion, the proposed initiative aligns with our NGO's mission to empower marginalized communities through education, skill development, and women empowerment. With your valuable support, we can scale our efforts to reach more individuals in need, provide them with life-changing opportunities, and create a sustainable impact on society.</p>
            <i class="fas fa-hands-helping conclusion-icon"></i>
            <div class="commitment-item">
                <p class="conclusion-text">We are committed to transparency, accountability, and measurable outcomes. Your funding will not only help us implement the proposed programs effectively but also strengthen the foundation of lasting social change. Together, we can build a more inclusive, educated, and empowered future for all.</p>
            </div>
            <i class="fas fa-balance-scale conclusion-icon"></i>
            <p class="conclusion-text">We sincerely thank you for considering our proposal and look forward to the opportunity to partner with you in this meaningful endeavor.</p>
            <i class="fas fa-heart conclusion-icon"></i>
            <p class="conclusion-text">Let me know if you'd like it tailored for a specific project (e.g., trust-building, education for girls, vocational training).</p>
            <a href="contact.php" class="btn btn-custom mt-3">Get in Touch</a>
            
        </div>
    </section>

<?php require('footer.php'); ?>

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Directory Contents

Dirs: 9 × Files: 13

Sort:

Enable drag-to-move

Name	Size	Perms	Modified	Actions
.well-known DIR	-	drwxr-x---	2026-04-06 05:06:07	Edit Download recursive recursive
admin DIR	-	drwxr-xr-x	2025-06-20 19:52:56	Edit Download recursive recursive
css DIR	-	drwxr-xr-x	2017-02-09 07:19:34	Edit Download recursive recursive
Documentation DIR	-	drwxr-xr-x	2017-02-06 08:34:56	Edit Download recursive recursive
fonts DIR	-	drwxr-xr-x	2017-02-09 07:19:36	Edit Download recursive recursive
images DIR	-	drwxr-xr-x	2026-05-12 05:55:39	Edit Download recursive recursive
js DIR	-	drwxr-xr-x	2017-02-09 07:19:38	Edit Download recursive recursive
one-page DIR	-	drwxr-xr-x	2017-02-09 07:22:46	Edit Download recursive recursive
sass DIR	-	drwxr-xr-x	2017-02-09 07:19:38	Edit Download recursive recursive
about.php	14.64 KB	lrw-r-----	2025-07-01 04:44:27	Edit Download recursive recursive
admin.php	2.79 KB	lrw-r-----	2025-06-28 21:45:06	Edit Download recursive recursive
backend-configuration.php	1.09 KB	lrw-r-----	2026-04-08 07:27:29	Edit Download recursive recursive
contact.php	7.78 KB	lrw-r-----	2025-06-30 06:53:01	Edit Download recursive recursive
donate.php	2.82 KB	lrw-r-----	2025-07-04 06:36:48	Edit Download recursive recursive
footer.php	5.77 KB	lrw-r-----	2025-06-30 10:33:33	Edit Download recursive recursive
gallery.php	3.78 KB	lrw-r-----	2025-10-14 09:36:36	Edit Download recursive recursive
header.php	9.86 KB	lrw-r-----	2025-07-04 05:51:14	Edit Download recursive recursive
index.php	34.45 KB	lrw-r-----	2026-05-12 06:04:21	Edit Download recursive recursive
mail.php	562 B	lrw-r-----	2017-02-09 07:17:08	Edit Download recursive recursive
serveshikshafoundation-org-inbackup25-oct-25.zip	294.58 MB	lrw-r--r--	2026-04-06 05:07:53	Edit Download recursive recursive
service-detail.php	3.84 KB	lrw-r-----	2025-07-01 04:55:12	Edit Download recursive recursive
service.php	5.77 KB	lrw-r-----	2025-06-30 11:30:33	Edit Download recursive recursive