File Manager

X7ROOT File Manager

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

home / u126090504 / domains / sketkaranjia.com / public_html /

📁 ..
📄 .htaccess(1.12 KB)
📄 Antiraging-Cell.php(2.73 KB)
📄 about-us.php(8.49 KB)
📄 academic-calendar.php(2.73 KB)
📄 achievements.php(9.56 KB)
📄 achievers.php(15.19 KB)
📁 admin
📄 administrative-head.php(5.41 KB)
📄 admission-process.php(13.74 KB)
📄 admission.php(12.71 KB)
📄 admission_submit.php(3.38 KB)
📄 album.php(890 B)
📄 assessment-policy.php(12.11 KB)
📄 branches.php(3.13 KB)
📄 cbse-curriculum-summary.php(8.79 KB)
📄 computer-courses.php(22.83 KB)
📄 config.php(1.25 KB)
📄 contact-us.php(14.62 KB)
📄 contactdb.php(796 B)
📄 courses.php(10.44 KB)
📁 css
📄 downloads.php(2.9 KB)
📄 error.log(14.6 KB)
📄 facilities.php(6.39 KB)
📄 faculty.php(10.27 KB)
📄 fee-structure.php(7.97 KB)
📁 fonts
📄 footer.php(18.14 KB)
📄 franchise.php(2.09 KB)
📄 gallery.php(3.05 KB)
📄 grievance-form.php(16.54 KB)
📄 header.php(22.5 KB)
📄 homework.php(9.64 KB)
📁 images
📄 index.php(50.83 KB)
📄 infrastructure-details.php(4.41 KB)
📁 js
📁 lib
📄 library.php(7.04 KB)
📄 managing-committee.php(3.34 KB)
📄 media-corner.php(2.48 KB)
📄 non-academic-achievers.php(14.65 KB)
📄 payment.php(21.87 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(11.85 KB)
📄 public-disclosure.php(3.38 KB)
📁 qrcodes
📁 revolution
📄 scope.php(14.14 KB)
📄 search_videos.php(1.76 KB)
📄 secretary-message.php(6.48 KB)
📁 sket
📄 skiet.zip(137.75 MB)
📄 subjects-offered.php(14.79 KB)
📄 submit-grievance.php(3.88 KB)
📄 thank-you.php(1.28 KB)
📁 uploads
📄 videos.php(6.87 KB)
📁 xavint

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: #000000; 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: #fff; text-decoration: underline; }
  .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="MAYURBHANJ MEDICAL ACADEMY"/>
                </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:30px; color:#031684;">Welcome to SKIET</h2>
            </div>
            <div class="heading-seperator"><span></span></div>
          </div>
          <p style="text-align:justify; font-size:18px; color:#1a1a1a;">
         <b>SUSIL KUMAR INSTITUTE OF ENGINEERING AND TECHNOLOGY (SKIET)</b> is a reputed engineering college located at Kalakad, Patbil, Karanjia, Mayurbhanj, Odisha. Running under <b>Sakuntala Sudarshan Educational Trust</b>, SKIET is committed to delivering quality technical education with a strong focus on academic excellence, skill development, and career growth.<br/><br/>

Strategically situated in Mayurbhanj district, <b>SKIET</b> provides a disciplined learning environment supported by experienced faculty, modern laboratories, and industry-oriented teaching methods. The institute aims to shape competent engineers who can meet current industry demands and contribute effectively to society.<br/>

Established with the objective of nurturing skilled engineers and future technocrats, <b>SKIET</b> emphasizes academic excellence, ethical values, and practical learning. The institute offers a disciplined academic environment supported by qualified faculty members, well-equipped laboratories, and modern teaching methodologies.

</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="skiet-features-section">
  <div class="skiet-container">
    <div class="skiet-cards-grid">
      
      <div class="skiet-card">
        <div class="skiet-card-icon">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" />
            <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
          </svg>
        </div>
        <h3 class="skiet-card-title">Our Vision</h3>
        <p class="skiet-card-text">
          At SUSIL KUMAR INSTITUTE OF ENGINEERING AND TECHNOLOGY (SKIET), our vision is to become a center of excellence in technical education by nurturing innovative, skilled, and socially responsible engineers. We aspire to create a dynamic learning environment that promotes academic excellence, research, creativity, and leadership.
        </p>
      </div>

<div class="skiet-card">
        <div class="skiet-card-icon">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" />
          </svg>
        </div>
        <h3 class="skiet-card-title">Our Mission</h3>
        <p class="skiet-card-text">
          The mission of SKIET is to provide quality engineering education through experienced faculty, modern laboratories, and industry-oriented training. We are committed to developing technical competence, professional ethics, communication skills, and innovative thinking among students.
        </p>
      </div>

<div class="skiet-card skiet-card-animated">
        <div class="skiet-card-icon">
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
          </svg>
        </div>
        <h3 class="skiet-card-title">Campus Tour</h3>
        <div class="skiet-video-container">
          <iframe src="https://www.youtube.com/embed/ZByL03NvMwo?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen scrolling="no" allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture *; web-share *;" referrerpolicy="strict-origin"></iframe>
        </div>
      </div>

</div>
  </div>

/* Base Card Design */
    .skiet-card {
      background: #ffffff;
      border-radius: 16px;
      padding: 30px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      display: flex;
      flex-direction: column;
      border: 1px solid rgba(0, 0, 0, 0.03);
      position: relative;
      overflow: hidden;
    }
    .skiet-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
    }

