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: admission-process.php

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

<div class="ttm-page-title-row">
            <div class="ttm-page-title-row-inner ttm-textcolor-white">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">Admission Process</h2>
                            </div>
                           
                        </div>
                    </div>
                </div>
            </div>                    
        </div>

<div class="site-main">
        
        
<section id="admission-process" class="admit-wrap" aria-label="Admission Process">
  <style>
    .admit-wrap{
      --brand:#ea0000; --dark:#111; --text:#1a1a1a; --muted:#5a5a5a;
      --stroke:#eaeaea; --ring:rgba(234,0,0,.12);
      --glass-bg:rgba(255,255,255,.62); --glass-br:rgba(255,255,255,.85); --glass-edge:rgba(0,0,0,.06);
      --shadow-1:0 8px 20px rgba(0,0,0,.07); --shadow-2:0 18px 40px rgba(0,0,0,.10); --shadow-3:0 28px 64px rgba(0,0,0,.14);
      background:#fff; color:var(--text); font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    }
    .admit-inner{max-width:1180px;margin:0 auto;padding:72px 20px}
    .admit-head{padding-bottom:10px}
    .admit-badge{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--stroke);color:var(--brand);font-weight:700;font-size:13px}
    .admit-title{margin:16px 0 10px;font-size:34px;line-height:1.12;color:var(--dark)}
    .admit-sub{margin:0 0 22px;color:var(--muted);font-size:16px;max-width:900px}

/* grid */
    .admit-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-top:28px;perspective:1000px}

/* 3D GLASS CARD */
    .admit-card{
      grid-column:span 4; position:relative; overflow:visible; border-radius:18px; padding:22px;
      background:var(--glass-bg); border:1px solid var(--glass-br); outline:1px solid var(--glass-edge);
      box-shadow:var(--shadow-1); transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
      transform-style:preserve-3d; will-change:transform,box-shadow,background;
      backdrop-filter:saturate(130%) blur(10px); -webkit-backdrop-filter:saturate(130%) blur(10px);
      opacity:.0; transform:translateY(16px);
    }
    .admit-card::before{content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.65), transparent 35%); mix-blend:soft-light}
    .admit-card:hover{ transform:translateY(-8px) scale(1.01) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); box-shadow:var(--shadow-2); background:rgba(255,255,255,.7)}
    .admit-card.show{opacity:1; transform:translateY(0)}

/* icon tile */
    .admit-ico{
      width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:28px;color:var(--brand);
      background:linear-gradient(180deg,#fff,#f7f7f7); border:1px solid rgba(0,0,0,.06);
      box-shadow:inset 0 0 0 10px rgba(255,255,255,.6), 0 10px 24px rgba(0,0,0,.08);
      position:relative;
    }

/* timeline glass strip */
    .admit-line{
      margin-top:30px;border-radius:18px;padding:18px;background:rgba(255,255,255,.68);
      border:1px solid var(--glass-br); outline:1px solid var(--glass-edge);
      backdrop-filter:saturate(130%) blur(10px); -webkit-backdrop-filter:saturate(130%) blur(10px);
      box-shadow:var(--shadow-1); opacity:0; transform:translateY(16px); transition:.6s cubic-bezier(.2,.8,.2,1)
    }
    .admit-line.show{opacity:1; transform:translateY(0)}
    .admit-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}

/* timeline steps – FIX: overflow visible + extra top padding + lower number */
    .admit-step{
      position:relative; overflow:visible; border-radius:14px; padding:22px 14px 14px; /* ↑ top padding */
      background:rgba(255,255,255,.72); border:1px solid var(--glass-br); outline:1px solid var(--glass-edge);
      box-shadow:0 10px 22px rgba(0,0,0,.06);
      transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
      backdrop-filter:saturate(130%) blur(8px); -webkit-backdrop-filter:saturate(130%) blur(8px);
      color:#1a1a1a; opacity:0; transform:translateY(14px);
    }
    .admit-step::before{
      content:attr(data-step); position:absolute; top:4px; right:12px; /* ↓ was -6px */
      font-weight:900; font-size:46px; letter-spacing:-1px; color:rgba(0,0,0,.16); text-shadow:0 2px 6px rgba(0,0,0,.04); pointer-events:none;
    }
    .admit-step:hover{ transform:translateY(-4px); box-shadow:var(--shadow-2); background:rgba(255,255,255,.78) }

