Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.41.1.el9_7.x86_64

PHP Version:

8.3.30

User:

u838833262

Directory:

/home/u838833262/domains/fsmc.co.in/public_html

Free Space:

10.04 TB

🔧 Quick Actions

✏️ Editing: blog_static_backup.html

<!DOCTYPE html>
<html lang="zxx">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
  
  <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
  
  <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  
  <link rel="stylesheet" href="assets/css/animate.min.css">
  
  <link rel="stylesheet" href="assets/css/boxicons.min.css">
  
  <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
  
  <link rel="stylesheet" href="assets/css/flaticon.css">
  
  <link rel="stylesheet" href="assets/css/meanmenu.min.css">
  
  <link rel="stylesheet" href="assets/css/nice-select.min.css">
  
  <link rel="stylesheet" href="assets/css/odometer.min.css">
  
  <link rel="stylesheet" href="assets/css/style.css">
  
  <link rel="stylesheet" href="assets/css/dark.css">
  
  <link rel="stylesheet" href="assets/css/responsive.css">

<link rel="icon" type="image/png" href="assets/img/favicon.png">
  
  <title>FSMC-Enriching Communities</title>
  <style>
    /* Scoped styles for upgraded blog block to avoid global conflicts */
    :root {
      --brand-1: #0f172a;
      --accent-1: #6a5cff;
      --accent-2: #ff6ec7;
      --muted: #6b7280;
      --card-bg: #ffffff;
      --glass: rgba(255, 255, 255, 0.6);
    }

.upg-section-title {
      text-align: center;
      margin-bottom: 34px;
    }

.upg-section-title span {
      display: block;
      color: var(--accent-1);
      font-weight: 700;
      margin-bottom: 8px;
    }

.upg-section-title h2 {
      font-size: 28px;
      color: var(--brand-1);
      margin: 0 0 6px;
    }

.upg-row {
      display: flex;
      gap: 28px;
      align-items: flex-start;
      flex-wrap: wrap;
    }

/* SIDEBAR */
    .upg-sidebar {
      flex: 0 0 390px;
      max-width: 390px;
    }

.upg-widget {
      background: var(--card-bg);
      border-radius: 12px;
      padding: 18px;
      margin-bottom: 18px;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    }

.upg-search .search-input {
      width: 100%;
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid #e6e9ef
    }

.upg-search .search-btn {
      margin-top: 10px;
      width: 100%;
      padding: 10px;
      background: linear-gradient(90deg, #FF7A00, #FF7A00);
      color: #fff;
      border: 0;
      border-radius: 10px;
      font-weight: 700
    }

.upg-recent li {
      display: flex;
      gap: 12px;
      align-items: center;
      margin-bottom: 12px
    }

.upg-recent img {
      width: 70px;
      height: 50px;
      object-fit: cover;
      border-radius: 8px
    }

.upg-recent a {
      font-weight: 600;
      color: var(--brand-1);
      text-decoration: none
    }

.upg-recent span {
      display: block;
      color: var(--muted);
      font-size: 13px
    }

.upg-cats ul,
    .upg-tags ul {
      list-style: none;
      padding: 0;
      margin: 0
    }

.upg-cats li,
    .upg-tags li {
      margin-bottom: 8px
    }

.upg-tags a {
      display: inline-block;
      padding: 6px 10px;
      background: #f1f5ff;
      border-radius: 999px;
      color: var(--brand-1);
      text-decoration: none;
      font-size: 13px;
      margin: 4px 6px 4px 0
    }

/* MAIN POSTS */
    .upg-posts {
      flex: 1 1 720px;
      min-width: 280px;
    }

.upg-post-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 22px
    }

.upg-card {
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.98));
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 15px 40px rgba(12, 18, 30, 0.06);
      transition: transform .25s, box-shadow .25s;
      display: flex;
      flex-direction: column;
    }

.upg-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 30px 60px rgba(12, 18, 30, 0.12);
    }

.upg-thumb {
      position: relative;
      overflow: hidden;
      height: 200px
    }

.upg-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .6s
    }

.upg-card:hover .upg-thumb img {
      transform: scale(1.06)
    }

.upg-card-body {
      padding: 16px 18px 20px;
      display: flex;
      flex-direction: column;
      gap: 10px
    }