/* Card Content Styling */
    .skiet-card-icon {
      width: 50px;
      height: 50px;
      background: rgba(24, 0, 175, 0.1);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
    }
    .skiet-card-icon svg {
      width: 26px;
      height: 26px;
      color: #1800af; /* Primary Brand Blue */
    }
    .skiet-card-title {
      font-size: 1.4rem;
      font-weight: 700;
      color: #040166; /* Deep Corporate Navy Blue */
      margin-bottom: 15px;
    }
    .skiet-card-text {
      font-size: 0.95rem;
      color: #475569;
      line-height: 1.6;
    }

/* Responsive Video Styling */
    .skiet-video-container {
      position: relative;
      width: 100%;
      padding-top: 56.25%; /* 16:9 Aspect Ratio */
      border-radius: 10px;
      overflow: hidden;
      margin-top: auto; /* Pushes the video to the bottom of the card if text is short */
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .skiet-video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

/* --- Animated Light Effect Card (Campus Tour) --- */
    .skiet-card-animated {
      border: 1px solid rgba(24, 0, 175, 0.15);
    }
    /* Moving Border / Glowing Aura Animation */
    .skiet-card-animated::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: conic-gradient(
        transparent, 
        rgba(24, 0, 175, 0.3), 
        rgba(4, 1, 102, 0.5), 
        transparent 60%
      );
      animation: skiet-rotate-light 4s linear infinite;
      z-index: 1;
      pointer-events: none;
    }
    /* Inner mask to keep glow strictly on the border line */
    .skiet-card-animated::after {
      content: '';
      position: absolute;
      inset: 2px; /* Border thickness */
      background: #ffffff;
      border-radius: 14px;
      z-index: 1;
      pointer-events: none;
    }
    /* Bringing actual content above the animated layers */
    .skiet-card-animated * {
      position: relative;
      z-index: 2;
    }

@keyframes skiet-rotate-light {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

/* Responsive Tweaks */
    @media (max-width: 480px) {
      .skiet-features-section {
        padding: 40px 15px;
      }
      .skiet-card {
        padding: 20px;
      }
    }
  </style>
</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="skiet-facilities" id="facilities">

<div class="sf-container">
    <div class="sf-head">
      <h2>Our Facilities</h2>
      <p>Modern infrastructure supporting quality engineering education</p>
    </div>

<div class="sf-card">
        <div class="sf-icon">🧪</div>
        <h3>Engineering Laboratories</h3>
        <p>
          Well-equipped laboratories for Civil, Mechanical, Electrical,
          EEE and Computer Science Engineering with hands-on practical exposure.
        </p>
      </div>

<div class="sf-card">
        <div class="sf-icon">💻</div>
        <h3>Computer Center & Internet</h3>
        <p>
          High-speed internet-enabled computer labs supporting programming,
          research, online learning and project development.
        </p>
      </div>

<div class="sf-card">
        <div class="sf-icon">🏫</div>
        <h3>Spacious Classrooms</h3>
        <p>
          Well-ventilated and spacious classrooms designed for focused
          learning and interactive teaching.
        </p>
      </div>

<div class="sf-card">
        <div class="sf-icon">📚</div>
        <h3>Library</h3>
        <p>
          Library with textbooks, reference books and study materials
          supporting engineering academics and competitive examinations.
        </p>
      </div>

<div class="sf-card">
        <div class="sf-icon">⚙️</div>
        <h3>Workshops & Practical Training</h3>
        <p>
          Dedicated workshops for Mechanical and Civil Engineering to
          strengthen practical skills and industry readiness.
        </p>
      </div>

<div class="sf-card">
        <div class="sf-icon">🌿</div>
        <h3>Peaceful Campus Environment</h3>
        <p>
          Disciplined, eco-friendly and peaceful campus in Mayurbhanj
          ideal for technical education.
        </p>
      </div>

</div>
  </div>

</section>

/* ===== CONTAINER ===== */
.sf-container {
  max-width: 1200px;
  margin: auto;
}

/* ===== HEADER ===== */
.sf-head {
  text-align: center;
  margin-bottom: 50px;
}

.sf-head h2 {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
}

.sf-head p {
  font-size: 15px;
  color: #dbe6ff;
}

/* ===== GRID (3 PER ROW) ===== */
.sf-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* ===== CARD ===== */
.sf-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 30px 26px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sf-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.25);
}

