X7ROOT File Manager
Current Path:
/home/u126090504/domains/saiadarshainternationalschool.org.in/public_html
home
/
u126090504
/
domains
/
saiadarshainternationalschool.org.in
/
public_html
/
📁
..
📄
.htaccess
(0 B)
📄
Antiraging-Cell.php
(2.73 KB)
📄
SVM-INT (1) (1).zip
(117.51 MB)
📄
about-us.php
(5.86 KB)
📄
academic-calendar.php
(2.73 KB)
📄
achievements.php
(9.56 KB)
📄
achievers.php
(15.19 KB)
📁
admin
📄
admission-process.php
(6.85 KB)
📄
admission.php
(12.93 KB)
📄
admission_submit.php
(3.38 KB)
📄
album.php
(890 B)
📄
assessment-policy.php
(6.8 KB)
📄
cbse-curriculum-summary.php
(5.99 KB)
📄
computer-courses.php
(22.83 KB)
📄
config.php
(1.27 KB)
📄
contact-us.php
(14.63 KB)
📄
contactdb.php
(796 B)
📄
courses.php
(10.44 KB)
📁
css
📄
director's-message.php
(6.54 KB)
📄
downloads.php
(2.9 KB)
📄
error.log
(14.6 KB)
📄
facilities.php
(6.04 KB)
📄
faculty.php
(10.27 KB)
📄
fee-structure.php
(7.97 KB)
📁
fonts
📄
footer.php
(23.95 KB)
📄
franchise.php
(2.09 KB)
📄
gallery.php
(3.05 KB)
📄
google929b505e9f42f894.html
(53 B)
📄
grievance-form.php
(16.52 KB)
📄
header.php
(19.69 KB)
📄
homework.php
(9.64 KB)
📁
images
📄
index.php
(39.38 KB)
📄
infrastructure-details.php
(5.39 KB)
📁
js
📁
lib
📄
managing-committee.php
(3.34 KB)
📄
media-corner.php
(2.48 KB)
📄
non-academic-achievers.php
(14.65 KB)
📄
payment.php
(21.85 KB)
📄
payment_submit.php
(15.1 KB)
📄
payment_verify.php
(2.31 KB)
📄
placement.php
(8.33 KB)
📄
principal's-message.php
(6.65 KB)
📄
public-disclosure.php
(3.38 KB)
📁
qrcodes
📁
revolution
📁
sai
📄
scope.php
(14.14 KB)
📄
search_videos.php
(1.76 KB)
📄
sitemap.xml
(4.69 KB)
📄
subjects-offered.php
(6 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: courses.php
<?php include("header.php"); ?><!--header end--> <!-- page-title --> <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"> Courses <h2> </div> <div class="breadcrumb-wrapper"> <span> <a title="Homepage" href="index.php">Home</a> </span> <span class="ttm-bread-sep"> > </span> <span class="current">Courses</span> </div> </div> </div> </div> </div> </div><!-- page-title end--> <!-- ================== MMA Courses Section ================== --> <section id="mma-courses" class="mma-courses"> <div class="container"> <header class="section-head"> <span class="eyebrow">Courses Offered</span> <h2>Build a strong <span>pharmacy</span> career with MMA</h2> <p class="sub">PCI-approved • ISO 9001:2015 • Practical, research & industry exposure</p> </header> <div class="grid"> <!-- ====== D.Pharm Card ====== --> <article class="course-card" data-tilt> <div class="light"></div> <div class="card-head"> <div class="badge">Diploma</div> <h3>Diploma in Pharmacy (D.Pharm)</h3> <ul class="meta"> <li><strong>Duration:</strong> 2 Years</li> <li><strong>Intake:</strong> 60 Seats</li> </ul> </div> <div class="card-body"> <p> A two-year, entry-level program focused on core pharmacy fundamentals, drug formulation, dispensing, and clinical applications — backed by intensive hands-on lab training. </p> <ul class="highlights"> <li>Modern Pharmaceutics & Pharmacology labs</li> <li>Hospital & community pharmacy exposure</li> <li>Career tracks: Technician, Hospital Pharmacist, MR</li> </ul> </div> <div class="card-cta"> <a href="admission.php" class="btn btn-primary">Apply Now</a> <a href="images/d-pharm.pdf" class="btn btn-ghost">Download Prospectus</a> </div> </article> <!-- ====== B.Pharm Card ====== --> <article class="course-card" data-tilt> <div class="light"></div> <div class="card-head"> <div class="badge">Undergraduate</div> <h3>Bachelor of Pharmacy (B.Pharm)</h3> <ul class="meta"> <li><strong>Duration:</strong> 4 Years</li> <li><strong>Intake:</strong> 60 Seats</li> </ul> </div> <div class="card-body"> <p> A comprehensive, four-year degree covering pharmaceutical sciences, drug development, pharmacology, and healthcare management with academic + industrial/clinical training. </p> <ul class="highlights"> <li>Research-oriented learning & analytics</li> <li>Industry internships & skill-building</li> <li>Higher studies: M.Pharm, MBA, or abroad</li> </ul> </div> <div class="card-cta"> <a href="admission.php" class="btn btn-primary">Apply Now</a> <a href="images/Syllabus_B_Pharm.pdf" class="btn btn-ghost">Download Prospectus</a> </div> </article> </div> <!-- ====== Why MMA Strip ====== --> <div class="why"> <ul> <li>PCI-approved & ISO 9001:2015</li> <li>Expert faculty with research experience</li> <li>Modern labs & digital classrooms</li> <li>Career guidance & placement support</li> <li>Peaceful eco-friendly campus (Baripada)</li> </ul> </div> </div> </section> <style> /* ========= Design Tokens ========= */ :root { --mma-bg: #ffffff; /* White background */ --mma-accent: #490101; /* Secondary color as requested */ --mma-accent-50: #49010110; /* Transparent variants */ --mma-accent-12: #4901011f; --mma-ink: #1a1a1a; --mma-ink-soft: #5c5c5c; --mma-border: #e9e9e9; --mma-card: #ffffff; --mma-radius: 20px; --mma-shadow: 0 10px 25px rgba(0,0,0,.06); } /* ========= Section ========= */ .mma-courses { background: var(--mma-bg); position: relative; overflow: hidden; } .mma-courses .container { max-width: 1180px; margin: 0 auto; padding: 64px 20px; } .section-head { text-align: center; margin-bottom: 36px; } .section-head .eyebrow { display: inline-block; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; font-size: 12px; color: var(--mma-accent); background: linear-gradient(90deg, var(--mma-accent-12), transparent 60%); padding: 8px 12px; border-radius: 999px; } .section-head h2 { font-size: clamp(24px, 3.4vw, 40px); color: var(--mma-ink); margin: 10px 0 8px; } .section-head h2 span { color: var(--mma-accent); text-decoration: underline; text-decoration-thickness: 5px; text-underline-offset: 6px; } .section-head .sub { color: var(--mma-ink-soft); font-size: 15px; } /* ========= Grid ========= */ .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } @media (max-width: 900px) { .grid { grid-template-columns: 1fr; } } /* ========= Course Card ========= */ .course-card { position: relative; border-radius: var(--mma-radius); background: var(--mma-card); border: 1px solid var(--mma-border); box-shadow: var(--mma-shadow); overflow: hidden; padding: 24px; isolation: isolate; translate: 0 0; transition: transform .35s ease, box-shadow .35s ease; } .course-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,.10); } /* ---- Glow/Light effect (cursor spotlight) ---- */ .course-card .light { position: absolute; inset: -60%; pointer-events: none; z-index: -1; background: radial-gradient(220px 220px at var(--mx, 50%) var(--my, 50%), rgba(73,1,1,.22), transparent 60%); filter: blur(20px); opacity: 0; transition: opacity .35s ease; } .course-card:hover .light { opacity: 1; } .card-head { margin-bottom: 12px; } .badge { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--mma-accent); background: #fff; border: 1px solid var(--mma-accent); padding: 6px 10px; border-radius: 999px; box-shadow: 0 2px 0 0 var(--mma-accent); } .course-card h3 { font-size: clamp(18px, 2.4vw, 24px); margin: 10px 0 6px; color: var(--mma-ink); } .meta { display: flex; gap: 16px; padding: 0; margin: 0; list-style: none; } .meta li { font-size: 14px; color: var(--mma-ink-soft); } .meta strong { color: var(--mma-ink); } .card-body p { color: var(--mma-ink); line-height: 1.6; margin: 14px 0 12px; } .highlights { padding: 0; margin: 0; list-style: none; display: grid; gap: 8px; } .highlights li { position: relative; padding-left: 28px; color: var(--mma-ink-soft); } .highlights li::before { content: ""; position: absolute; left: 0; top: 8px; width: 10px; height: 10px; border-radius: 3px; background: var(--mma-accent); box-shadow: 0 0 0 6px var(--mma-accent-50); } .card-cta { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; } .btn { --padx: 16px; --pady: 11px; --r: 12px; --b: 2px; --shadow: 0 6px 16px rgba(73,1,1,.25); display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 700; border-radius: var(--r); text-decoration: none; border: var(--b) solid transparent; transition: transform .2s ease, box-shadow .3s ease, background .3s ease, color .3s ease; } .btn-primary { background: var(--mma-accent); color: #fff; padding: var(--pady) var(--padx); box-shadow: var(--shadow); } .btn-primary:hover { transform: translateY(-2px); } .btn-ghost { background: #fff; color: var(--mma-accent); border-color: var(--mma-accent); padding: var(--pady) var(--padx); } .btn-ghost:hover { background: var(--mma-accent); color: #fff; } /* ========= Why Strip ========= */ .why { margin-top: 28px; border: 1px dashed var(--mma-accent); border-radius: var(--mma-radius); background: linear-gradient(180deg, #fff, #fff), radial-gradient(1200px 1200px at 10% -10%, var(--mma-accent-12), transparent 60%), radial-gradient(900px 900px at 110% 120%, var(--mma-accent-12), transparent 60%); background-blend-mode: normal, multiply, multiply; padding: 14px 18px; } .why ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } .why li { font-size: 14px; color: var(--mma-ink); padding-left: 24px; position: relative; } .why li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--mma-accent); font-weight: 900; } @media (max-width: 900px) { .why ul { grid-template-columns: 1fr 1fr; } } </style> <script> // ===== Light/spot-follow effect on each course card ===== const cards = document.querySelectorAll('#mma-courses .course-card'); cards.forEach(card => { const light = card.querySelector('.light'); card.addEventListener('pointermove', (e) => { const r = card.getBoundingClientRect(); const x = e.clientX - r.left; const y = e.clientY - r.top; light.style.setProperty('--mx', x + 'px'); light.style.setProperty('--my', y + 'px'); }); }); </script> <!-- ========= Usage ========= 1) Paste this block where you want the Courses section. 2) Links for Apply/Prospectus can be updated in <a href="#">. 3) Color is controlled by --mma-accent (#490101). Keep background white as required. 4) The glow/spotlight follows the cursor and gently fades on hover. 5) Fully responsive; switches to single-column under 900px. ============================== --> <!--footer start--> <?php include("footer.php"); ?> <!--footer end-->
Upload File
Create Folder