.upg-meta {
      display: flex;
      gap: 12px;
      align-items: center;
      font-size: 13px;
      color: var(--muted)
    }

.upg-meta .author {
      display: flex;
      gap: 8px;
      align-items: center
    }

.upg-meta .category {
      background: #019ad333;
      color: #019ad3;
      padding: 6px 8px;
      border-radius: 8px;
      font-weight: 700;
      font-size: 12px
    }

.upg-title {
      font-size: 18px;
      color: var(--brand-1);
      margin: 0
    }

.upg-excerpt {
      color: #334155;
      font-size: 14px;
      margin: 0 0 6px;
      line-height: 1.5
    }

.upg-card-footer {
      margin-top: auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px
    }

.upg-read {
      color: #FF7A00;
      font-weight: 700;
      text-decoration: none
    }

.upg-date {
      color: var(--muted);
      font-size: 13px
    }

/* Responsive */
    @media(max-width:980px) {
      .upg-post-grid {
        grid-template-columns: 1fr
      }

.upg-sidebar {
        flex: 0 0 100%;
        max-width: 100%
      }

.upg-row {
        flex-direction: column-reverse
      }
    }

.upg-tags ul {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      /* <-- Important */
      gap: 8px;
      /* Space between tags */
    }

.upg-tags ul li {
      margin: 0;
    }

.upg-tags ul li a {
      display: inline-block;
      padding: 6px 14px;
      background: #f1f1f1;
      border-radius: 20px;
      font-size: 13px;
      color: #333;
      text-transform: capitalize;
      transition: .3s ease;
    }

.upg-tags ul li a:hover {
      background: var(--brand-1);
      color: #fff;
    }
  </style>

</head>

<div class="navbar-area">
      <div class="mobile-nav">
        <div class="container">
          <div class="mobile-menu">
            <div class="logo">
              <a href="index.php">
                <img src="assets/img/logo.png" alt="logo">
              </a>
            </div>
          </div>
        </div>
      </div>

<div class="collapse navbar-collapse mean-menu">
              <ul class="navbar-nav m-auto">
                <li class="nav-item">
                  <a href="index.php" class="nav-link ">
                    Home
                  </a>
                </li>
                <li class="nav-item">
                  <a href="about-us.php" class="nav-link ">
                    About Us
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link">
                    Our Services
                    <i class="bx bx-chevron-down"></i>
                  </a>

<ul class="dropdown-menu">
                    <li class="nav-item">
                      <a href="faecal-sludge-&-septage-management.html" class="nav-link"> Faecal Sludge & Septage
                        Management (FSM)</a>
                    </li>
                    <li class="nav-item">
                      <a href="waste-to-resource-systems.html" class="nav-link">Waste-to-Resource Systems</a>
                    </li>
                    <li class="nav-item">
                      <a href="water-&-wastewater-management.html" class="nav-link"> Water & Wastewater Management</a>
                    </li>
                    <li class="nav-item">
                      <a href="community-sanitation-&-wash.html" class="nav-link"> Community Sanitation & WASH</a>
                    </li>
                    <li class="nav-item">
                      <a href="climate-resilience-&-municipal.html" class="nav-link">Climate Resilience & Municipal
                        Support</a>
                    </li>

</ul>
                </li>

<li class="nav-item">
                  <a href="#" class="nav-link active">
                    Resources
                    <i class="bx bx-chevron-down"></i>
                  </a>

<ul class="dropdown-menu">
                    <li class="nav-item">
                      <a href="annual-reports.php" class="nav-link"> Annual Reports</a>
                    </li>
                    <li class="nav-item">
                      <a href="newsletters.php" class="nav-link">Newsletters</a>
                    </li>
                    <li class="nav-item">
                      <a href="blog.html" class="nav-link"> Blog</a>
                    </li>
                    <li class="nav-item">
                      <a href="publications.php" class="nav-link"> Publications</a>
                    </li>
                    <li class="nav-item">
                      <a href="impact-stories.php" class="nav-link">Impact Stories</a>
                    </li>
                    <li class="nav-item">
                      <a href="media.php" class="nav-link">Media </a>
                    </li>

</ul>
                </li>