/* ===== ICON ===== */
.sf-icon {
  width: 60px;
  height: 60px;
  background: #0d47a1;
  color: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: 18px;
}

/* ===== TEXT ===== */
.sf-card h3 {
  font-size: 20px;
  color: #0d47a1;
  margin-bottom: 10px;
  font-weight: 600;
}

.sf-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #444;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .sf-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .sf-grid {
    grid-template-columns: 1fr;
  }
}
</style>

<section id="faq-gallery" class="faq-gallery-section">
  <div class="fg-container">
    
    <div class="fg-left">
      <h2 class="fg-title">🧾 Frequently Asked Questions (FAQs)</h2>

<div class="fg-accordion">
        <details open>
          <summary>1. Which engineering courses are offered at SKIET?</summary>
          <div class="fg-pane">
          SKIET offers undergraduate engineering programs in Civil Engineering, Mechanical Engineering, Electrical Engineering, Electrical & Electronics Engineering (EEE), and Computer Science Engineering (CSE).  </div>
        </details>

<details>
          <summary>2. What is the seat intake capacity for each course?</summary>
          <div class="fg-pane">
          The approved intake is 60 seats each for Civil, Mechanical, Electrical, and EEE, and 120 seats for Computer Science Engineering.
          </div>
        </details>

<details>
          <summary>3. Where is SUSIL KUMAR INSTITUTE OF ENGINEERING AND TECHNOLOGY located?</summary>
          <div class="fg-pane">
           SKIET is located at Kalakad, Patbil, Karanjia, Mayurbhanj district, Odisha – 757037, in a peaceful and student-friendly academic environment.
          </div>
        </details>

<details>
          <summary>4. Does the institute provide laboratory and practical facilities?</summary>
          <div class="fg-pane">
            Yes, SKIET has well-equipped laboratories and workshops for all engineering branches to support practical learning and hands-on technical training.
          </div>
        </details>

<details>
          <summary>5. Is internet and computer facility available on campus?</summary>
          <div class="fg-pane">
          Yes, the institute provides a computer center with high-speed internet connectivity to support programming, research work, online learning, and project development.
        
          </div>
        </details>

<details>
          <summary>6. How can I contact SKIET for admission enquiries?</summary>
          <div class="fg-pane">
            You can contact SKIET at 8098401052 or 9853431147 for admission details and further information.
.
          </div>
        </details>

</div>
    </div>

<div class="fg-right">
      <div class="fg-right-head">
        <h3 class="fg-subtitle">Quick Campus Gallery</h3>
       
      </div>

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

<div id="fg-lightbox" class="fg-lightbox" aria-hidden="true">
    <button class="fg-close" aria-label="Close">&times;</button>
    <button class="fg-nav fg-prev" aria-label="Previous">&#10094;</button>
    <img id="fg-lightbox-img" src="" alt="">
    <button class="fg-nav fg-next" aria-label="Next">&#10095;</button>
  </div>
</section>

<style>
  :root{
    --fg-bg:#F7F7F7;
    --fg-card:#fff;
    --fg-text:#1c1c1c;
    --fg-muted:#666;
    --fg-accent:#0ea5e9;
    --fg-border:#e9e9e9;
    --fg-radius:16px;
    --fg-shadow:0 8px 24px rgba(0,0,0,.06);
  }