/* staggered animations for steps */
    .admit-line.show .admit-step{ animation:stepIn .55s cubic-bezier(.2,.8,.2,1) both }
    .admit-line.show .admit-step:nth-child(1){animation-delay:.05s}
    .admit-line.show .admit-step:nth-child(2){animation-delay:.12s}
    .admit-line.show .admit-step:nth-child(3){animation-delay:.19s}
    .admit-line.show .admit-step:nth-child(4){animation-delay:.26s}
    .admit-line.show .admit-step:nth-child(5){animation-delay:.33s}
    @keyframes stepIn{
      from{opacity:0; transform:translateY(18px) scale(.98)}
      to{opacity:1; transform:translateY(0) scale(1)}
    }

.admit-step b{color:#111}
    .admit-chip{
      display:inline-block;margin-top:8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;
      background:#fff;border:1px solid rgba(0,0,0,.08);color:#d10000; box-shadow:0 6px 14px rgba(0,0,0,.08);
      animation:chipPop .5s .4s both;
    }
    @keyframes chipPop{from{transform:translateY(6px) scale(.9);opacity:0} to{transform:translateY(0) scale(1);opacity:1}}

/* docs pills */
    .admit-docs{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .admit-pill{
      display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.72);
      border:1px solid var(--glass-br); outline:1px solid var(--glass-edge); backdrop-filter:saturate(130%) blur(8px); -webkit-backdrop-filter:saturate(130%) blur(8px);
      box-shadow:0 6px 16px rgba(0,0,0,.06); font-size:14.5px; color:#222; transition:transform .2s ease
    }
    .admit-pill:hover{ transform:translateY(-3px) }
    .admit-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px var(--ring)}

/* stat strip */
    .admit-band{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}
    .admit-stat{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--stroke);box-shadow:0 4px 12px rgba(0,0,0,.05);font-weight:800;color:#222}