<li class="nav-item">
                  <a href="#" class="nav-link">
                    Get Involved
                    <i class="bx bx-chevron-down"></i>
                  </a>

<ul class="dropdown-menu">
                    <li class="nav-item">
                      <a href="partner-with-us.php" class="nav-link">Partner With Us </a>
                    </li>
                    <li class="nav-item">
                      <a href="volunteer-with-us.php" class="nav-link">Volunteer With Us </a>
                    </li>
                    <li class="nav-item">
                      <a href="work-with-us.php" class="nav-link">Work With Us </a>
                    </li>
                  </ul>
                </li>

<li class="nav-item">
                  <a href="contact-us.php" class="nav-link"> Contact Us</a>
                </li>
              </ul>

<div class="others-option wow animate__animated animate__fadeInRight">
                <div class="get-quote">
                 <a href="admin/login.php" class="default-btn">
                    <span>Admin Login</span>
 </a>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </div>

</div>
    
  </header>
  
  
  <div class="page-title-wave">
    <div class="container">
      <h2 class="wow animate__animated animate__fadeInLeft">Blogs</h2>
      <p class="inde wow animate__animated animate__fadeInRight">Home › blog</p>
    </div>

<section class="container pb-5">

<div class="upg-section-title">
        <span class="wow animate__animated animate__fadeInRight">Latest Blogs</span>
        <h2 class="wow animate__animated animate__fadeInLeft">Discover Our Recent Blog Posts</h2>
      </div>

<aside class="upg-sidebar">

<div class="upg-widget upg-search wow animate__animated animate__fadeInLeft">
            <form id="upgSearchForm" onsubmit="return false;">
              <input id="upgSearchInput" class="search-input" type="text" placeholder="Search articles or keywords...">
              <button id="upgSearchBtn" class="search-btn" type="button">Search</button>
            </form>
          </div>

<div class="upg-widget wow animate__animated animate__fadeInLeft">
            <h4 style="margin:0 0 12px;color:var(--brand-1)">Recent Posts</h4>
            <ul class="upg-recent" id="upgRecentList">
              <li>
                <a href="blog-details.html?id=101"><img src="assets/img/service-img1.jpg" alt="r1"></a>
                <div>
                  <a href="blog-details.html?id=101">FSM Units — Gaya Success Story</a>
                  <span>Dec 05, 2024</span>
                </div>
              </li>
              <li>
                <a href="blog-details.html?id=102"><img src="assets/img/service-img1.jpg" alt="r2"></a>
                <div>
                  <a href="blog-details.html?id=102">SIM GAS Project — Gujarat</a>
                  <span>Oct 11, 2024</span>
                </div>
              </li>
              <li>
                <a href="blog-details.html?id=103"><img src="assets/img/service-img1.jpg" alt="r3"></a>
                <div>
                  <a href="blog-details.html?id=103">Women-led Compost Initiative</a>
                  <span>Aug 19, 2024</span>
                </div>
              </li>
            </ul>
          </div>

<div class="upg-widget upg-cats wow animate__animated animate__fadeInLeft">
            <h4 style="margin:0 0 12px;color:var(--brand-1)">Categories</h4>
            <ul>
              <li><a href="#" onclick="filterByCategory(event,'FSM')">FSM <span
                    style="color:var(--muted)">(12)</span></a></li>
              <li><a href="#" onclick="filterByCategory(event,'Waste')">Waste Management <span
                    style="color:var(--muted)">(9)</span></a></li>
              <li><a href="#" onclick="filterByCategory(event,'Health')">Community Health <span
                    style="color:var(--muted)">(7)</span></a></li>
              <li><a href="#" onclick="filterByCategory(event,'Agri')">Circular Agriculture <span
                    style="color:var(--muted)">(5)</span></a></li>
            </ul>
          </div>

<div class="upg-widget upg-tags wow animate__animated animate__fadeInLeft">
            <h4 style="margin:0 0 12px;color:var(--brand-1)">Tags</h4>
            <ul>
              <li><a href="#" onclick="filterByTag(event,'training')">training</a></li>
              <li><a href="#" onclick="filterByTag(event,'biogas')">biogas</a></li>
              <li><a href="#" onclick="filterByTag(event,'compost')">compost</a></li>
              <li><a href="#" onclick="filterByTag(event,'policy')">policy</a></li>
              <li><a href="#" onclick="filterByTag(event,'community')">community</a></li>
            </ul>
          </div>