.faq-gallery-section{background:var(--fg-bg);padding:48px 0;}
  .fg-container{width:min(1200px,92%);margin:auto;display:grid;grid-template-columns:1.2fr .9fr;gap:28px;}
  @media(max-width:992px){.fg-container{grid-template-columns:1fr;}}

.fg-left,.fg-right{background:var(--fg-card);border:1px solid var(--fg-border);border-radius:var(--fg-radius);box-shadow:var(--fg-shadow);padding:22px;}
  .fg-title{font-size:clamp(22px,2.6vw,28px);font-weight:800;margin-bottom:16px;}
  .fg-subtitle{font-size:clamp(18px,2.2vw,22px);font-weight:700;margin:0;}

/* Accordion */
  .fg-accordion details{border:1px solid var(--fg-border);border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden;}
  .fg-accordion summary{padding:16px 18px;font-weight:700;cursor:pointer;position:relative;}
  .fg-accordion summary::-webkit-details-marker{display:none;}
  .fg-accordion summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--fg-muted);}
  .fg-accordion details[open] summary::after{content:"–";}
  .fg-pane{padding:0 18px 16px;color:#2b2b2b;line-height:1.6;}
  .fg-btn{background:var(--fg-accent);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700;box-shadow:0 6px 14px rgba(14,165,233,.25);}
  .fg-btn:hover{transform:translateY(-1px);}

/* Upload + Gallery */
  .fg-right-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
  .fg-upload input{display:none;}
  .fg-upload span{border:1px dashed var(--fg-accent);color:var(--fg-accent);padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700;}
  .fg-upload span:hover{background:rgba(14,165,233,.08);}
  .fg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
  @media(max-width:520px){.fg-grid{grid-template-columns:repeat(2,1fr);}}
  .fg-item{display:block;overflow:hidden;border-radius:12px;border:1px solid var(--fg-border);}
  .fg-item img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;transition:transform .25s ease;}
  .fg-item:hover img{transform:scale(1.05);}

/* Lightbox */
  .fg-lightbox{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.85);z-index:9999;}
  .fg-lightbox.open{display:grid;}
  .fg-lightbox img{max-width:min(92vw,1200px);max-height:86vh;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.4);}
  .fg-close{position:absolute;top:16px;right:18px;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;}
  .fg-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:none;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:22px;cursor:pointer;}
  .fg-prev{left:18px;} .fg-next{right:18px;}
</style>

<script>
(function(){
  const grid=document.getElementById('fg-grid');
  const fileInput=document.getElementById('fg-file');
  const lightbox=document.getElementById('fg-lightbox');
  const lbImg=document.getElementById('fg-lightbox-img');
  const btnClose=lightbox.querySelector('.fg-close');
  const btnPrev=lightbox.querySelector('.fg-prev');
  const btnNext=lightbox.querySelector('.fg-next');
  let currentIndex=-1;

grid.addEventListener('click',e=>{
    const a=e.target.closest('a.fg-item');
    if(!a)return;
    e.preventDefault();
    const items=[...grid.querySelectorAll('a.fg-item')];
    openLightbox(items.indexOf(a));
  });
  btnClose.onclick=closeLightbox;
  btnNext.onclick=next;
  btnPrev.onclick=prev;
  lightbox.addEventListener('click',e=>{if(e.target===lightbox)closeLightbox();});
  window.addEventListener('keydown',e=>{
    if(!lightbox.classList.contains('open'))return;
    if(e.key==='Escape')closeLightbox();
    if(e.key==='ArrowRight')next();
    if(e.key==='ArrowLeft')prev();
  });

fileInput.addEventListener('change',function(){
    const files=[...this.files||[]];
    if(!files.length)return;
    files.forEach(f=>{
      if(!f.type.startsWith('image/'))return;
      const r=new FileReader();
      r.onload=e=>{
        const url=e.target.result;
        const a=document.createElement('a');
        a.href=url;a.className='fg-item';
        const img=document.createElement('img');
        img.src=url;img.alt=f.name;a.appendChild(img);
        grid.prepend(a);
      };
      r.readAsDataURL(f);
    });
    this.value='';
  });
})();
</script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <script>
    const swiper = new Swiper('.achievers-swiper', {
      loop: true,
      autoplay: { delay: 2500, disableOnInteraction: false },
      slidesPerView: 4,
      spaceBetween: 20,
      breakpoints: {
        1200: { slidesPerView: 4 },
        992:  { slidesPerView: 3 },
        768:  { slidesPerView: 2 },
        0:    { slidesPerView: 1 }
      },
    });
  </script>

