1 2 3 4 5<!doctype html> 6<html class="no-js" lang="zxx"> 7 8<head> 9 <meta charset="utf-8"> 10 <meta http-equiv="x-ua-compatible" content="ie=edge"> 11 <title>NAAC 5th Cycle</title> 12 <meta name="description" content=""> 13 <meta name="viewport" content="width=device-width, initial-scale=1"> 14 <!-- Favicon --> 15 <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png"> 16 17 <!-- CSS 18 ============================================ --> 19 20 <!-- Bootstrap CSS --> 21 <link rel="stylesheet" href="assets/css/bootstrap.min.css"> 22 23 <!-- Icon Font CSS --> 24 <link rel="stylesheet" href="assets/css/icons.min.css"> 25 26 <!-- Plugins CSS --> 27 <link rel="stylesheet" href="assets/css/plugins.css"> 28 29 <!-- Main Style CSS --> 30 <link rel="stylesheet" href="assets/css/style.css"> 31 32 <!-- Modernizer JS --> 33
33<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
33 34 35 36 37 38 39 40 <!-- Main Style CSS --> 41 42 <link rel="stylesheet" href="./NAAC_files/simpleLightbox.css"> 43 <link rel="stylesheet" href="./NAAC_files/component.css"> 44 <link rel="stylesheet" href="./NAAC_files/nacc-style.css"> 45 46 <style> 47 .hdesign 48 { 49 color: white; 50 text-shadow:0px 2px 2px red; 51 } 52 </style> 53 54 <style> 55.vertical-menu { 56 width: 300px; 57} 58 59.vertical-menu a { 60 background-color: #993333; 61 color: white; 62 display: block; 63 padding: 12px; 64 text-decoration: none; 65} 66 67.vertical-menu a:hover { 68 background-color: #800000; 69} 70 71.vertical-menu a.active { 72 background-color: #003366; 73 color: white; 74} 75 76 77 78h1 { 79 margin: 16px 40px; 80 font: 600 1.6rem consolas; 81 text-transform: uppercase; 82} 83 84figcaption { 85 font: 600 1.6rem consolas; 86 text-transform: uppercase; 87 margin-top: 7px; 88 text-align: center; 89 text-shadow: 1px 1px #000; 90} 91 92.success { 93 color: #00cc74; 94} 95 96.info { 97 color: #999; 98} 99 100.warning { 101 color: #f7d600; 102} 103 104.danger { 105 color: #d70902; 106} 107 108@-webkit-keyframes f { 109 0% { 110 background-position: 40px 0; 111 } 112 113 to { 114 background-position: 0 0; 115 } 116} 117 118@keyframes f { 119 0% { 120 background-position: 40px 0; 121 } 122 123 to { 124 background-position: 0 0; 125 } 126} 127 128.progress { 129 overflow: hidden; 130 margin-top: 2em; 131 height: 30px; 132 border-radius: 4px; 133 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 134} 135 136.progress-bar { 137 height: 100%; 138 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); 139} 140 141.progress-bar-striped, 142.progress-striped .progress-bar { 143 background-image: linear-gradient( 144 45deg, 145 hsla(0, 0%, 95%, 0.8) 25%, 146 transparent 0, 147 transparent 50%, 148 hsla(0, 0%, 95%, 0.8) 0, 149 hsla(0, 0%, 95%, 0.8) 75%, 150 transparent 0, 151 transparent 152 ); 153 background-size: 40px 40px; 154} 155 156.progress-bar.active, 157.progress.active .progress-bar { 158 -webkit-animation: f 2s linear infinite; 159 animation: f 2s linear infinite; 160} 161 162.progress-bar-success { 163 background-color: #00cc74; 164} 165 166.progress-striped .progress-bar-success { 167 background-image: linear-gradient( 168 45deg, 169 hsla(0, 0%, 100%, 0.15) 25%, 170 transparent 0, 171 transparent 50%, 172 hsla(0, 0%, 100%, 0.15) 0, 173 hsla(0, 0%, 100%, 0.15) 75%, 174 transparent 0, 175 transparent 176 ); 177} 178 179.progress-bar-info { 180 background-color: #999; 181} 182 183.progress-striped .progress-bar-info { 184 background-image: linear-gradient( 185 45deg, 186 hsla(0, 0%, 95%, 0.8) 25%, 187 transparent 0, 188 transparent 50%, 189 hsla(0, 0%, 95%, 0.8) 0, 190 hsla(0, 0%, 95%, 0.8) 75%, 191 transparent 0, 192 transparent 193 ); 194} 195 196.progress-bar-warning { 197 background-color: #f7d600; 198} 199 200.progress-striped .progress-bar-warning { 201 background-image: linear-gradient( 202 45deg, 203 hsla(0, 0%, 100%, 0.15) 25%, 204 transparent 0, 205 transparent 50%, 206 hsla(0, 0%, 100%, 0.15) 0, 207 hsla(0, 0%, 100%, 0.15) 75%, 208 transparent 0, 209 transparent 210 ); 211} 212 213.progress-bar-danger { 214 background-color: #d70902; 215} 216 217.progress-striped .progress-bar-danger { 218 background-image: linear-gradient( 219 45deg, 220 hsla(0, 0%, 100%, 0.15) 25%, 221 transparent 0, 222 transparent 50%, 223 hsla(0, 0%, 100%, 0.15) 0, 224 hsla(0, 0%, 100%, 0.15) 75%, 225 transparent 0, 226 transparent 227 ); 228} 229 230</style> 231 232</head> 233 234<body> 235<body> 236<!DOCTYPE html> 237<html lang="en"> 238<head> 239 <meta charset="UTF-8"> 240 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 241 <title>Sacred Heart College (Autonomous) â Tirupattur</title> 242 <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 243 <link rel="stylesheet" href="assets/css/bootstrap.min.css"> 244 <link rel="stylesheet" href="assets/css/icons.min.css"> 245 <link rel="stylesheet" href="assets/css/plugins.css"> 246 <link rel="stylesheet" href="assets/css/style.css"> 247 <link rel="stylesheet" href="assets/css/menu.css"> 248 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css"> 249 250<style> 251*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} 252html{scroll-behavior:smooth} 253:root{ 254 --blue:#1a3a8a; 255 --blue2:#0d2761; 256 --blue3:#2351c0; 257 --gold:#c9a83c; 258 --gold2:#f5c842; 259 --green:#22a86e; 260 --white:#fff; 261 --cream:#f7f9fe; 262 --gray:#64748b; 263 --light:#e8edf8; 264 --tr:.28s cubic-bezier(.4,0,.2,1); 265 --topbar-h:37px; 266 --header-h:100px; 267} 268body{ 269 font-family:'Inter',sans-serif; 270 background:#fff;
271 color:#1a2540; 272 overflow-x:hidden; 273 padding-top:calc(var(--topbar-h) + var(--header-h)); 274} 275a{text-decoration:none;color:inherit} 276img{max-width:100%;display:block} 277 278/* ââââââ TOP BAR ââââââ */ 279.topbar{ 280 background:#3D1119; 281 position:fixed; 282 top:0;left:0;right:0;width:100%; 283 padding:5px; 284 height:50px; 285 z-index:1001; 286 transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .45s cubic-bezier(.4,0,.2,1); 287} 288.topbar.hidden{transform:translateY(-100%);opacity:0;pointer-events:none;} 289.tb-inner{ 290 max-width:1280px;margin:0 auto;padding:0 24px; 291 display:flex;justify-content:space-between;align-items:center; 292 width:100%;height:37px;gap:8px; 293} 294.tb-left{display:flex;gap:14px;flex-shrink:0;align-items:center;} 295.tb-left a{ 296 color:#fff;display:flex;align-items:center; 297 gap:4px;white-space:nowrap;font-size:.7rem; 298 transition:color var(--tr); 299} 300.tb-left a:hover{color:var(--gold2)} 301.tb-right{display:flex;gap:5px;align-items:center;flex-wrap:nowrap;} 302.tb-right a{ 303 color:#ffffff;font-size:.67rem;padding:2px 8px; 304 border:1px solid rgba(255,255,255,.18);border-radius:12px; 305 white-space:nowrap;transition:all var(--tr); 306} 307.tb-right a:hover{background:#3D1119;color:#fff;border-color:var(--blue3)} 308.tb-right a.naac{color:var(--gold2);border-color:rgba(245,200,66,.4);font-weight:700} 309 310/* ââââââ HEADER ââââââ */ 311header{ 312 background:#fff; 313 box-shadow:0 2px 20px rgba(26,58,138,.1); 314 position:fixed; 315 top:37px; 316 left:0;right:0;width:100%; 317 height:90px; 318 z-index:1000; 319 transition:box-shadow .32s ease; 320} 321header.at-top{top:0!important;box-shadow:0 4px 28px rgba(26,58,138,.2);} 322.hdr{ 323 max-width:1280px;height:100%;margin:0 auto; 324 padding:0 20px;display:flex; 325 align-items:center;justify-content:space-between;gap:12px; 326} 327.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;} 328.logo-badge{width:250px;height:auto;flex-shrink:0;} 329.logo-badge img{width:250px;height:130px;object-fit:contain;display:block;} 330 331/* ââââââ DESKTOP NAV ââââââ */ 332nav ul{list-style:none;display:flex;gap:2px;align-items:center} 333nav ul li{position:relative} 334nav ul li a{ 335 display:flex;align-items:center;gap:4px;padding:6px 11px; 336 font-size:14px;font-weight:600;color:var(--blue2); 337 border-radius:6px;transition:all var(--tr); 338 letter-spacing:.02em;white-space:nowrap; 339} 340nav ul li a:hover{background:#3D1119;color:#fff} 341nav ul li a.naac-nav{color:var(--green);font-weight:700} 342nav ul li a.naac-nav:hover{color:#fff;background:var(--green)} 343nav ul li.has-drop>a::after{ 344 content:'â¾';font-size:1rem;font-weight:700; 345 opacity:1;margin-left:6px;line-height:1; 346 transition:transform .3s ease; 347} 348nav ul li.has-drop:hover>a::after{transform:rotate(-180deg)} 349nav ul li .dropdown{ 350 position:absolute;top:calc(100% + 6px);left:0; 351 min-width:220px;background:#fff;border-radius:10px; 352 border:1px solid var(--light); 353 box-shadow:0 12px 40px rgba(26,58,138,.15); 354 padding:6px 0;opacity:0;visibility:hidden; 355 transform:translateY(8px);transition:all var(--tr);z-index:2000; 356} 357nav ul li:hover>.dropdown{opacity:1;visibility:visible;transform:translateY(0)} 358nav ul li .dropdown.wide{min-width:460px;display:grid;grid-template-columns:1fr 1fr;padding:8px 0;} 359.drop-col-title{ 360 font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; 361 color:var(--gray);padding:7px 16px 4px;
362 border-bottom:1px solid var(--light);margin-bottom:4px; 363} 364.dropdown a{ 365 display:block;padding:7px 16px;font-size:.74rem;font-weight:500; 366 color:var(--blue2);border-radius:0;border:none; 367 white-space:normal;line-height:1.4; 368 transition:background var(--tr),color var(--tr),padding-left var(--tr); 369} 370.dropdown a:hover{background:var(--cream);color:var(--blue3);padding-left:20px} 371.dropdown a::before{content:'âº';margin-right:6px;color:var(--green);font-size:.9rem} 372.btn-admit{ 373 background:var(--green);color:#fff; 374 padding:8px 18px;border-radius:8px; 375 font-weight:700;font-size:.76rem; 376 white-space:nowrap;transition:background var(--tr);flex-shrink:0; 377} 378.btn-admit:hover{background:#178554;color:#fff} 379.ham{ 380 display:none;flex-direction:column;gap:5px; 381 cursor:pointer;background:none;border:none; 382 padding:6px;flex-shrink:0; 383} 384.ham span{display:block;width:24px;height:2px;background:var(--blue);border-radius:2px} 385 386/* ââââââ OVERLAY ââââââ */ 387.overlay{ 388 display:none;position:fixed;inset:0; 389 background:rgba(0,0,0,.5);z-index:9990; 390} 391.overlay.open{display:block} 392 393/* ââââââ MOBILE DRAWER ââââââ */ 394.mob-nav{ 395 position:fixed;top:0;left:0; 396 width:82%;max-width:300px;height:100vh; 397 background:#fff;z-index:9999; 398 display:flex;flex-direction:column; 399 box-shadow:4px 0 30px rgba(0,0,0,.18); 400 transform:translateX(-100%); 401 transition:transform .3s ease; 402 overflow-y:auto;overflow-x:hidden; 403} 404.mob-nav.open{transform:translateX(0)} 405 406/* ââ Close row ââ */ 407.mob-close-row{ 408 display:flex;align-items:center; 409 justify-content:space-between; 410 padding:10px 14px; 411 background:#3D1119; 412 border-bottom:1px solid rgba(255,255,255,.1); 413 flex-shrink:0; 414} 415.mob-close-row .mob-logo-wrap{ 416 display:flex;align-items:center;gap:8px; 417} 418.mob-close-row .mob-logo-wrap img{ 419 width:32px;height:32px;border-radius:50%; 420 object-fit:cover;border:1.5px solid var(--gold); 421 flex-shrink:0; 422} 423.mob-close-row .mob-logo{ 424 font-family:'Playfair Display',serif; 425 font-size:.8rem;font-weight:800;color:#fff; 426} 427.mob-close{ 428 background:rgba(255,255,255,.15);border:none; 429 font-size:.95rem;cursor:pointer;color:#fff; 430 padding:4px 8px;border-radius:6px;line-height:1; 431} 432.mob-close:hover{background:rgba(255,255,255,.28)} 433 434/* ââ Nav items â COMPACT ââ */ 435.mob-item{ 436 display:flex; 437 align-items:center; 438 justify-content:space-between; 439 border-bottom:1px solid #f0f4fc; 440 transition:background var(--tr); 441 user-select:none; 442 cursor:pointer; 443 /* NO extra padding here â padding lives on the inner <a> */ 444} 445.mob-item:hover{background:#f5f8ff} 446 447/* every direct link inside mob-item */ 448.mob-item > a{ 449 display:flex; 450 align-items:center; 451 gap:8px; 452 flex:1; 453 padding:10px 14px; /* â compact vertical padding */ 454 font-size:.83rem; 455 font-weight:600;
456 color:var(--blue2); 457 line-height:1.2; 458} 459/* has-sub: pointer-events off the <a> so clicking the row fires onclick */ 460.mob-item.has-sub > a{pointer-events:none} 461 462/* arrow on right */ 463.mob-arr{ 464 font-size:.7rem;color:var(--gray); 465 transition:transform .25s ease; 466 flex-shrink:0; 467 padding-right:14px; 468} 469.mob-item.open .mob-arr{transform:rotate(180deg)} 470 471/* ââ Sub-menus ââ */ 472.mob-sub{display:none;background:#f8faff;border-bottom:1px solid var(--light)} 473.mob-sub.open{display:block} 474.mob-sub a{ 475 display:flex;align-items:center;gap:7px; 476 padding:8px 14px 8px 28px; /* compact sub-item */ 477 font-size:.77rem;font-weight:500;color:var(--blue2); 478 border-bottom:1px solid #edf0f9; 479 transition:background var(--tr),color var(--tr); 480} 481.mob-sub a:last-child{border-bottom:none} 482.mob-sub a::before{content:'âº';color:var(--green);font-size:1rem;flex-shrink:0} 483.mob-sub a:hover{background:var(--cream);color:var(--blue3)} 484.mob-sub .mob-sub-title{ 485 font-size:.6rem;font-weight:800;letter-spacing:.12em; 486 text-transform:uppercase;color:var(--gray); 487 padding:7px 14px 3px 28px; 488 background:#f0f4ff;border-bottom:1px solid var(--light); 489} 490 491/* ââ Bottom actions ââ */ 492.mob-admit-row{padding:12px 14px} 493.mob-admit-btn{ 494 display:block;background:var(--green);color:#fff; 495 text-align:center;font-weight:700;font-size:.84rem; 496 padding:11px;border-radius:8px; 497 transition:background var(--tr); 498} 499.mob-admit-btn:hover{background:#178554} 500.mob-naac-item>a{color:var(--green)!important;font-weight:700!important} 501.mob-contact{ 502 margin:0 14px 14px;padding:10px 12px; 503 background:#f0f4ff;border-radius:8px; 504 font-size:.74rem;color:var(--blue2);line-height:2; 505} 506.mob-contact a{color:var(--blue2)} 507 508/* ââââââ RESPONSIVE BREAKPOINTS ââââââ */ 509@media(max-width:1024px){ 510 nav,.btn-admit{display:none} 511 .ham{display:flex} 512} 513@media(max-width:768px){ 514 .topbar{ 515 height:auto; 516 transition:transform 1.5s cubic-bezier(.4,0,.2,1), 517 opacity 1.5s cubic-bezier(.4,0,.2,1); 518 } 519 .tb-inner{ 520 height:auto;flex-direction:column; 521 align-items:stretch;justify-content:flex-start; 522 padding:0;gap:0;margin:0;max-width:100%; 523 } 524 .tb-left{ 525 display:flex;flex-wrap:nowrap; 526 justify-content:center;align-items:center; 527 gap:8px;padding:6px 10px; 528 border-bottom:2px solid white;width:100%; 529 } 530 .tb-left a{font-size:.75rem;white-space:nowrap;color:#a8bce0;} 531 .tb-right{ 532 display:flex;flex-wrap:wrap; 533 justify-content:center;align-items:center; 534 gap:5px;padding:6px 10px;width:100%; 535 } 536 .tb-right a{font-size:.63rem;padding:2px 8px;} 537 header{ 538 top:56px;height:60px; 539 transition:box-shadow .32s ease,top 1.5s cubic-bezier(.4,0,.2,1); 540 } 541 body{padding-top:calc(56px + var(--header-h));} 542 .logo-badge{margin-left:-8px;} 543 .logo-badge img{width:180px;height:40px;} 544 .hdr{padding:0 4px 0 0;gap:8px;} 545} 546@media(max-width:420px){ 547 .tb-left a{font-size:.6rem;} 548 .tb-right a{font-size:.6rem;padding:2px 6px;} 549 .logo-badge{width:190px;} 550 .logo-badge img{width:190px;height:80px;} 551} 552</style> 553</head> 554<body> 555 556<!-- âTOP BAR --> 557<div class="topbar" id="topbar"> 558 <div class="tb-inner"> 559 <div class="tb-left"> 560 <a href="contactus.php"> 561 <i class="ti ti-map-pin" style="font-size:14px;color:#fff;" aria-hidden="true"></i> Contact Us 562 </a> 563 <a href="tel:+914179220533"> 564 <i class="ti ti-phone" style="font-size:14px;color:#0dff00;" aria-hidden="true"></i> +91 417 922 0533 565 </a> 566 <a href="mailto:[email protected]"> 567 <i class="ti ti-mail" style="font-size:14px;color:#e36f82;" aria-hidden="true"></i> [email protected] 568 </a> 569 </div> 570 <div class="tb-right"> 571 <a href="naac.php" class="naac">NAAC A++ â </a> 572 <a href="NIRF.php">NIRF</a> 573 <a href="aicte.php">AICTE</a> 574 <a href="https://leapshc.org:8443/Staff/">Staff</a> 575 <a href="https://leapshc.org:8443/Student/">Student</a> 576 <a href="https://leapshc.org:8443/Alumni/">Alumni</a> 577 <a href="https://leapshc.org:8443/Hostel/">Hostel Admin</a> 578 <a href="https://leapshc.org:8443/HostelSHC/">Hostel</a> 579 </div> 580 </div> 581</div> 582 583<!-- âHEADER --> 584<header id="siteHeader"> 585 <div class="hdr"> 586 <div class="logo"> 587 <div class="logo-badge"> 588 <img src="images/shctptlogo.png" alt="Sacred Heart College Logo"> 589 </div> 590 </div> 591 <nav> 592 <ul> 593 <li><a href="index.php">Home</a></li> 594 <li class="has-drop"> 595 <a href="#">About Us</a> 596 <div class="dropdown"> 597 <a href="vision_and_mission.php">Vision and Mission</a> 598 <a href="corevalues.php">Core Values</a> 599 <a href="officail_logos_and_moto.php">College Logo and Motto</a> 600 <a href="prayerandanthem.php">Prayer and Anthem</a> 601 <a href="Introducing_shc.php">Introducing SHC</a> 602 <a href="collegeprofile.php">College Profile</a> 603 <a href="milestone.php">Key Events</a> 604 <a href="annualreport.php">Annual Reports</a> 605 <a href="ranking_and_accredition.php">Ranking & Accreditation</a> 606 <a href="lllustrious_Alumni.php">
606Illustrious Alumni</a> 607 <a href="Career_At_SHC.php">Careers@SHC</a> 608 <a href="Eminent_Visitors.php">Eminent Visitors</a> 609 <a href="Our_Partners.php">Our Partners</a> 610 </div> 611 </li> 612 <li class="has-drop"> 613 <a href="#">Administration</a> 614 <div class="dropdown"> 615 <a href="Rectors.php">Secretary</a> 616 <a href="principal-shc.php">Principal</a> 617 <a href="collegecouncils.php">College Council</a> 618 <a href="statutory_bodies.php">Statutory Bodies</a> 619 <a href="nonstatutory.php">Non-Statutory Bodies</a> 620 <a href="Organongram.php">Organogram</a> 621 <a href="RolesandResponsibilities.php">Roles & Responsibilities</a> 622 </div> 623 </li> 624 <li class="has-drop"> 625 <a href="#">Research</a> 626 <div class="dropdown wide"> 627 <div class="drop-col"> 628 <div class="drop-col-title">Centres & Projects</div> 629 <a href="Researchcenter.php">Research Centre</a> 630 <a href="BIRCPT.php">BIRCPT</a> 631 <a href="Researchproject.php">Research Projects</a> 632 <a href="Onlinejournals.php">Online Journals</a> 633 <a href="Databaseofpublication.php">Database of Publication</a> 634 <a href="Intelectual_Property_Right.php">IPR Cell</a> 635 <a href="DatabaseofSupervisors.php">Database of Supervisors & Scholars</a> 636 </div> 637 <div class="drop-col"> 638 <div class="drop-col-title">Grants & Facilities</div> 639 <a href="DonBoscoResearchGrant.php">Don Bosco Research Grant</a> 640 <a href="Shcfellowships.php">Sacred Heart Fellowship</a> 641 <a href="Frcarrenoresearchgrant.php">Fr. Carreno Research Grant</a> 642 <a href="ResearchFacilities.php">Research Facilities</a> 643 <a href="Researchcell.php">Research Cell</a> 644 <a href="ResearchFundings.php">Research Fundings</a> 645 </div> 646 </div> 647 </li> 648 <li><a href="course.php">Academics</a></li> 649 <li><a href="examination.php">Examination</a></li> 650 <li><a href="https://shctpt.edu/IQAC/index.php">IQAC</a></li> 651 <li><a href="naac.php" class="naac-nav">NAAC â </a></li> 652 </ul> 653 </nav> 654 <a href="https://leapshc.org:8443/Admission/" class="btn-admit" target="_blank">Admissions 2026</a> 655 <button class="ham" onclick="openMob()" aria-label="Open menu"> 656 <span></span><span></span><span></span> 657 </button> 658 </div> 659</header> 660 661<!-- âOVERLAY --> 662<div class="overlay" id="ov" onclick="closeMob()"></div> 663 664<!-- âMOBILE NAV DRAWER --> 665<div class="mob-nav" id="mNav"> 666 667 <!-- Header row --> 668 <div class="mob-close-row"> 669 <div class="mob-logo-wrap"> 670 <img src="images/shclogo.png" alt="SHC Logo"> 671 <span class="mob-logo">Sacred Heart College</span> 672 </div> 673 <button class="mob-close" onclick="closeMob()">â</button> 674 </div> 675 676 <!-- Menu items --> 677 <div class="mob-item"> 678 <a href="index.php">ð Home</a> 679 </div> 680 681 <div class="mob-item has-sub" onclick="toggleMobSub('sub-about',this)"> 682 <a>ð About Us</a><span class="mob-arr">â¾</span> 683 </div> 684 <div class="mob-sub" id="sub-about"> 685 <a href="vision_and_mission.php">Vision and Mission</a> 686 <a href="corevalues.php">Core Values</a> 687 <a href="officail_logos_and_moto.php">College Logo and Motto</a> 688 <a href="prayerandanthem.php">Prayer and Anthem</a> 689 <a href="Introducing_shc.php">Introducing SHC</a> 690 <a href="collegeprofile.php">College Profile</a> 691 <a href="milestone.php">Key Events</a> 692 <a href="annualreport.php">Annual Reports</a> 693 <a href="ranking_and_accredition.php">Ranking & Accreditation</a> 694 <a href="lllustrious_Alumni.php">Illustrious Alumni</a> 695 <a href="Career_At_SHC.php">Careers@SHC</a> 696 <a href="Eminent_Visitors.php">Eminent Visitors</a> 697 <a href="Our_Partners.php">Our Partners</a> 698 </div> 699 700 <div class="mob-item has-sub" onclick="toggleMobSub('sub-admin',this)"> 701 <a>ð Administration</a><span class="mob-arr">â¾</span> 702 </div> 703 <div class="mob-sub" id="sub-admin"> 704 <a href="Rectors.php">Secretary</a> 705 <a href="principal-shc.php">Principal</a> 706 <a href="collegecouncils.php">College Council</a> 707 <a href="statutory_bodies.php">Statutory Bodies</a> 708 <a href="nonstatutory.php">Non-Statutory Bodies</a> 709 <a href="Organongram.php">Organogram</a> 710 <a href="RolesandResponsibilities.php">Roles & Responsibilities</a> 711 </div> 712 713 <div class="mob-item has-sub" onclick="toggleMobSub('sub-research',this)"> 714 <a>ð¬ Research</a><span class="mob-arr">â¾</span> 715 </div> 716 <div class="mob-sub" id="sub-research"> 717 <div class="mob-sub-title">Centres & Projects</div> 718 <a href="Researchcenter.php">Research Centre</a> 719 <a href="BIRCPT.php">BIRCPT</a> 720 <a href="Researchproject.php">Research Projects</a> 721 <a href="Onlinejournals.php">Online Journals</a> 722 <a href="Databaseofpublication.php">Database of Publication</a> 723 <a href="Intelectual_Property_Right.php">IPR Cell</a> 724 <a href="DatabaseofSupervisors.php">Database of Supervisors & Scholars</a> 725 <div class="mob-sub-title">Grants & Facilities</div> 726 <a href="DonBoscoResearchGrant.php">Don Bosco Research Grant</a> 727 <a href="Shcfellowships.php">Sacred Heart Fellowship</a> 728 <a href="Frcarrenoresearchgrant.php">Fr. Carreno Research Grant</a> 729 <a href="ResearchFacilities.php">Research Facilities</a> 730 <a href="Researchcell.php">Research Cell</a> 731 <a href="ResearchFundings.php">Research Fundings</a> 732 </div> 733 734 <div class="mob-item"> 735 <a href="course.php">ð Academics</a> 736 </div> 737 738 <div class="mob-item has-sub" onclick="toggleMobSub('sub-exam',this)"> 739 <a>ð Examination</a><span class="mob-arr">â¾</span> 740 </div> 741 <div class="mob-sub" id="sub-exam"> 742 <a href="examination.php">Examination</a> 743 <a href="RoleofCOE.php">Role of COE</a> 744 <a href="COENoticeBoard.php">Notice Board</a> 745 <a href="https://leapshc.org:8443/Results/">Results</a> 746 747 </div> 748 749 <div class="mob-item"> 750 <a href="http://www.shctpt.edu/IQAC/index.php">ð IQAC</a> 751 </div> 752 753 <div class="mob-item mob-naac-item"> 754 <a href="naac.php">â NAAC A++</a> 755 </div> 756 757 <!-- Admissions button --> 758 <div class="mob-admit-row"> 759 <a href="https://leapshc.org:8443/Admission/" class="mob-admit-btn" target="_blank">Admissions 2026</a> 760 </div> 761 762 <!-- Contact info --> 763 <div class="mob-contact"> 764 <i class="ti ti-phone" style="color:var(--green);vertical-align:middle;"></i> 765 <a href="tel:+914179220533">+91 417 922 0553</a><br> 766 <i class="ti ti-mail" style="color:#e36f82;vertical-align:middle;"></i> 767 <a href="mailto:[email protected]">[email protected]</a> 768 </div> 769 770</div><!-- /.mob-nav --> 771 772<!-- âJS -->
773<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
vendor: 2 bytes, line 773
773
774<script src="assets/js/popper.min.js"></script>
vendor: 2 bytes, line 774
774
775<script src="assets/js/bootstrap.min.js"></script>
vendor: 2 bytes, line 775
775
776<script src="assets/js/plugins.js"></script>
vendor: 2 bytes, line 776
776
777<script src="assets/js/main.js"></script>
vendor: 2 bytes, line 777
777
778<script> 779(function(){ 780 var topbar = document.getElementById('topbar'); 781 var header = document.getElementById('siteHeader'); 782 var ticking = false; 783 var scrolled = false; 784 785 function tbH(){ return topbar ? topbar.getBoundingClientRect().height : 37; } 786 function hdH(){ return header ? header.getBoundingClientRect().height : 100; } 787 788 function syncHeader(){ 789 if(!header) return; 790 if(!scrolled){ header.style.top = tbH() + 'px'; } 791 } 792 function syncBody(){ 793 document.body.style.paddingTop = (tbH() + hdH()) + 'px'; 794 } 795 function handleScroll(){ 796 var y = window.pageYOffset || document.documentElement.scrollTop; 797 if(y > tbH()){ 798 scrolled = true; 799 if(topbar){ topbar.classList.add('hidden'); } 800 if(header){ header.classList.add('at-top'); header.style.top = '0'; } 801 } else { 802 scrolled = false; 803 if(topbar){ topbar.classList.remove('hidden'); } 804 if(header){ header.classList.remove('at-top'); syncHeader(); } 805 } 806 ticking = false; 807 } 808 window.addEventListener('scroll', function(){ 809 if(!ticking){ requestAnimationFrame(handleScroll); ticking = true; } 810 },{passive:true}); 811 812 function init(){ syncHeader(); syncBody(); handleScroll(); } 813 requestAnimationFrame(function(){ requestAnimationFrame(init); }); 814 window.addEventListener('resize', function(){ syncHeader(); syncBody(); }); 815})(); 816 817function openMob(){ 818 document.getElementById('mNav').classList.add('open'); 819 document.getElementById('ov').classList.add('open'); 820 document.body.style.overflow = 'hidden'; 821} 822function closeMob(){ 823 document.getElementById('mNav').classList.remove('open'); 824 document.getElementById('ov').classList.remove('open'); 825 document.body.style.overflow = ''; 826} 827function toggleMobSub(subId, triggerEl){ 828 var sub = document.getElementById(subId); 829 if(!sub) return; 830 var isOpen = sub.classList.contains('open'); 831 document.querySelectorAll('.mob-sub.open').forEach(function(s){ s.classList.remove('open'); }); 832 document.querySelectorAll('.mob-item.open').forEach(function(i){ i.classList.remove('open'); }); 833 if(!isOpen){ sub.classList.add('open'); triggerEl.classList.add('open'); } 834} 835</script>
835 836 837<!-- 838 839<div class="breadcrumb-area"> 840 <div class="breadcrumb-top default-overlay bg-img pt-100 pb-95" style="background-image:url(assets/img/bg/naac.png);background-size: 100% 100%;"> 841 <div class="container"> 842 <h2>NAAC 5<sup>th</sup> Cycle</h2> 843 <p></p> 844 </div> 845 </div> 846 847</div> 848--> 849<div class="row"> </div> 850<div class="row single-choose-us choose-bg-blue"> 851 <div class="col-lg-12 col-md-12"> 852 <center> 853 <h7 class="hdesign" style="font-size:30px; font-weight:bold;color:yellow; line-height:5px; font-family: Calibri;"> 854 National Assessment and Accreditation Council (NAAC) - Fifth Cycle 855 </h7> 856 857 <br/> 858 </center> 859 </div> 860</div> 861<div class="row"> </div> 862 863 864 <div class="row"> 865 866 867 <div class="col-xl-2 col-lg-2"> 868 869 </div> 870 871 872 <div class="col-xl-8 col-lg-8"> 873 874 875 876 877 878 <div class="row justify-content-center"> 879 <div class="col-md-10"> 880 <div class="text-center naac-main-page-content-box"> 881 <div class="naac-main-title"> 882 883 <figure style="margin-top:-10%;"> 884 <img src="images/naaclogo.png" width="15%" height="25%" style="margin-left:0%;"/> 885 <figcaption class="success">5<sup>th</sup> Cycle</figcaption> 886 <div class="progress"> 887 <div class="progress-bar progress-bar-success progress-bar-striped active" style="width: 100%;"></div> 888 </div> 889 890 </figure> 891 </div> 892 <ul class="nacc-main-btn"> 893 <li><a href="https://www.shctpt.edu/iiqa.php">IIQA</a></li> 894 <li><a href="https://www.shctpt.edu/ssr.php">SSR</a></li> 895 <li><a href="https://www.shctpt.edu/criterion1.php">Supporting Documents</a></li><a href="https://www.shctpt.edu/criterion1.php"> 896 </a></ul><a href="https://www.shctpt.edu/criterion1.php"> 897 </a></div><a href="https://www.shctpt.edu/criterion1.php"> 898 </a></div><a href="https://www.shctpt.edu/criterion1.php"> 899 </a> 900 </div> 901 <a href="https://www.shctpt.edu/criterion1.php"></a> 902 903 904 905 906 907 908 </div> 909 910 911 912 <div class="col-xl-1 col-lg-1"> 913 </div> 914 915 916 </div> 917 918 919 920 921 922 </div> 923 924 <div class="row"> 925 <div class="col-xl-12 col-lg-12"> 926 927 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/> 928 929<footer class="shc-footer-modern"> 930 931<style> 932.shc-footer-modern{ 933 margin-top:70px; 934 background:#fff7ed; 935 color:#3D1119; 936 font-family:'DM Sans',Arial,sans-serif; 937} 938 939/* top */ 940.footer-campus{ 941 background:linear-gradient(135deg,#3D1119,#7A2434); 942 padding:48px 24px 90px; 943 text-align:center; 944 color:#fff; 945} 946 947.footer-campus img{ 948 width:82px; 949 height:102px; 950 object-fit:cover; 951 background:#fff; 952 padding:6px; 953 border-radius:22px;
954 margin:0 auto 16px; 955} 956 957.footer-campus h2{ 958 font-family:Georgia,serif; 959 color:#F5D06F; 960 font-size:2rem; 961 margin:0 0 8px; 962} 963 964.footer-campus p{ 965 max-width:720px; 966 margin:auto; 967 font-size:.9rem; 968 line-height:1.8; 969 color:#fff8e7; 970} 971 972/* white card */ 973.footer-box{ 974 max-width:1200px; 975 margin:-55px auto 0; 976 background:#fff; 977 border-radius:30px; 978 padding:34px; 979 box-shadow:0 24px 60px rgba(61,17,25,.18); 980 position:relative; 981 z-index:2; 982} 983 984.footer-grid{ 985 display:grid; 986 grid-template-columns:1.2fr 1fr 1fr 1.3fr; 987 gap:28px; 988} 989 990.footer-col h5{ 991 font-size:.78rem; 992 letter-spacing:.14em; 993 text-transform:uppercase; 994 color:#7A2434; 995 margin-bottom:18px; 996 padding-bottom:10px; 997 border-bottom:2px solid #D4AF37; 998} 999 1000.footer-links{ 1001 list-style:none; 1002 padding:0; 1003 margin:0; 1004} 1005 1006.footer-links li{ 1007 margin-bottom:10px; 1008} 1009 1010.footer-links a{ 1011 color:#67424a; 1012 text-decoration:none; 1013 font-size:.86rem; 1014 transition:.25s; 1015} 1016 1017.footer-links a:hover{ 1018 color:#B8860B; 1019 padding-left:7px; 1020} 1021 1022/* contact */ 1023.footer-contact-item{ 1024 display:flex; 1025 gap:12px; 1026 align-items:flex-start; 1027 margin-bottom:14px; 1028} 1029 1030.footer-icon{ 1031 width:42px; 1032 height:42px; 1033 border-radius:14px; 1034 background:#3D1119; 1035 color:#D4AF37; 1036 display:flex; 1037 align-items:center; 1038 justify-content:center; 1039 flex-shrink:0; 1040} 1041 1042.footer-contact-text{ 1043 font-size:.84rem; 1044 line-height:1.6; 1045 color:#5c3740; 1046} 1047 1048/* social */ 1049.footer-social{ 1050 display:flex; 1051 gap:10px; 1052 margin-top:20px; 1053} 1054 1055.footer-social a{ 1056 width:40px; 1057 height:40px; 1058 border-radius:50%; 1059 background:#3D1119; 1060 color:#fff; 1061 display:flex; 1062 align-items:center; 1063 justify-content:center; 1064 text-decoration:none; 1065 transition:.3s; 1066} 1067 1068.footer-social a:hover{ 1069 background:#D4AF37; 1070 color:#3D1119; 1071 transform:translateY(-4px); 1072} 1073 1074/* map */ 1075.footer-map{ 1076 overflow:hidden; 1077 border-radius:22px;
1078 border:1px solid rgba(61,17,25,.12); 1079} 1080 1081.footer-map iframe{ 1082 width:100%; 1083 height:210px; 1084 border:0; 1085 display:block; 1086} 1087 1088.footer-map-address{ 1089 background:#fff8e7; 1090 padding:11px 14px; 1091 font-size:.8rem; 1092 color:#3D1119; 1093 font-weight:600; 1094} 1095 1096/* bottom */ 1097.footer-bottom{ 1098 background:#3D1119; 1099 color:#fff8e7; 1100 margin-top:36px; 1101 padding:16px 24px; 1102} 1103 1104.footer-bottom-inner{ 1105 max-width:1200px; 1106 margin:auto; 1107 display:flex; 1108 justify-content:space-between; 1109 gap:12px; 1110 flex-wrap:wrap; 1111 font-size:.78rem; 1112} 1113 1114.footer-bottom strong, 1115.footer-bottom u{ 1116 color:#D4AF37; 1117} 1118 1119/* responsive */ 1120@media(max-width:1024px){ 1121 .footer-grid{ 1122 grid-template-columns:1fr 1fr; 1123 } 1124} 1125 1126@media(max-width:640px){ 1127 .footer-campus{ 1128 padding:38px 18px 78px; 1129 } 1130 1131 .footer-campus h2{ 1132 font-size:1.45rem; 1133 } 1134 1135 .footer-box{ 1136 margin:-45px 14px 0; 1137 padding:24px; 1138 border-radius:22px; 1139 } 1140 1141 .footer-grid{ 1142 grid-template-columns:1fr; 1143 } 1144 1145 .footer-map iframe{ 1146 height:170px; 1147 } 1148 1149 .footer-bottom-inner{ 1150 flex-direction:column; 1151 } 1152} 1153</style> 1154 1155<div class="footer-campus"> 1156 <img src="images/shc.jpeg" alt="SHC Logo"> 1157 <h2>Sacred Heart College</h2> 1158 <p>Autonomous · Tirupattur<br>Education for Life and Service â shaping minds, transforming futures since 1951.</p> 1159</div> 1160 1161<div class="footer-box"> 1162 <div class="footer-grid"> 1163 1164 <div class="footer-col"> 1165 <h5>Contact</h5> 1166 1167 <div class="footer-contact-item"> 1168 <div class="footer-icon"><i class="fa-solid fa-location-dot"></i></div> 1169 <div class="footer-contact-text">Tirupattur â 635601,<br>Tamil Nadu, India</div> 1170 </div> 1171 1172 <div class="footer-contact-item"> 1173 <div class="footer-icon"><i class="fa-solid fa-envelope"></i></div> 1174 <div class="footer-contact-text">[email protected]</div> 1175 </div> 1176 1177 <div class="footer-contact-item"> 1178 <div class="footer-icon"><i class="fa-solid fa-phone"></i></div> 1179 <div class="footer-contact-text">+91 417 922 0553</div> 1180 </div> 1181 1182 <div class="footer-social"> 1183 <a href="https://www.facebook.com/shctptsmc" target="_blank"><i class="fab fa-facebook-f"></i></a> 1184 <a href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube"></i></a> 1185 <a href="https://twitter.com/" target="_blank"><i class="fab fa-x-twitter"></i></a> 1186 <a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a> 1187 </div> 1188 </div> 1189 1190 <div class="footer-col"> 1191 <h5>Quick Links</h5> 1192 <ul class="footer-links"> 1193 <li><a href="index.php">Home</a></li> 1194 <li><a href="Introducing shc.php">About</a></li> 1195 <li><a href="Rectors.php">Administration</a></li> 1196 <li><a href="Research center.php">Research</a></li> 1197 </ul> 1198 </div> 1199 1200 <div class="footer-col"> 1201 <h5>Programmes</h5> 1202 <ul class="footer-links"> 1203 <li><a href="course.php">Arts</a></li> 1204 <li><a href="course.php">Science</a></li> 1205 <li><a href="course.php">AICTE</a></li> 1206 <li><a href="course.php">Skill</a></li> 1207 <li><a href="course.php">Others</a></li> 1208 </ul> 1209 </div> 1210 1211 <div class="footer-col"> 1212 <h5>Location</h5> 1213 <div class="footer-map"> 1214 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3895.203987464917!2d78.5672802151673!3d12.502634291164775!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bac5477791c6209%3A0xb2d10c9de806db50!2sSacred%20Heart%20College%20(Autonomous)!5e0!3m2!1sen!2sin!4v1624955995531!5m2!1sen!2sin" loading="lazy" allowfullscreen></iframe> 1215 <div class="footer-map-address">ð Tirupattur, Tamil Nadu 635601</div> 1216 </div> 1217 </div> 1218 1219 </div> 1220</div> 1221 1222<div class="footer-bottom"> 1223 <div class="footer-bottom-inner"> 1224 <div> 1225 Copyright © 2026 <strong>Sacred Heart College (Autonomous)</strong>. All Rights Reserved. Powered by <u>Data Centre.</u> 1226 </div> 1227 1228 </div> 1229</div> 1230 1231</footer> 1232</div> 1233</div> 1234<!-- JS 1235============================================ --> 1236 1237<!-- jQuery JS -->
1238<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
1238 1239<!-- Popper JS -->
1240<script src="assets/js/popper.min.js"></script>
1240 1241<!-- Bootstrap JS -->
1242<script src="assets/js/bootstrap.min.js"></script>
1242 1243<!-- Plugins JS -->
1244<script src="assets/js/plugins.js"></script>
1244 1245<!-- Ajax Mail -->
1246<script src="assets/js/ajax-mail.js"></script>
1246 1247<!-- Main JS -->
1248<script src="assets/js/main.js"></script>
1248 1249 1250 1251 1252 1253 1254<!-- JS 1255============================================ --> 1256 1257<!-- jQuery JS --> 1258
1259<script src="./NAAC_files/jquery-v2.2.4.min.js.download"></script>
vendor: 2 bytes, line 1259
1259
1260<script src="./NAAC_files/bootstrap.bundle.min.js.download"></script>
1260 1261
1262<script src="./NAAC_files/simpleLightbox.js.download"></script>
1262 1263
1264<script> 1265 $('.gallery-thumbnail a').simpleLightbox(); 1266</script>
vendor: 2 bytes, line 1266
1266
1267<script> 1268 $(document).on("click", "#hide-menu-btn", function() { 1269 var _this = $(this); 1270 let isToggle = _this.attr("data-toggle"); 1271 if (isToggle == "0") { 1272 _this.attr("data-toggle", 1); 1273 $("#side-hide-menu").removeClass("dNone"); 1274 $("#hide-menu-btn").addClass("close"); 1275 } else { 1276 _this.attr("data-toggle", 0); 1277 $("#side-hide-menu").addClass("dNone"); 1278 $("#hide-menu-btn").removeClass("close"); 1279 } 1280 }); 1281</script>
1281 1282 1283 1284
1285<script> 1286 var swiper = new Swiper(".requiters-swiper", { 1287 spaceBetween: 30, 1288 // slidesPerView: 6, 1289 loop: true, 1290 // centeredSlides: true, 1291 autoplay: { 1292 delay: 2500, 1293 disableOnInteraction: false, 1294 }, 1295 breakpoints: { 1296 0: { 1297 slidesPerView: 1, 1298 spaceBetween: 20, 1299 }, 1300 480: { 1301 slidesPerView: 2, 1302 spaceBetween: 30, 1303 }, 1304 768: { 1305 slidesPerView: 3, 1306 spaceBetween: 30, 1307 }, 1308 992: { 1309 slidesPerView: 6, 1310 spaceBetween: 30, 1311 }, 1312 }, 1313 1314 1315 }); 1316</script>
1316 1317 1318 1319 1320
1321<script> 1322 var swiper = new Swiper(".newsfeed-swiper", { 1323 slidesPerView: 3, 1324 loop: true, 1325 spaceBetween: 10, 1326 pagination: { 1327 el: ".swiper-pagination", 1328 clickable: true, 1329 }, 1330 1331 }); 1332</script>
1332 1333 1334 1335
1336<script> 1337 $(function() { 1338 $("#dl-menu").dlmenu({ 1339 animationClasses: { 1340 classin: "dl-animate-in-3", 1341 classout: "dl-animate-out-3", 1342 }, 1343 }); 1344 }); 1345</script>
1345 1346 1347 1348 1349</body> 1350 1351</html> 1352
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.