</aside>

<main class="upg-posts wow animate__animated animate__fadeInRight">
          <div class="upg-post-grid" id="upgPostGrid">

<article class="upg-card" data-category="FSM" data-tags="case,community">
              <div class="upg-thumb">
                <a href="blog-details.html?id=101"><img src="assets/img/service-img1.jpg" alt="FSM success"></a>
              </div>
              <div class="upg-card-body">
                <div class="upg-meta">
                  <div class="author"><i class="flaticon-user"></i>&nbsp;<a href="#">By Team</a></div>
                  <div class="category">FSM</div>
                </div>

<h3 class="upg-title"><a href="blog-details.html?id=101">Constructed Flat Reed Beds — Gaya Case
                    Study</a></h3>
                <p class="upg-excerpt">Designing and commissioning nature-based FSM units in Gaya resulted in improved
                  sanitation and efficient sludge handling across wards…</p>

<article class="upg-card" data-category="Waste" data-tags="compost,value">
              <div class="upg-thumb">
                <a href="blog-details.html?id=102"><img src="assets/img/service-img2.jpg" alt="compost"></a>
              </div>
              <div class="upg-card-body">
                <div class="upg-meta">
                  <div class="author"><i class="flaticon-user"></i>&nbsp;<a href="#">By Team</a></div>
                  <div class="category">Waste</div>
                </div>

<h3 class="upg-title"><a href="blog-details.html?id=102">ULTRA Compost — Turning Waste Into Value</a>
                </h3>
                <p class="upg-excerpt">Across 17+ ULBs we blended faecal sludge with organic waste to produce
                  pathogen-free ULTRA compost used by farmers and institutions…</p>

<article class="upg-card" data-category="Health" data-tags="community,telemedicine">
              <div class="upg-thumb">
                <a href="blog-details.html?id=103"><img src="assets/img/service-img3.jpg" alt="health"></a>
              </div>
              <div class="upg-card-body">
                <div class="upg-meta">
                  <div class="author"><i class="flaticon-user"></i>&nbsp;<a href="#">By Team</a></div>
                  <div class="category">Health</div>
                </div>

<h3 class="upg-title"><a href="blog-details.html?id=103">Digital Health & Telemedicine — Reaching Remote
                    Odisha</a></h3>
                <p class="upg-excerpt">Telemedicine clinics provided 1,300+ beneficiaries with consultations and
                  diagnostics, reducing travel and improving timely care…</p>

<article class="upg-card" data-category="Agri" data-tags="vermi,farmer">
              <div class="upg-thumb">
                <a href="blog-details.html?id=104"><img src="assets/img/service-img4.jpg" alt="agri"></a>
              </div>
              <div class="upg-card-body">
                <div class="upg-meta">
                  <div class="author"><i class="flaticon-user"></i>&nbsp;<a href="#">By Team</a></div>
                  <div class="category">Agri</div>
                </div>

<h3 class="upg-title"><a href="blog-details.html?id=104">Vermicomposting Units Empower Farmers</a></h3>
                <p class="upg-excerpt">Women SHGs managing vermicompost units improved household incomes and soil health
                  through scientific processes and markets…</p>

</div>

<div style="margin-top:20px;text-align:center">
            <button onclick="loadMore()"
              style="padding:10px 16px;border-radius:10px;border:0;    background: linear-gradient(90deg, #FF7A00, #FF7A00);color:#fff;font-weight:700;cursor:pointer">Load
              more</button>
          </div>

</main>

</div> 
    </div>

</section>

<section class="newsletter-unique">
    <div class="container">
      <div class="newsletter-box">
        <div class="row align-items-center">

<div class="col-lg-7">
            <h2>Stay Updated with FSMC</h2>
            <p>
              Subscribe to our newsletter and receive updates on sanitation,
              sustainability initiatives, and impact stories from across India.
            </p>
          </div>

<div class="col-lg-5">
            <form class="newsletter-form">
              <input type="email" class="newsletter-input" placeholder="Enter your email address" required>
              <button type="submit" class="newsletter-btn">
                Subscribe
              </button>
            </form>
          </div>