<section class="ttm-row skill-section_2 bg-img14 ttm-bgcolor-skincolor clearfix">
                <div class="container">
                    
                    <div class="row">
                         <div class="col-lg-6">
                            <div class="border-18px-solid white-border ttm-bgcolor-grey spacing-14">
                                <div class="ttm-bgcolor-darkgrey">
                                    
                                    <div class="section-title">
                                        <div class="title-header pt-33 pl-35">
                                            <h2 class="title">Admission Form</h2>
                                        </div>
                                        <div class="seperator-angle ttm-textcolor-darkgrey"></div>
                                    </div>
                                </div>
  <form action="admission_submit.php" method="post" class="ttm-contact_form wrap-form spacing-13">
  
  
  <label>
    <span class="text-input">
      <input name="name" type="text" placeholder="Full Name*" required>
    </span>
  </label>

<label>
    <span class="text-input">
      <input name="father_name" type="text" placeholder="Father's Name*" required>
    </span>
  </label>

<label>
    <span class="text-input">
      <input name="number" type="tel" placeholder="Mobile Number*" required>
    </span>
  </label>

<label>
    <span class="text-input">
      <input name="email" type="email" placeholder="Email*" required>
    </span>
  </label>

<label>
    <span class="text-input">
      <input name="dob" type="date" required>
    </span>
  </label>

<label>
    <span class="text-input">
      <input name="address" type="text" placeholder="Address*" required>
    </span>
  </label>

<label>
    <span class="text-input">
      <input name="school" type="text" placeholder="Previous school/College Name" required>
    </span>
  </label>

<label>
    <span class="text-input">
      <select class="form-select" name="course" required>
              <option value="">-- Select Course --</option>
              <option value="Civil Engineering">Civil Engineering</option>
              <option value="Electrical Engineering">Electrical Engineering</option>
              <option value="Electrical & Electronics Engineering">Electrical & Electronics Engineering</option>
              <option value="Computer Science Engineering">Computer Science Engineering</option>
              <option value="Mechanical Engineering">Mechanical Engineering</option>
           
              
   
            </select>
    </span>
  </label>

<label>
    <span class="text-input">
      <textarea name="message" rows="3" placeholder="Message"></textarea>
    </span>
  </label>

<button class="submit ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-fill ttm-btn-color-dark mt-8" type="submit">
    Submit Now!
  </button>
</form>

</div>
                        </div>
                        <div class="col-lg-6">
                            <div class="spacing-15">
                                
                                <div class="section-title pr-50 res-991-pr-0">
                                    <div class="title-header">
                                       
                                        <h2 class="title" style="font-size:30px;">📝 Admission Process</h2>
                                    </div>
                                    <div class="heading-seperator"><span></span></div>
                                </div>
                               <section id="admission-process" style="font-family: Arial, sans-serif; padding:20px; line-height:1.6;">

<p style="color:white; text-align:justify;"><strong style="color:white;">Admission to SUSIL KUMAR INSTITUTE OF ENGINEERING AND TECHNOLOGY (SKIET), Karanjia is conducted in a transparent and student-friendly manner. Candidates seeking admission to undergraduate engineering programs must fulfill the eligibility criteria as prescribed by the competent authorities. Interested students are advised to contact the institute directly for detailed guidance regarding course availability, seat intake, and admission requirements.<br/>

Prospective students can begin the admission process by visiting the campus or contacting the admission office through the provided phone numbers. Our admission team assists candidates with course selection, document verification, and completion of necessary formalities. Required documents generally include academic certificates, mark sheets, identity proof, and passport-size photographs.<br/>

Once the documents are verified and eligibility is confirmed, admission is granted based on seat availability in the respective engineering branch. SKIET ensures a smooth and supportive admission experience, guiding students and parents at every step. For complete admission details, candidates are encouraged to contact the institute directly.

</p>

</section>
               <div class="mt-40 mb-30">
                                    <span class="ttm-horizontal_sep"></span>
                                </div>
                                   </div>
                        </div>
                    </div>
                </div>
            </section>

<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