/* CTA + subtle sheen on hover */
    .admit-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:28px}
    .admit-btn{position:relative; overflow:hidden; display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;font-weight:900;border:2px solid transparent;transition:.25s ease}
    .admit-btn.primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 14px 28px rgba(234,0,0,.28)}
    .admit-btn.primary::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.6) 50%,transparent 60%);transition:transform .5s}
    .admit-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}
    .admit-btn.primary:hover::after{transform:translateX(120%)}
    .admit-btn.ghost{background:#fff;color:#111;border-color:var(--stroke)}
    .admit-btn.ghost:hover{border-color:var(--brand);box-shadow:0 8px 18px rgba(0,0,0,.06)}

/* reveal utility */
    .admit-reveal{opacity:0;transform:translateY(12px);transition:.6s cubic-bezier(.2,.8,.2,1)}
    .admit-reveal.show{opacity:1;transform:translateY(0)}

/* responsive */
    @media (max-width:1100px){.admit-card{grid-column:span 6} .admit-steps{grid-template-columns:repeat(3,1fr)} .admit-docs{grid-template-columns:1fr 1fr}}
    @media (max-width:720px){.admit-title{font-size:26px} .admit-card{grid-column:span 12} .admit-steps{grid-template-columns:1fr} .admit-docs{grid-template-columns:1fr}}
    @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
      .admit-card,.admit-line,.admit-step,.admit-pill{background:#ffffff}
    }
  </style>

<div class="admit-inner">
    <div class="admit-head">
      <span class="admit-badge">Transparent • Smooth • CBSE Aligned</span>
      <h2 class="admit-title">Admission Process</h2>
      <p class="admit-sub">Admissions are open for <strong>Play Group to Class XII (Proposed)</strong>. Follow the steps to apply, submit documents, appear for interaction/assessment and confirm your seat.</p>
    </div>

<div class="admit-grid">
      <article class="admit-card admit-reveal" data-tilt>
        <div class="admit-ico" aria-hidden="true">📝</div>
        <h4>Apply Online / Office</h4>
        <p>Fill the admission form online or collect it from the school office and submit with required details.</p>
      </article>
      <article class="admit-card admit-reveal" data-tilt style="transition-delay:.06s">
        <div class="admit-ico" aria-hidden="true">📄</div>
        <h4>Document Submission</h4>
        <p>Attach birth certificate, photos and previous school records (if applicable) for verification.</p>
      </article>
      <article class="admit-card admit-reveal" data-tilt style="transition-delay:.12s">
        <div class="admit-ico" aria-hidden="true">🎯</div>
        <h4>Interaction / Assessment</h4>
        <p>For higher classes, a short interaction or entrance assessment may be conducted.</p>
      </article>
    </div>

<div class="admit-line admit-reveal" style="transition-delay:.14s">
      <div class="admit-steps">
        <div class="admit-step" data-step="01">
          <b>Form Fill-up</b><br> Apply online or collect from office.
          <div class="admit-chip">5–10 mins</div>
        </div>
        <div class="admit-step" data-step="02">
          <b>Submit Documents</b><br> Upload/submit required documents.
          <div class="admit-chip">Verification</div>
        </div>
        <div class="admit-step" data-step="03">
          <b>Interaction/Assessment</b><br> As per class & availability.
          <div class="admit-chip">Scheduled</div>
        </div>
        <div class="admit-step" data-step="04">
          <b>Confirmation</b><br> Receive provisional admission.
          <div class="admit-chip">Offer Letter</div>
        </div>
        <div class="admit-step" data-step="05">
          <b>Fee Payment</b><br> Complete fees within timeline.
          <div class="admit-chip">Seat Secured</div>
        </div>
      </div>

<div class="admit-docs" style="margin-top:18px">
        <div class="admit-pill"><span class="admit-dot"></span> Birth Certificate (photocopy)</div>
        <div class="admit-pill"><span class="admit-dot"></span> 2 Passport-size Photographs</div>
        <div class="admit-pill"><span class="admit-dot"></span> Previous School Records / TC (if applicable)</div>
      </div>

<div class="admit-band">
        <span class="admit-stat"><b>CBSE</b> Curriculum</span>
        <span class="admit-stat">Play Group → <b>Class XII</b> (Proposed)</span>
        <span class="admit-stat">Transparent <b>Process</b></span>
        <span class="admit-stat"><b>Counselling</b> Support</span>
      </div>
    </div>

<div class="admit-cta admit-reveal" style="transition-delay:.16s">
      <a href="admission.php" class="admit-btn primary">Apply Now</a>
     
    </div>
  </div>

<script>
    (function(){
      // reveal on scroll
      const io=new IntersectionObserver(entries=>{
        entries.forEach(e=>{
          if(e.isIntersecting){ e.target.classList.add('show'); io.unobserve(e.target); }
        });
      },{threshold:.15});

document.querySelectorAll('#admission-process .admit-reveal, #admission-process .admit-card').forEach(el=>io.observe(el));
      io.observe(document.querySelector('#admission-process .admit-line'));

// turn on .show for cards too (for fade-in)
      document.querySelectorAll('#admission-process .admit-card').forEach(el=>{
        const cardObserver=new IntersectionObserver(es=>{
          es.forEach(x=>{ if(x.isIntersecting){ el.classList.add('show'); cardObserver.disconnect(); }});
        },{threshold:.2});
        cardObserver.observe(el);
      });

// light 3D tilt on cards
      const cards=[...document.querySelectorAll('#admission-process [data-tilt]')];
      const calcTilt=(e,card)=>{
        const r=card.getBoundingClientRect();
        const x=(e.clientX-r.left)/r.width, y=(e.clientY-r.top)/r.height;
        card.style.setProperty('--ry', ((x-.5)*10).toFixed(2)+'deg');
        card.style.setProperty('--rx', (-(y-.5)*8).toFixed(2)+'deg');
      };
      cards.forEach(card=>{
        card.addEventListener('pointermove', e=>calcTilt(e,card));
        card.addEventListener('pointerleave', ()=>{card.style.setProperty('--rx','0deg');card.style.setProperty('--ry','0deg');});
      });
    })();
  </script>
</section>

</div>

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

X7ROOT File Manager

Editing: admission-process.php

Upload File

Create Folder