</div>
      </div>
    </div>
  </section>

<footer class="footer-area bg-color pt-100 pb-70">
    <div class="container">
      <div class="row justify-content-center">

<div class="col-lg-4 col-sm-6">
          <div class="footer-widget">

<div class="footer-logo mb-3 ">
              <img src="assets/img/logo.png" alt="Logo" style="max-width:160px;">
            </div>

<p>
              FSMC Pvt. Ltd. is a social enterprise operating at the intersection of sanitation, environmental
              sustainability, and climate resilience across India.
            </p>

</div>
        </div>

<div class="col-lg-4 col-sm-6">
          <div class="footer-widget ">
            <h3>Address</h3>

<li class="location">
                <i class="bx bxs-building"></i>
                <strong>HEAD OFFICE:</strong><br>
                Flat No. - 05/06, A1 Block, HiTech Plaza,
                Sundarpada, Bhubaneshwar,
                Odisha - 751002.
              </li>

</ul>

</div>
        </div>

<div class="col-lg-2 col-sm-6">
          <div class="footer-widget ">
            <h3>Contact</h3>

</li>

<li>
                <i class="bx bxs-phone-call"></i>
                <a href="tel:+916200479520">+91 6200479520</a>
              </li>
            </ul>
          </div>
        </div>
        
        <div class="col-lg-2 col-sm-6">
          <div class="footer-widget">
            <h3>Social Media </h3>

</div>
    </div>
  </footer>

<div class="copyright-area py-3">
    <div class="container">
      <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">

<div class="copyright-text mb-2 mb-md-0">
          <p class="m-0">
            © <span>FSMC Enriching Communities</span> | All Rights Reserved
          </p>
        </div>

<div class="powered-by">
          <p class="m-0">
            Developed by
            <a href="https://marvsoftwares.com/" target="_blank">
              Marv Softwares India Private Limited.
            </a>
          </p>
        </div>

</div>

</div>
  </div>

<div class="go-top">
    <i class="bx bx-chevrons-up"></i>
    <i class="bx bx-chevrons-up"></i>
  </div>

<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
  <script src="assets/js/jquery.min.js"></script>
  
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  
  <script src="assets/js/meanmenu.min.js"></script>
  
  <script src="assets/js/wow.min.js"></script>
  
  <script src="assets/js/owl.carousel.min.js"></script>
  
  <script src="assets/js/nice-select.min.js"></script>
  
  <script src="assets/js/magnific-popup.min.js"></script>
  
  <script src="assets/js/jarallax.min.js"></script>
  
  <script src="assets/js/appear.min.js"></script>
  
  <script src="assets/js/odometer.min.js"></script>
  
  <script src="assets/js/smoothscroll.min.js"></script>
  
  <script src="assets/js/form-validator.min.js"></script>
  
  <script src="assets/js/contact-form-script.js"></script>
  
  <script src="assets/js/ajaxchimp.min.js"></script>
  
  <script src="assets/js/custom.js"></script>
  
  <script>
    // Scoped JS for search, category & tag filters
    (function () {
      const searchInput = document.getElementById('upgSearchInput');
      const searchBtn = document.getElementById('upgSearchBtn');
      const postGrid = document.getElementById('upgPostGrid');
      const posts = Array.from(postGrid.querySelectorAll('.upg-card'));

searchBtn.addEventListener('click', () => applyFilter(searchInput.value));
      searchInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') { applyFilter(searchInput.value); e.preventDefault(); } });

// category / tag filter handlers
      window.filterByCategory = function (e, cat) {
        e.preventDefault();
        applyFilter('', cat, '');
        // scroll to posts
        document.querySelector('.upg-posts').scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
      window.filterByTag = function (e, tag) {
        e.preventDefault();
        applyFilter('', '', tag);
        document.querySelector('.upg-posts').scrollIntoView({ behavior: 'smooth', block: 'start' });
      }

// Load more (demo adds duplicate cards) - replace with server pagination in real site
      window.loadMore = function () {
        // clone first two posts as demo
        const clones = posts.slice(0, 2).map(p => p.cloneNode(true));
        clones.forEach(c => postGrid.appendChild(c));
      }
    })();
  </script>
</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: blog_static_backup.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation