1 2<!DOCTYPE html> 3<html dir="ltr" lang="en"> 4<head> 5<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 5-6
5 6<script async src="https://www.googletagmanager.com/gtag/js?id=
6G-X4EXQZL4BX
vendor: 12 bytes, line 6
6"></script>
7<script> 8
vendor: 134 bytes, lines 8-12
8window.dataLayer = window.dataLayer || []; 9 function gtag(){dataLayer.push(arguments);} 10 gtag('js', new Date()); 11 12 gtag('config', '
12G-X4EXQZL4BX
vendor: 4 bytes, line 12
12');
13</script>
13 14 15<!-- Meta Tags --> 16<meta name="viewport" content="width=device-width,initial-scale=1.0"/> 17<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 18<meta name="description" content="St. Stephen's College"/> 19<meta name="keywords" content="St. Stephen's College University of Delhi"/> 20 21<!-- Page Title --> 22<title>Welcome to St. Stephen's College</title> 23 24<!-- Favicon and Touch Icons --> 25<link href="https://www.ststephens.edu/front_web/images/collegedata/favicon.png" rel="shortcut icon" type="image/png"> 26<link href="https://www.ststephens.edu/front_web/images/collegedata/apple-touch-icon.png" rel="apple-touch-icon"> 27<link href="https://www.ststephens.edu/front_web/images/collegedata/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72"> 28<link href="https://www.ststephens.edu/front_web/images/collegedata/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114"> 29<link href="https://www.ststephens.edu/front_web/images/collegedata/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144"> 30 31<!-- Stylesheet --> 32<link href="https://www.ststephens.edu/front_web/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 33 34<link href="https://www.ststephens.edu/front_web/css/mainpagev2.css" rel="stylesheet" type="text/css"> 35<link href="https://www.ststephens.edu/front_web/css/animate.min.css" rel="stylesheet" type="text/css"> 36<link href="https://www.ststephens.edu/front_web/css/javascript-plugins-bundle.css" rel="stylesheet"/> 37<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> 38<!-- CSS | menuzord megamenu skins --> 39<link href="https://www.ststephens.edu/front_web/js/menuzord/css/menuzord.css" rel="stylesheet"/> 40 41<!-- CSS | Main style file --> 42<link href="https://www.ststephens.edu/front_web/css/style-main.css" rel="stylesheet" type="text/css"> 43<link id="menuzord-menu-skins" href="https://www.ststephens.edu/front_web/css/menuzord-skins/menuzord-rounded-boxed.css" rel="stylesheet"/> 44 45<!-- CSS | Responsive media queries --> 46<link href="https://www.ststephens.edu/front_web/css/responsive.css" rel="stylesheet" type="text/css"> 47<!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. --> 48 49<!-- CSS | Theme Color --> 50<link href="https://www.ststephens.edu/front_web/css/colors/theme-skin-color-set55.css" rel="stylesheet" type="text/css"> 51 52<!-- external javascripts -->
53<script src="https://www.ststephens.edu/front_web/js/jquery.js"></script>
vendor: 1 bytes, line 53
53
54<script src="https://www.ststephens.edu/front_web/js/popper.min.js"></script>
vendor: 1 bytes, line 54
54
55<script src="https://www.ststephens.edu/front_web/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 55
55
56<script src="https://www.ststephens.edu/front_web/js/javascript-plugins-bundle.js"></script>
vendor: 1 bytes, line 56
56
57<script src="https://www.ststephens.edu/front_web/js/menuzord/js/menuzord.js"></script>
57 58 59<!-- REVOLUTION STYLE SHEETS --> 60<link rel="stylesheet" type="text/css" href="https://www.ststephens.edu/front_web/js/revolution-slider/css/rs6.css"> 61<link rel="stylesheet" type="text/css" href="https://www.ststephens.edu/front_web/js/revolution-slider/extra-rev-slider1.css"> 62<!-- REVOLUTION LAYERS STYLES --> 63<!-- REVOLUTION JS FILES -->
64<script src="https://www.ststephens.edu/front_web/js/revolution-slider/js/revolution.tools.min.js"></script>
vendor: 1 bytes, line 64
64
65<script src="https://www.ststephens.edu/front_web/js/revolution-slider/js/rs6.min.js"></script>
vendor: 1 bytes, line 65
65
66<script src="https://www.ststephens.edu/front_web/js/revolution-slider/extra-rev-slider1.js"></script>
66 67 68<!-- <link href="css/style.css" rel="stylesheet" type="text/css"> --> 69 70 71<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 72<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 73<!--[if lt IE 9]> 74
74<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
74 75
75<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
75 76<![endif]--> 77</head> 78<body class="tm-container-1300px has-side-panel side-panel-right"> 79<div class="side-panel-body-overlay"></div> 80<div id="side-panel-container" class="dark" data-tm-bg-img="https://www.ststephens.edu/front_web/images/side-push-bg.jpg"> 81 <div class="side-panel-wrap"> 82 <div id="side-panel-trigger-close" class="side-panel-trigger"><a href="#"><i class="fa fa-times side-panel-trigger-icon"></i></a></div> 83 <img class="logo mb-50" src="https://www.ststephens.edu/front_web/images/collegedata/logo.png" alt="Logo"> 84 <p>St. Stephen's College is a religious foundation drawing inspiration from the life and 85teachings of Jesus Christ. It aims at helping its members realise spiritual and moral as 86well as intellectual and aesthetic values.<br/><br/> 87Founded on 1 February 1881, St. Stephen's is the oldest college in Delhi. It was first 88affliated to Calcutta University, and later to Punjab University. Finally with the 89establishment of Delhi University in 1922, it became one of its three original constituent 90colleges. 91 92<br/> 93 <div class="btn-view-details" align="center"> <a href="#" class="btn btn-theme-colored1 btn-sm">Read More <i class="fa fa-angle-right"></i></a></div> 94</p> 95 96 97 <div class="widget"> 98 <h5 class="widget-title widget-title-line-bottom line-bottom-theme-colored1">Contact Info</h5> 99 <div class="tm-widget-contact-info contact-info-style1 contact-icon-theme-colored1"> 100 <ul> 101 <!--<li class="contact-name"> 102 <div class="icon"><i class="flaticon-contact-037-address"></i></div> 103 <div class="text">John Doe</div> 104 </li>----> 105 <li class="contact-phone"> 106 <div class="icon"><i class="flaticon-contact-042-phone-1"></i></div> 107 <div class="text"><a href="tel:+91-011-27662152">+91-O11-27667200</a></div> 108 </li> 109 <li class="contact-email"> 110 <div class="icon"><i class="flaticon-contact-043-email-1"></i></div> 111 <div class="text"><a href="mailto:[email protected]">[email protected]</a></div> 112 </li> 113 <li class="contact-address"> 114 <div class="icon"><i class="flaticon-contact-047-location"></i></div> 115 <div class="text">St Stephen's College, Sudhir Bose Marg, University Enclave, Delhi, 110007</div> 116 </li> 117 </ul> 118 </div> 119 </div> 120 </div> 121</div> 122 123<style> 124.header-top-nav li{ 125 margin:0 4px; 126} 127 128.header-top-nav li a{ 129 display:inline-block; 130 padding:6px 12px; 131 border-radius:20px; 132 color:#fff; 133 font-size:13px; 134 font-weight:600; 135 transition:0.3s; 136} 137 138.header-top-nav li a:hover{ 139 background:rgba(255,255,255,.15); 140 color:#ffc107; 141} 142 143.header-top-nav li a i{ 144 font-size:12px; 145} 146</style> 147 148 149 150 151 152<div id="wrapper" class="clearfix"> 153 <!-- Header --> 154 <header id="header" class="header header-layout-type-header-3rows header-nav-left"> 155 <div class="header-top"> 156 <div class="container"> 157 <div class="row"> 158 159 <!-- Left Side --> 160 <div class="col-xl-auto header-top-left align-self-center text-center text-xl-left"> 161 <ul class="element contact-info mb-0"> 162 <li class="contact-phone"> 163 <strong style="font-size:15px;"> 164 ACCREDITED BY NAAC WITH "A++" GRADE 165 </strong> 166 </li> 167 </ul> 168 </div> 169 170 <!-- Right Side --> 171 <div class="col-xl-auto ms-xl-auto header-top-right align-self-center text-center text-xl-right"> 172 173 <div class="element"> 174 175 <ul class="header-top-nav list-inline mb-0"> 176 177 <li class="menu-item"> 178 <a class="menu-item-link" href="https://www.ststephens.edu/accreditation/iqac"> 179 <i class="fas fa-award me-1"></i> IQAC 180 </a> 181 </li> 182 183 <li class="menu-item"> 184 <a class="menu-item-link" href="https://www.ststephens.edu/accreditation/naac"> 185 <i class="fas fa-certificate me-1"></i> NAAC 186 </a> 187 </li> 188 189 <li class="menu-item"> 190 <a class="menu-item-link" href="https://www.ststephens.edu/accreditation/nirf"> 191 <i class="fas fa-ranking-star me-1"></i> NIRF 192 </a> 193 </li> 194 195 <li class="menu-item"> 196 <a class="menu-item-link" 197 href="https://vt.ststephens.edu/" 198 target="_blank" 199 rel="noopener"> 200 <i class="fas fa-vr-cardboard me-1"></i> College Tour 201 </a> 202 </li> 203 204 <li class="menu-item"> 205 <a class="menu-item-link" href="https://www.ststephens.edu/programmes/time-table"> 206 <i class="fas fa-calendar-days me-1"></i> Time Table 207 </a> 208 </li> 209 210 <!-- NEW: E-Corner link, opens login-choice popup --> 211 <li class="menu-item"> 212 <a class="menu-item-link" href="#" data-bs-toggle="modal" data-bs-target="#eCornerModal" role="button"> 213 <i class="fas fa-right-to-bracket me-1"></i> E-Corner 214 </a> 215 </li> 216 217 </ul> 218 219 </div> 220 221 </div> 222 223 </div> 224 </div> 225</div> 226 <div class="header-middle"> 227 <div class="container"> 228 <div class="row"> 229 <div class="col-xl-auto align-self-center header-mid-left text-center text-xl-left"> 230 <a class="menuzord-brand site-brand" href="https://www.ststephens.edu/"> 231 <img class="logo-default logo-1x" src="https://www.ststephens.edu/front_web/images/collegedata/logo.png" alt="Logo"> 232 <img class="logo-default logo-2x retina" src="https://www.ststephens.edu/front_web/images/collegedata/logo.png" alt="Logo"> 233 </a> 234 </div> 235 <!---------<div class="col-xl-auto align-self-center ms-xl-auto header-mid-right text-center text-xl-right"> 236 <div class="header-mid-column3-container"> 237 <div class="row justify-content-md-center"> 238 <div class="col-md-auto element text-center text-md-start">
239 <a href="#" class="btn btn-outline-primary">Academic Management Portal</a> 240 241 </div> 242 <div class="col-md-auto element text-center text-md-start"> 243 <a href="#" class="btn btn-outline-success">Alumni Portal</a> 244 245 </div> 246 <div class="col-md-auto element text-center text-md-start"> 247 <a href="#" class="btn btn-outline-info">Admissions 2024</a> 248 </div> 249 </div> 250 </div> 251 </div>-----> 252 253 <div class="col-xl-auto align-self-center ms-xl-auto header-mid-right"> 254 255 <div class="d-flex flex-wrap justify-content-center gap-3"> 256 257 <a href="https://www.ststephens.edu/admissions/ug-admissions-2026" 258 class="btn btn-danger rounded-pill px-4 py-2 shadow-sm"> 259 <i class="fas fa-user-graduate me-2"></i> 260 UG Admissions 2026 261 </a> 262 263 <a href="https://www.ststephens.edu/admissions/cfl-admissions-2026" 264 class="btn btn-warning rounded-pill px-4 py-2 shadow-sm text-dark"> 265 <i class="fas fa-language me-2"></i> 266 CFL Admissions 2026 267 </a> 268 269 <a href="https://legacy.ststephens.edu" 270 target="_blank" 271 rel="noopener" 272 class="btn btn-secondary rounded-pill px-4 py-2 shadow-sm"> 273 <i class="fas fa-globe me-2"></i> 274 Old Website 275 </a> 276 277</div> 278 279</div> 280 </div> 281 </div> 282 </div> 283 284 <div class="header-nav tm-enable-navbar-hide-on-scroll"> 285 <div class="header-nav-wrapper navbar-scrolltofixed"> 286 <div class="menuzord-container header-nav-container" style="background-color: #0B2345;"> 287 <div class="container position-relative"> 288 <div class="row header-nav-col-row"> 289 <div class="col-sm-auto align-self-center"> 290 <nav id="top-primary-nav" class="menuzord theme-color2" data-effect="slide" data-animation="none" data-align="right"> 291 <ul id="main-nav" class="menuzord-menu"> 292 <li class="menu-item"> 293 <a href="https://www.ststephens.edu/">Home</a> 294 </li> 295 296 <li class="menu-item"><a href="#">About Us</a> 297 <ul class="dropdown"> 298 <li><a href="https://www.ststephens.edu/about/introduction"><i class="fa fa-angle-right"></i> Introduction</a></li> 299 <li><a href="https://www.ststephens.edu/about/vision-mission"><i class="fa fa-angle-right"></i> Vision and Mission</a></li> 300 <li><a href="https://www.ststephens.edu/about/history"><i class="fa fa-angle-right"></i> History</a></li> 301 <li><a href="https://www.ststephens.edu/about/visionaries"><i class="fa fa-angle-right"></i> Visionaries</a></li> 302 <li><a href="https://www.ststephens.edu/about/college-crest"><i class="fa fa-angle-right"></i> College Crest</a></li> 303 <li><a href="https://www.ststephens.edu/about/affiliatinguniversity"><i class="fa fa-angle-right"></i> Affiliating University</a></li> 304 </ul> 305 </li> 306 307 <li class="menu-item"><a href="#">Administration</a> 308 309 310 <ul class="dropdown"> 311 <li><a href="https://www.ststephens.edu/administration/supreme-council"><i class="fa fa-angle-right"></i> Supreme Council</a></li> 312 <li><a href="https://www.ststephens.edu/administration/governing-body"><i class="fa fa-angle-right"></i> Governing Body</a></li> 313 <li><a href="https://www.ststephens.edu/administration/chairman"><i class="fa fa-angle-right"></i> Chairman</a></li> 314 <li><a href="https://www.ststephens.edu/administration/principal"><i class="fa fa-angle-right"></i> Principal</a></li> 315 <li><a href="https://www.ststephens.edu/administration/bursar"><i class="fa fa-angle-right"></i> Bursar</a></li> 316 <li><a href="https://www.ststephens.edu/administration/senior-tutor"><i class="fa fa-angle-right"></i> Senior Tutor</a></li> 317 <li><a href="https://www.ststephens.edu/administration/dean-of-residence"><i class="fa fa-angle-right"></i> Dean of Residence</a></li> 318 <li><a href="https://www.ststephens.edu/administration/dean-of-academics"><i class="fa fa-angle-right"></i> Dean of Academics</a></li> 319 <li><a href="https://www.ststephens.edu/administration/dean-research"><i class="fa fa-angle-right"></i> Dean Research</a></li> 320 <li><a href="https://www.ststephens.edu/administration/pio"><i class="fa fa-angle-right"></i> Public Information Officer</a></li> 321 <li><a href="https://www.ststephens.edu/administration/dean-alumni-relations"><i class="fa fa-angle-right"></i> Alumni Office</a></li> 322 <li><a href="https://www.ststephens.edu/administration/special-assignments"><i class="fa fa-angle-right"></i> Special Assignments</a></li> 323 <li><a href="https://www.ststephens.edu/administration/advisors-to-societies"><i class="fa fa-angle-right"></i> Advisors to Societies</a></li> 324 325 <li><a href="https://www.ststephens.edu/administration/administrative-staff"><i class="fa fa-angle-right"></i> Administrative Staff</a></li> 326 </ul> 327 </li> 328 <li class="menu-item"> 329 <a href="#">Academics</a> 330 <div class="megamenu megamenu-fullwidth megamenu-position-left"> 331 <div class="megamenu-row"> 332 <div class="col3"> 333 <ul class="list-unstyled list-dashed"> 334 <li class="menu-item"> 335 <ul class="list-unstyled"> 336 <li> 337 <a class="tm-submenu-title" href="#">
338 <span>Programmes Details</span> 339 </a> 340 </li> 341 342 <li> 343 <a href="https://www.ststephens.edu/programmes/programmes-offered"> 344 <i class="fa fa-angle-right"></i> Programmes Offered 345 </a> 346 </li> 347 348 <li> 349 <a href="https://www.ststephens.edu/programmes/syllabi"> 350 <i class="fa fa-angle-right"></i> Syllabi 351 </a> 352 </li> 353 354 <li> 355 <a href="https://www.ststephens.edu/programmes/time-table"> 356 <i class="fa fa-angle-right"></i> Time Table 357 </a> 358 </li> 359 360 <li> 361 <a href="https://www.ststephens.edu/programmes/technical-staff"> 362 <i class="fa fa-angle-right"></i> Technical Staff 363 </a> 364 </li> 365 366 <li> 367 <a href="https://www.ststephens.edu/programmes/support-staff"> 368 <i class="fa fa-angle-right"></i> Support Staff 369 </a> 370 </li> 371 372 <li> 373 <a href="https://www.ststephens.edu/programmes/academic-calendar"> 374 <i class="fa fa-angle-right"></i> Academic Calendar 375 </a> 376 </li> 377 378 <li> 379 <a href="https://www.ststephens.edu/programmes/prizes-and-awards"> 380 <i class="fa fa-angle-right"></i> Prizes and Awards 381 </a> 382 </li> 383 </ul> 384 </li> 385 </ul> 386</div> 387 <div class="col3"> 388 <ul class="list-unstyled list-dashed"> 389 <li class="menu-item"> 390 <a class="tm-submenu-title" href="#"><span>Departments</span></a> 391 <ul class="list-unstyled"> 392 <li><a href="https://www.ststephens.edu/department/department-of-chemistry"><i class="fa fa-angle-right"></i> Chemistry</a></li> 393 394 <li><a href="https://www.ststephens.edu/department/department-of-computer-science"><i class="fa fa-angle-right"></i> Computer Science</a></li> 395 <li><a href="https://www.ststephens.edu/department/department-of-economics"><i class="fa fa-angle-right"></i> Economics</a></li> 396 397 <li><a href="https://www.ststephens.edu/department/department-of-english"><i class="fa fa-angle-right"></i> English</a></li> 398 399 <li><a href="https://www.ststephens.edu/department/department-of-hindi"><i class="fa fa-angle-right"></i> Hindi</a></li> 400 401 <li><a href="https://www.ststephens.edu/department/department-of-history"><i class="fa fa-angle-right"></i> History</a></li> 402 403 <li><a href="https://www.ststephens.edu/department/department-of-mathematics"><i class="fa fa-angle-right"></i> Mathematics</a></li> 404 405 <li><a href="https://www.ststephens.edu/department/department-of-philosophy"><i class="fa fa-angle-right"></i> Philosophy</a></li> 406 407 <li><a href="https://www.ststephens.edu/department/department-of-physical-education-and-sports-sciences"><i class="fa fa-angle-right"></i> Physical Education and Sports Sciences</a></li> 408 409 <li><a href="https://www.ststephens.edu/department/department-of-physics"><i class="fa fa-angle-right"></i> Physics</a></li> 410 411 <li><a href="https://www.ststephens.edu/department/department-of-political-science"><i class="fa fa-angle-right"></i> Political Science</a></li> 412 413 <li><a href="https://www.ststephens.edu/department/department-of-sanskrit"><i class="fa fa-angle-right"></i> Sanskrit</a></li> 414 415 <li><a href="https://www.ststephens.edu/department/department-of-urdu-persian"><i class="fa fa-angle-right"></i> Urdu and Persian</a></li> 416 417 <!------- <li><a href="https://www.ststephens.edu/department/library"><i class="fa fa-angle-right"></i> Library</a></li>------> 418 </ul> 419 </li> 420 </ul> 421</div> 422 <div class="col3"> 423 <ul class="list-unstyled list-dashed"> 424 <li class="menu-item"> 425 <a class="tm-submenu-title" href="#"><span>Centres for Excellence</span></a> 426 <ul class="list-unstyled"> 427 <li><a href="https://www.ststephens.edu/centres-for-excellence/centre-for-advanced-learning-scal"><i class="fa fa-angle-right"></i> Centre for Advanced Learning (SCAL)</a></li> 428 429 <li><a href="https://www.ststephens.edu/centres-for-excellence/centre-for-economic-research"><i class="fa fa-angle-right"></i> Centre for Economic Research</a></li> 430 431 <li><a href="https://www.ststephens.edu/centres-for-excellence/centre-for-experimental-physics"><i class="fa fa-angle-right"></i> Centre for Experimental Physics</a></li> 432 433 <li><a href="https://www.ststephens.edu/centres-for-excellence/centre-for-gender-culture-and-social-processes"><i class="fa fa-angle-right"></i> Centre for Gender Culture and Social Processes</a></li> 434 435 <li><a href="https://www.ststephens.edu/centres-for-excellence/centre-for-languages-cfl"><i class="fa fa-angle-right"></i> Centre for Languages (CFL)</a></li> 436 437 <li><a href="https://www.ststephens.edu/centres-for-excellence/centre-for-theoretical-physics"><i class="fa fa-angle-right"></i> Centre for Theoretical Physics</a></li> 438 439 <li><a href="https://www.ststephens.edu/centres-for-excellence/centre-for-translation-studies"><i class="fa fa-angle-right"></i> Centre for Translation Studies</a></li> 440 </ul> 441 </li> 442 </ul> 443</div> 444 <div class="col3"> 445 <ul class="list-unstyled list-dashed"> 446 <li class="menu-item"> 447 <a class="tm-submenu-title" href="#"><span>Research</span></a> 448 449 <ul class="list-unstyled"> 450 <li> 451 <a href="https://www.ststephens.edu/research/research-projects"> 452 <i class="fa fa-angle-right"></i> Research Projects 453 </a> 454 </li> 455 456 <li> 457 <a href="https://www.ststephens.edu/research/research-supervision"> 458 <i class="fa fa-angle-right"></i> Research Supervision 459 </a> 460 </li> 461 462 <li class="tm-submenu-title">
463 <span>Publications by Faculty</span> 464 </li> 465 466 <li> 467 <a href="https://www.ststephens.edu/research/research-publications"> 468 <i class="fa fa-angle-right"></i> Research Publications 469 </a> 470 </li> 471 472 <li> 473 <a href="https://www.ststephens.edu/research/books-published"> 474 <i class="fa fa-angle-right"></i> Books Published 475 </a> 476 </li> 477 478 <li class="tm-submenu-title"> 479 <a href="https://www.ststephens.edu/research/magazines-and-journals-by-societies"> 480 <span>Magazines and Journals by Societies</span> 481 </a> 482 </li> 483 </ul> 484 </li> 485 </ul> 486</div> 487 </div> 488 </div> 489 </li> 490 491 492 <li class="menu-item"> 493 <a href="#">Facilities</a> 494 <ul class="dropdown"> 495 <li><a href="https://www.ststephens.edu/facilities/library"><i class="fa fa-angle-right"></i> Library</a></li> 496 497 <li><a href="https://www.ststephens.edu/facilities/sports"><i class="fa fa-angle-right"></i> Sports</a></li> 498 499 <li><a href="https://www.ststephens.edu/facilities/chapel"><i class="fa fa-angle-right"></i> Chapel</a></li> 500 501 <li><a href="https://www.ststephens.edu/facilities/dining-hall"><i class="fa fa-angle-right"></i> Dining Hall</a></li> 502 503 <li><a href="https://www.ststephens.edu/facilities/irc"><i class="fa fa-angle-right"></i> IRC</a></li> 504 505 <li><a href="https://www.ststephens.edu/facilities/lcr"><i class="fa fa-angle-right"></i> LCR</a></li> 506 507 <li><a href="https://www.ststephens.edu/facilities/cafe"><i class="fa fa-angle-right"></i> Cafe</a></li> 508 509 <li><a href="https://www.ststephens.edu/facilities/banking"><i class="fa fa-angle-right"></i> Banking</a></li> 510 511 <li><a href="https://www.ststephens.edu/facilities/medical-facilities"><i class="fa fa-angle-right"></i> Medical Facilities</a></li> 512 513 <li><a href="https://www.ststephens.edu/facilities/equal-opportunity-cell"><i class="fa fa-angle-right"></i> Equal Opportunity Cell</a></li> 514 515 <li><a href="https://www.ststephens.edu/facilities/campus-placement-cell"><i class="fa fa-angle-right"></i> Campus Placement Cell</a></li> 516 </ul> 517</li> 518 519 520 521 <li class="menu-item"> 522 <a href="#">Statutes</a> 523 <ul class="dropdown"> 524 <li><a href="https://www.ststephens.edu/statutes/constitution"><i class="fa fa-angle-right"></i> Constitution</a></li> 525 526 <li><a href="https://www.ststephens.edu/statutes/finance-committee"><i class="fa fa-angle-right"></i> Finance Committee</a></li> 527 528 <li><a href="https://www.ststephens.edu/statutes/rti"><i class="fa fa-angle-right"></i> RTI</a></li> 529<!------- 530 <li><a href="https://www.ststephens.edu/statutes/grc"><i class="fa fa-angle-right"></i> GRC</a></li> 531 532 <li><a href="https://www.ststephens.edu/statutes/icc"><i class="fa fa-angle-right"></i> ICC</a></li>-----> 533 534 <li><a href="https://www.ststephens.edu/statutes/anti-ragging"><i class="fa fa-angle-right"></i> Anti Ragging</a></li> 535<!-------- 536 <li><a href="https://www.ststephens.edu/statutes/committees"><i class="fa fa-angle-right"></i> Committees</a></li> 537-------> 538 <li><a href="https://www.ststephens.edu/statutes/college-property-rules"><i class="fa fa-angle-right"></i> College Property Rules</a></li> 539 540 <li><a href="https://www.ststephens.edu/statutes/university-ordinances"><i class="fa fa-angle-right"></i> University Ordinances</a></li> 541 </ul> 542</li> 543 544 545 546 547 548 <li class="menu-item"> 549 <a href="#">Accreditation</a> 550 <ul class="dropdown"> 551 <li><a href="https://www.ststephens.edu/accreditation/iqac"><i class="fa fa-angle-right"></i> IQAC</a></li> 552 553 <li><a href="https://www.ststephens.edu/accreditation/naac"><i class="fa fa-angle-right"></i> NAAC</a></li> 554 555 <li><a href="https://www.ststephens.edu/accreditation/aishe"><i class="fa fa-angle-right"></i> AISHE</a></li> 556 557 <li><a href="https://www.ststephens.edu/accreditation/nirf"><i class="fa fa-angle-right"></i> NIRF</a></li> 558 559 <li><a href="https://www.ststephens.edu/accreditation/other-ranking"><i class="fa fa-angle-right"></i> Other Ranking</a></li> 560 </ul> 561</li> 562 563 <li class="menu-item"> 564 <a href="#">Gallery</a> 565 <ul class="dropdown"> 566 <li><a href="https://www.ststephens.edu/gallery/photos"><i class="fa fa-angle-right"></i> Photos</a></li> 567 568 <li><a href="https://www.ststephens.edu/gallery/videos"><i class="fa fa-angle-right"></i> Videos</a></li> 569 </ul> 570</li> 571 572 <li class="menu-item"> 573 <a href="#">Other Links</a> 574 <ul class="dropdown"> 575 <li> 576 <a href="https://www.ststephens.edu/other-links/download-forms"> 577 <i class="fa fa-angle-right"></i> Download Forms 578 </a> 579 </li> 580 </ul> 581</li> 582 583 </ul> 584 </nav> 585 </div> 586 <div class="col-sm-auto ms-auto align-self-center"> 587 <ul class="list-inline nav-side-icon-list"> 588 <li class="hidden-mobile-mode">
589 <div id="side-panel-trigger" class="side-panel-trigger"> 590 <a href="#" > 591 <div class="hamburger-box"> 592 <div class="hamburger-inner"></div> 593 </div> 594 </a> 595 </div> 596 </li> 597 </ul> 598 599 </div> 600 </div> 601 <div class="row d-block d-xl-none"> 602 <div class="col-12"> 603 <nav id="top-primary-nav-clone" class="menuzord d-block d-xl-none default menuzord-color-default menuzord-border-boxed menuzord-responsive" data-effect="slide" data-animation="none" data-align="right"> 604 <ul id="main-nav-clone" class="menuzord-menu menuzord-right menuzord-indented scrollable"> 605 </ul> 606 </nav> 607 </div> 608 </div> 609 </div> 610 </div> 611 </div> 612 </div> 613 </header> 614 615 616 <!-- NEW: E-Corner login-choice popup (Bootstrap 5 modal) --> 617 <div class="modal fade" id="eCornerModal" tabindex="-1" aria-labelledby="eCornerModalLabel" aria-hidden="true"> 618 <div class="modal-dialog modal-dialog-centered"> 619 <div class="modal-content"> 620 <div class="modal-header"> 621 <h5 class="modal-title" id="eCornerModalLabel">E-Corner Login</h5> 622 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 623 </div> 624 <div class="modal-body text-center py-4"> 625 626 <div class="d-flex flex-column flex-sm-row justify-content-center gap-3"> 627 <a href="https://apf.ststephens.edu/mp" target="_blank" class="btn btn-primary rounded-pill px-4 py-2"> 628 <i class="fas fa-user-tie me-2"></i> Staff Login 629 </a> 630 <a href="https://apf.ststephens.edu/" target="_blank" class="btn btn-outline-primary rounded-pill px-4 py-2"> 631 <i class="fas fa-user-graduate me-2"></i> Junior Member Login 632 </a> 633 </div> 634 </div> 635 </div> 636 </div> 637 </div> 638 <!-- End E-Corner modal --> 639 640 641 642 <!-- Start main-content --> 643 <div class="main-content-area"> 644 <!-- Section: home --> 645 <section id="home" class=""> 646 <div class="container-fluid p-0"> 647 <div class="row"> 648 <div class="col-md-12"> 649 <!-- START Home Slider REVOLUTION SLIDER 6.0.8 --> 650 <rs-module-wrap id="rev_slider_1_1_wrapper" data-alias="lovims-rev-slider" data-source="gallery" style="background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;height:500;"> 651 <rs-module id="rev_slider_1_1" style="display:none;" data-version="6.1.6"> 652 <rs-slides> 653 654 <rs-slide data-key="rs-1" data-title="Slide" data-thumb="https://www.ststephens.edu/front_web/images/collegedata/banner/ssc.jpg"> 655 <img src="https://www.ststephens.edu/front_web/images/collegedata/banner/ssc.jpg" title="rev-s4" width="1920" data-parallax="12" data-no-retina> 656 657 658 </rs-slide> 659 <rs-slide data-key="rs-27" data-title="Slide" data-thumb="https://www.ststephens.edu/front_web/images/collegedata/banner/cross.jpg" > 660 <img src="https://www.ststephens.edu/front_web/images/collegedata/banner/cross.jpg" title="rev-s3" width="1920" data-parallax="12" data-no-retina> 661 662 </rs-slide> 663 <rs-slide data-key="rs-28" data-title="Slide" data-thumb="https://www.ststephens.edu/front_web/images/collegedata/banner/corridor.jpg" > 664 <img src="https://www.ststephens.edu/front_web/images/collegedata/banner/corridor.jpg" title="rev-s2" width="1920" data-parallax="12" data-no-retina> 665 666 </rs-slide> 667 668 <rs-slide data-key="rs-29" data-title="Slide" data-thumb="https://www.ststephens.edu/front_web/images/collegedata/banner/chapel.jpg" > 669 <img src="https://www.ststephens.edu/front_web/images/collegedata/banner/chapel.jpg" title="rev-s2" width="1920" data-parallax="12" data-no-retina> 670 671 </rs-slide> 672 <rs-slide data-key="rs-44" data-title="Slide" data-thumb="https://www.ststephens.edu/front_web/images/collegedata/banner/banner44.jpg"> 673 <img src="https://www.ststephens.edu/front_web/images/collegedata/banner/banner44.jpeg" title="rev-s5" width="1920" data-parallax="12" data-no-retina> 674 675 676 </rs-slide> 677 678 679 680 </rs-slides> 681 682 </rs-module> 683 </rs-module-wrap> 684 <!-- END REVOLUTION SLIDER --> 685 </div> 686 </div> 687 </div> 688 </section> 689 690<!-------------spot light -------> 691 692 693 <style> 694.notice-bar { 695 display: flex; 696 align-items: center; 697 height: 45px; 698 background: #0B2345; 699 overflow: hidden; 700 box-shadow: 0 2px 8px rgba(0,0,0,.08); 701} 702 703/* Left Label */ 704.notice-label { 705 min-width: 220px; 706 height: 45px; 707 background: #D4A72C; 708 color: #fff; 709 display: flex; 710 align-items: center; 711 justify-content: center; 712 font-size: 15px; 713 font-weight: 600; 714 letter-spacing: .3px; 715} 716 717.notice-label i { 718 color: #081A33; 719 margin-right: 8px; 720} 721 722/* Right Scrolling Area */ 723.notice-wrapper { 724 flex: 1; 725 overflow: hidden; 726 white-space: nowrap; 727} 728 729.notice-track { 730 display: inline-block; 731 padding-left: 100%; 732 animation: ticker 35s linear infinite; 733} 734 735.notice-track:hover { 736 animation-play-state: paused; 737} 738 739.notice-item { 740 display: inline-flex; 741 align-items: center; 742 margin-right: 70px; 743 font-size: 15px; 744} 745 746.notice-item i { 747 color: #D4A72C; 748 font-size: 8px; 749 margin-right: 10px; 750} 751 752.notice-item a { 753 color: #fff; 754 text-decoration: none; 755} 756 757.notice-item a:hover { 758 color: #D4A72C; 759} 760 761@keyframes ticker { 762 from { 763 transform: translateX(0); 764 } 765 766 to { 767 transform: translateX(-100%); 768 } 769} 770 771/* NEW Badge */ 772.new-badge { 773 display: inline-block; 774 margin-left: 8px; 775 padding: 2px 6px; 776 font-size: 11px; 777 font-weight: bold; 778 color: #fff; 779 background: #8F1D2C; 780 border-radius: 10px; 781 animation: blink 1s infinite; 782} 783 784@keyframes blink { 785 50% { 786 opacity: 0; 787 } 788} 789</style> 790 791 <section class="notice-bar"> 792 793 <div class="notice-label"> 794 <i class="fas fa-bullhorn"></i>
795 <span>Latest Updates</span> 796 </div> 797 798 799 800 <div class="notice-wrapper"> 801 <div class="notice-track"> 802 <span class="notice-item"> 803 <i class="fas fa-circle"></i> 804 805 <a href="https://www.ststephens.edu/uploads/alumni-highlights/docs/1789981585_b6ba1dc918fbae3d7cab.pdf" > 806 Alumni Reunion 2026 </a> 807 808 809 </span> 810 <span class="notice-item"> 811 <i class="fas fa-circle"></i> 812 813 <a href="https://www.ststephens.edu/centres-for-excellence/centre-for-advanced-learning-scal-ai" > 814 Upcoming AI Workshops </a> 815 816 817 </span> 818 </div> 819 </div> 820 <!------------- 821 <div class="notice-wrapper"> 822 823 <div class="notice-track"> 824 825 <span class="notice-item"> 826 <i class="fas fa-circle"></i> 827 828 <a href="https://www.ststephens.edu/cfl/2026/Third-cut-off-List-Certificate-Course.pdf" target="_blank"> 829 CFL Third Merit List (Certificate Course) 830 </a> <span class="new-badge">NEW</span> 831 832 833 </span> 834 835 <span class="notice-item"> 836 <i class="fas fa-circle"></i> 837 838 <a href="#" data-bs-toggle="modal" data-bs-target="#principalModal"> 839 India Space Week 840 </a> <span class="new-badge">NEW</span> 841 842 843 </span> 844 845 846 847 848 849 </div> 850 851 </div> ---------> 852 853</section> 854 855 856<section class="hp-cards-section"> 857 <div class="container-fluid pt-20 pb-20"> 858 <div class="row g-4"> 859 860 <!-- General Notifications --> 861 <div class="col-lg-4"> 862 <div class="hp-card"> 863 <div class="hp-card-header hp-header-navy"> 864 <div class="hp-card-icon"><i class="fas fa-bell"></i></div> 865 <h4>General Notifications</h4> 866 <a href="https://www.ststephens.edu/general-notifications" class="hp-viewall">View All <i class="fas fa-arrow-right"></i></a> 867 </div> 868 <div class="hp-card-body"> 869 <a href="https://www.ststephens.edu/uploads/general-notifications/1790738098_b24f74948d97ba966512.pdf" target="_blank" class="hp-list-item "> 870 <div class="hp-list-icon"><i class="fas fa-file-pdf"></i></div> 871 <div class="hp-list-body"> 872 <div class="hp-list-title"> 873 Notice Inviting Quotation 874 875 </div> 876 <div class="hp-list-date">29 Sep 2026</div> 877 </div> 878 <div class="hp-list-arrow"><i class="fas fa-chevron-right"></i></div> 879 </a> 880 <a href="https://www.ststephens.edu/uploads/general-notifications/1787677900_8d6f2e2db6d5f21f5174.pdf" target="_blank" class="hp-list-item "> 881 <div class="hp-list-icon"><i class="fas fa-file-pdf"></i></div> 882 <div class="hp-list-body"> 883 <div class="hp-list-title"> 884 Academic Fee Bill (August 2026) 885 886 </div> 887 <div class="hp-list-date">18 Aug 2026</div> 888 </div> 889 <div class="hp-list-arrow"><i class="fas fa-chevron-right"></i></div> 890 </a> 891 <a href="https://www.ststephens.edu/general-notifications" class="hp-btn hp-btn-outline-maroon"> 892 View All <i class="fas fa-arrow-right"></i> 893 </a> 894 </div> 895 </div> 896</div> 897 <!-- Principal's Desk --> 898 <div class="col-lg-4"> 899 <div class="hp-card"> 900 <div class="hp-card-header hp-header-navy"> 901 <div class="hp-card-icon"><i class="fas fa-pen-nib"></i></div> 902 <h4>Principal's Desk</h4> 903 <a href="https://www.ststephens.edu/principalsdesk" class="hp-viewall">View All <i class="fas fa-arrow-right"></i></a> 904 </div> 905 <div class="hp-card-body"> 906 <h5 class="hp-welcome-title">Welcome to St. Stephen's College</h5> 907 <div class="hp-welcome-divider"><span></span><i class="fas fa-gem"></i><span></span></div> 908 909 910 911 <a href="https://www.ststephens.edu/uploads/Bishop-Commencement-Speech-July-27.pdf" target="_blank" class="hp-message-row"> 912 <i class="fas fa-chevron-right"></i>
913 <span class="hp-message-title">Chairman's Commencement Speech July 27</span> 914 <span class="hp-message-date">01 Aug 2026</span> 915 </a> 916 <a href="https://www.ststephens.edu/uploads/Principal-Commencement-Speech-July-27.pdf" target="_blank" class="hp-message-row"> 917 <i class="fas fa-chevron-right"></i> 918 <span class="hp-message-title">Principal's Commencement Speech July 27</span> 919 <span class="hp-message-date">01 Aug 2026</span> 920 </a> 921 922 <a href="https://www.ststephens.edu/principalsdesk" class="hp-btn hp-btn-maroon"> 923 Read All Messages <i class="fas fa-arrow-right"></i> 924 </a> 925 </div> 926 </div> 927 </div> 928 929 <!-- Alumni Highlights --> 930 <div class="col-lg-4"> 931 <div class="hp-card"> 932 <div class="hp-card-header hp-header-navy"> 933 <div class="hp-card-icon"><i class="fas fa-user-friends"></i></div> 934 <h4>Alumni Highlights</h4> 935 <a href="https://www.ststephens.edu/alumni-highlights" class="hp-viewall">View All <i class="fas fa-arrow-right"></i></a> 936 </div> 937 <div class="hp-card-body"> 938 <a href="https://www.ststephens.edu/uploads/alumni-highlights/docs/1789981585_b6ba1dc918fbae3d7cab.pdf" target="_blank" class="hp-alumni-row"> 939 <img src="https://www.ststephens.edu/front_web/images/logo-crest.png" alt="" class="hp-alumni-crest"> 940 <div> 941 <div class="hp-alumni-title"> 942 Alumni Reunion 2026 : 13 December 2026 <i class="fas fa-thumbtack hp-alumni-pin" title="Pinned"></i> </div> 943 <div class="hp-alumni-meta"> 944 Alumni Cell </div> 945 </div> 946 </a> 947 <a href="https://www.ststephens.edu/uploads/alumni-highlights/docs/1788348531_a1f6c24a5749c7e91014.pdf" target="_blank" class="hp-alumni-row"> 948 <img src="https://www.ststephens.edu/front_web/images/logo-crest.png" alt="" class="hp-alumni-crest"> 949 <div> 950 <div class="hp-alumni-title"> 951 Alumni Sponsorship Request <i class="fas fa-thumbtack hp-alumni-pin" title="Pinned"></i> </div> 952 </div> 953 </a> 954 <a href="https://www.ststephens.edu/alumni-highlights/alum-nishad-das-honoured-as-2026-global-educator-of-the-year" class="hp-alumni-row"> 955 <img src="https://www.ststephens.edu/uploads/alumni-highlights/1789981228_6d30d45bab460d174d4f.jpeg" alt="" class="hp-alumni-crest"> 956 <div> 957 <div class="hp-alumni-title"> 958 Alum Nishad Das Honoured as 2026 Global Educator of the Year </div> 959 <div class="hp-alumni-meta"> 960 Mr. Nishad Das · 1985 </div> 961 </div> 962 </a> 963 <a href="https://www.ststephens.edu/alumni-highlights/alumnus-prasenjit-k-basu-wins-inaugural-r-c-majumdar-prize" class="hp-alumni-row"> 964 <img src="https://www.ststephens.edu/uploads/alumni-highlights/1788778844_908290dbe36cbce61aeb.png" alt="" class="hp-alumni-crest"> 965 <div> 966 <div class="hp-alumni-title"> 967 Alumnus Prasenjit K. Basu Wins Inaugural R. C. Majumdar Prize </div> 968 <div class="hp-alumni-meta"> 969 Mr. Prasenjit K. Basu · 1986-89 </div> 970 </div> 971 </a> 972 <a href="https://www.ststephens.edu/alumni-highlights/stephanian-alumna-dr-mallika-singh-contributes-to-breakthrough-in-pancreatic-cancer-treatment" class="hp-alumni-row"> 973 <img src="https://www.ststephens.edu/uploads/alumni-highlights/1788158024_7cb96f3fcc159593097f.png" alt="" class="hp-alumni-crest"> 974 <div> 975 <div class="hp-alumni-title"> 976 Stephanian Alumna Dr. Mallika Singh Contributes to Breakthrough in Pancreatic Cancer Treatment </div> 977 <div class="hp-alumni-meta"> 978 Dr. Mallika Singh · Batch of 1987â90 </div> 979 </div> 980 </a> 981 <a href="https://www.ststephens.edu/alumni-highlights/alumnus-herbert-g-lyngdoh-awarded-presidents-police-medal-for-meritorious-service" class="hp-alumni-row"> 982 <img src="https://www.ststephens.edu/front_web/images/logo-crest.png" alt="" class="hp-alumni-crest"> 983 <div> 984 <div class="hp-alumni-title"> 985 Alumnus Herbert G. Lyngdoh Awarded Presidentâs Police Medal for Meritorious Service </div> 986 <div class="hp-alumni-meta"> 987 Herbert G. Lyngdoh · Class of 1998 </div> 988 </div> 989 </a> 990 991 <a href="https://www.ststephens.edu/alumni-highlights" class="hp-btn hp-btn-outline-maroon"> 992 Explore Alumni <i class="fas fa-arrow-right"></i> 993 </a> 994 </div> 995 </div> 996 </div> 997 </div> 998 </div> 999</section> 1000 1001 1002<section class="hp-cards-section pt-0"> 1003 <div class="container-fluid pt-20 pb-20"> 1004 <div class="row g-4"> 1005 1006 <!-- Student News --> 1007 <div class="col-lg-4"> 1008 <div class="hp-card"> 1009 <div class="hp-card-header hp-header-maroon"> 1010 <div class="hp-card-icon"><i class="fas fa-graduation-cap"></i></div> 1011 <h4>Student Achievements</h4> 1012 <a href="https://www.ststephens.edu/student-achievements" class="hp-viewall">View All <i class="fas fa-arrow-right"></i></a> 1013 </div> 1014 <div class="hp-card-body"> 1015 <a href="https://www.ststephens.edu/student-achievements/gurveer-singh-wins-bronze-at-the-world-junior-squash-championships-2026" class="hp-photo-row"> 1016 <img src="https://www.ststephens.edu/uploads/student-achievements/1787251509_22a9c3c02f0df55cb3ac.jpg" alt=""> 1017 <div> 1018 <div class="hp-photo-title">Gurveer Singh Wins Bronze at the World Junior Squash Championships 2026</div> 1019 <div class="hp-photo-date">21 Aug 2026</div> 1020 </div> 1021 </a> 1022 <a href="https://www.ststephens.edu/student-achievements/bhoomi-anand-represents-india-at-the-asian-science-camp-2026" class="hp-photo-row"> 1023 <img src="https://www.ststephens.edu/uploads/student-achievements/1787250731_60ccdf470f7b8a9a34c6.jpeg" alt=""> 1024 <div> 1025 <div class="hp-photo-title">Bhoomi Anand Represents India at the Asian Science Camp 2026</div> 1026 <div class="hp-photo-date">21 Aug 2026</div> 1027 </div> 1028 </a> 1029 <a href="https://www.ststephens.edu/student-achievements/adya-singh-wins-the-nice-2026-national-championship" class="hp-photo-row"> 1030 <img src="https://www.ststephens.edu/uploads/student-achievements/1787250259_1df92f2f763fbfa4c1ce.jpg" alt=""> 1031 <div> 1032 <div class="hp-photo-title">Adya Singh Wins the NICE 2026 National Championship</div> 1033 <div class="hp-photo-date">20 Aug 2026</div> 1034 </div> 1035 </a> 1036 </div> 1037 </div> 1038 </div> 1039 1040 <!-- Faculty News --> 1041 <div class="col-lg-4"> 1042 <div class="hp-card"> 1043 <div class="hp-card-header hp-header-maroon"> 1044 <div class="hp-card-icon"><i class="fas fa-chalkboard-teacher"></i></div> 1045 <h4>Faculty News</h4> 1046 <a href="https://www.ststephens.edu/faculty-achievements" class="hp-viewall">View All <i class="fas fa-arrow-right"></i></a> 1047 </div> 1048 <div class="hp-card-body"> 1049 <a href="https://www.ststephens.edu/faculty-achievements/celebrating-ms-sangeeta-luthra-sharma-a-cherished-teacher-and-mentor" class="hp-photo-row"> 1050 <img src="https://www.ststephens.edu/uploads/faculty/1788185207_d6ed216f286d0453accd.jpg" alt=""> 1051 <div> 1052 <div class="hp-photo-title">Celebrating Ms. Sangeeta Luthra Sharma: A Cherished Teacher and Mentor</div> 1053 <div class="hp-photo-date">31 Aug 2026</div> 1054 </div> 1055 </a> 1056 <a href="https://www.ststephens.edu/faculty-achievements/prof-pankaj-kumar-mishra-publishes-book-on-indian-traditions-of-debate-and-reasoning" class="hp-photo-row"> 1057 <img src="https://www.ststephens.edu/uploads/faculty/1787675274_d156e03c2cdb01e5e0cf.jpg" alt=""> 1058 <div> 1059 <div class="hp-photo-title">Prof. Pankaj Kumar Mishra Publishes Book on Indian Traditions of Debate and Reasoning</div> 1060 <div class="hp-photo-date">25 Aug 2026</div> 1061 </div> 1062 </a> 1063 <a href="https://www.ststephens.edu/faculty-achievements/mr-sujay-john-at-the-ai-for-good-summit-2026-in-geneva" class="hp-photo-row"> 1064 <img src="https://www.ststephens.edu/uploads/faculty/1785924096_3fb699b00a7a5fb8aaa3.jpg" alt=""> 1065 <div> 1066 <div class="hp-photo-title">Mr. Sujay John at the AI For Good Summit 2026 in Geneva</div> 1067 <div class="hp-photo-date">05 Aug 2026</div> 1068 </div> 1069 </a> 1070 <a href="https://www.ststephens.edu/faculty-achievements/dr-benston-john-presented-research-at-the-world-congress-of-environment-and-resource-economists-wcere-2026" class="hp-photo-row"> 1071 <img src="https://www.ststephens.edu/uploads/faculty/1785922816_025dadf9bcf9dec9d830.jpeg" alt=""> 1072 <div> 1073 <div class="hp-photo-title">Dr. Benston John presented research at the World Congress of Environment and Resource Economists (WCERE 2026)</div> 1074 <div class="hp-photo-date">03 Aug 2026</div> 1075 </div> 1076 </a> 1077 </div> 1078 </div> 1079 </div> 1080 <!-- College Events --> 1081 <div class="col-lg-4"> 1082 <div class="hp-card"> 1083 <div class="hp-card-header hp-header-maroon"> 1084 <div class="hp-card-icon"><i class="fas fa-calendar-alt"></i></div> 1085 <h4>College News & Events</h4> 1086 <a href="https://www.ststephens.edu/college-events" class="hp-viewall">View All <i class="fas fa-arrow-right"></i></a> 1087 </div> 1088 <div class="hp-card-body"> 1089 <a href="https://www.ststephens.edu/college-events/introductory-workshop-on-complex-systems" class="hp-event-row"> 1090 <div class="hp-event-date">
1091 <span class="day">19</span> 1092 <span class="month">Oct</span> 1093 </div> 1094 <div> 1095 <div class="hp-event-title"> INTRODUCTORY WORKSHOP ON COMPLEX SYSTEMS</div> 1096 <div class="hp-event-meta"> 1097 19 Oct 2026 – 24 Oct 2026 </div> 1098 </div> 1099 </a> 1100 <a href="https://www.ststephens.edu/college-events/anubhav-karn-elected-sus-president-for-ay-202627" class="hp-event-row"> 1101 <div class="hp-event-date"> 1102 <span class="day">14</span> 1103 <span class="month">Sep</span> 1104 </div> 1105 <div> 1106 <div class="hp-event-title">Anubhav Karn Elected SUS President for AY 2026â27</div> 1107 <div class="hp-event-meta"> 1108 14 Sep 2026 </div> 1109 </div> 1110 </a> 1111 <a href="https://www.ststephens.edu/college-events/tharangam-2026-onam-at-st-stephens" class="hp-event-row"> 1112 <div class="hp-event-date"> 1113 <span class="day">03</span> 1114 <span class="month">Sep</span> 1115 </div> 1116 <div> 1117 <div class="hp-event-title">Tharangam 2026: Onam at St. Stephenâs</div> 1118 <div class="hp-event-meta"> 1119 03 Sep 2026 </div> 1120 </div> 1121 </a> 1122 <a href="https://www.ststephens.edu/college-events/a-space-to-gather-connect-and-belong-the-refurbished-jcr-opens-its-doors-to-students" class="hp-event-row"> 1123 <div class="hp-event-date"> 1124 <span class="day">02</span> 1125 <span class="month">Sep</span> 1126 </div> 1127 <div> 1128 <div class="hp-event-title">A Space to Gather, Connect and Belong: The Refurbished JCR Opens Its Doors to Students</div> 1129 <div class="hp-event-meta"> 1130 02 Sep 2026 </div> 1131 <div class="hp-event-venue"><i class="fas fa-map-marker-alt"></i> Junior Combination Room</div> 1132 </div> 1133 </a> 1134 <a href="https://www.ststephens.edu/college-events/celebrating-mr-arun-kumar-at-the-heart-of-the-colleges-computational-journey" class="hp-event-row"> 1135 <div class="hp-event-date">
1136 <span class="day">31</span> 1137 <span class="month">Aug</span> 1138 </div> 1139 <div> 1140 <div class="hp-event-title">Celebrating Mr. Arun Kumar: At the Heart of the Collegeâs Computational Journey</div> 1141 <div class="hp-event-meta"> 1142 31 Aug 2026 </div> 1143 </div> 1144 </a> 1145 <a href="https://www.ststephens.edu/college-events/celebrating-mr-rajan-43-years-of-exemplary-service-to-st-stephens-college" class="hp-event-row"> 1146 <div class="hp-event-date"> 1147 <span class="day">31</span> 1148 <span class="month">Aug</span> 1149 </div> 1150 <div> 1151 <div class="hp-event-title">Celebrating Mr. Rajan: 43 Years of Exemplary Service to St. Stephenâs College</div> 1152 <div class="hp-event-meta"> 1153 31 Aug 2026 </div> 1154 </div> 1155 </a> 1156 </div> 1157 </div> 1158 </div> 1159 1160 </div> 1161 </div> 1162</section> 1163 1164 <!------------spot light section end ---------> 1165 1166 1167 1168 1169 1170 1171 1172 1173<!-- Quick Access Section --> 1174<section class="quick-access-section"> 1175 <div class="container-fluid" style="padding-top: 30px;"> 1176 1177 1178 1179 <div class="section-title text-center mb-5"> 1180 1181<h2>Important Links</h2> 1182 1183</div> 1184 1185 <div class="row g-4"> 1186 1187 <div class="col-lg-3 col-md-4 col-6"> 1188 <a href="https://www.ststephens.edu/department" class="quick-card"> 1189 <i class="fas fa-building-columns"></i> 1190 <span>Departments</span> 1191 </a> 1192 </div> 1193 1194 <div class="col-lg-3 col-md-4 col-6"> 1195 <a href="https://www.ststephens.edu/faculty" class="quick-card"> 1196 <i class="fas fa-chalkboard-user"></i> 1197 <span>Faculty</span> 1198 </a> 1199 </div> 1200 1201 <div class="col-lg-3 col-md-4 col-6"> 1202 <a href="https://www.ststephens.edu/college-societies" class="quick-card"> 1203 <i class="fas fa-users"></i> 1204 <span>Societies</span> 1205 </a> 1206 </div> 1207 1208 1209 1210 <div class="col-lg-3 col-md-4 col-6"> 1211 <a href="https://www.ststephens.edu/" class="quick-card"> 1212 <i class="fas fa-user-graduate"></i> 1213 <span>Admissions</span> 1214 </a> 1215 </div> 1216 1217 <div class="col-lg-3 col-md-4 col-6"> 1218 <a href="https://www.ststephens.edu/programmes/programmes-offered" class="quick-card"> 1219 <i class="fas fa-book-open"></i> 1220 <span>Programmes</span> 1221 </a> 1222 </div> 1223 1224 1225 1226 1227 1228 <div class="col-lg-3 col-md-4 col-6"> 1229 <a href="https://www.ststephens.edu/programmes/academic-calendar" class="quick-card"> 1230 <i class="fas fa-calendar-days"></i> 1231 <span>Academic Calendar</span> 1232 </a> 1233 </div> 1234 1235 <div class="col-lg-3 col-md-4 col-6"> 1236 <a href="https://www.ststephens.edu/faculty-achievements" class="quick-card"> 1237 <i class="fas fa-trophy"></i>
1238 <span>Faculty Achievements</span> 1239 </a> 1240 </div> 1241 1242 1243 1244 <div class="col-lg-3 col-md-4 col-6"> 1245 <a href="https://www.ststephens.edu/" class="quick-card"> 1246 <i class="fas fa-briefcase"></i> 1247 <span>Placement Cell</span> 1248 </a> 1249 </div> 1250 1251 <div class="col-lg-3 col-md-4 col-6"> 1252 <a href="https://www.ststephens.edu/accreditation/naac" class="quick-card"> 1253 <i class="fas fa-award"></i> 1254 <span>NAAC</span> 1255 </a> 1256 </div> 1257 1258 <div class="col-lg-3 col-md-4 col-6"> 1259 <a href="https://www.ststephens.edu/" class="quick-card"> 1260 <i class="fas fa-microscope"></i> 1261 <span>Research</span> 1262 </a> 1263 </div> 1264 1265 <div class="col-lg-3 col-md-4 col-6"> 1266 <a href="https://www.ststephens.edu/other-links/download-forms" class="quick-card"> 1267 <i class="fas fa-download"></i> 1268 <span>Downloads</span> 1269 </a> 1270 </div> 1271 1272 <div class="col-lg-3 col-md-4 col-6"> 1273 <a href="https://www.ststephens.edu/" class="quick-card"> 1274 <i class="fas fa-eye"></i> 1275 <span>Vision 2050</span> 1276 </a> 1277 </div> 1278 1279 </div> 1280 1281 </div> 1282</section> 1283 1284 1285 1286 <!-- Section: Depertment --> 1287 <section class="bg-white-f5 " > 1288 <div class="container-fluid pt-20 pb-20"> 1289 1290 <div class="section-content"> 1291 <div class="row"> 1292 <div class="col-md-12"> 1293 <div class="tm-sc-departments tm-sc-departments-tab"> 1294 <ul class="nav nav-tabs"> 1295 <li class="active"> 1296 <a href="#tab-9007-18557" class="active show" data-bs-toggle="tab"> 1297 <i class="fas fa-building"></i> 1298 <span>Centres</span> 1299 </a> 1300 </li> 1301 1302 <li> 1303 <a href="#tab-9007-16994" data-bs-toggle="tab"> 1304 <i class="fas fa-users"></i> 1305 <span>Societies</span> 1306 </a> 1307 </li> 1308 1309 <li> 1310 <a href="#tab-9007-16992" data-bs-toggle="tab"> 1311 <i class="fas fa-flask"></i> 1312 <span>ISR</span> 1313 </a> 1314 </li> 1315 1316 <li> 1317 <a href="#tab-9007-16991" data-bs-toggle="tab"> 1318 <i class="fas fa-award"></i> 1319 <span>IQAC</span> 1320 </a> 1321 </li> 1322 1323 <li> 1324 <a href="#tab-9007-18559" data-bs-toggle="tab"> 1325 <i class="fas fa-laptop-code"></i> 1326 <span>E-CORNER</span> 1327 </a> 1328 </li> 1329</ul> 1330 <div class="tab-content"> 1331 <div class="tab-pane fade in active show" id="tab-9007-18557"> 1332 <div class="row"> 1333 1334 <div class="col-lg-5"> 1335 <div class="thumb"> <img width="550" height="550" src="https://www.ststephens.edu/front_web/images/collegedata/residence.jpg" class="img-fullwidth" alt="images"/></div> 1336 </div> 1337 <div class="col-lg-6"> 1338 <div class="departments-excerpt"> 1339 <h3 class="title">Centres</h3> 1340 <div class="excerpt"> 1341 <div class="row mt-30"> 1342 <div class="col-md-6"> 1343 <div class="mb-15"> <a href="admissions/cfl-admissions-2026" type="button" class="btn btn-outline-primary">Centre for Languages (CFL)</a></div> 1344 <div class="mb-15"> <a href="centres-for-excellence/centre-for-economic-research" type="button" class="btn btn-outline-success">Centre for Economic Research</a></div> 1345 <div class="mb-15"> <a href="centres-for-excellence/centre-for-theoretical-physics" type="button" class="btn btn-outline-warning">Centre for Theoretical Physics</a></div> 1346 <div class="mb-15"><a href="centres-for-excellence/centre-for-translation-studies" type="button" class="btn btn-outline-info">Centre for Translation Studies</a></div> 1347 1348 </div> 1349 1350 <div class="col-md-6"> 1351 <div class="mb-15"> <a href="centres-for-excellence/centre-for-advanced-learning-scal" type="button" class="btn btn-outline-secondary">Centre for Advanced Learning (SCAL)</a></div> 1352 <div class="mb-15"> <a href="centres-for-excellence/centre-for-experimental-physics" type="button" class="btn btn-outline-danger">Centre for Experimental Physics</a></div> 1353 <div class="mb-15"> <a href="centres-for-excellence/centre-for-gender-culture-and-social-processes" type="button" class="btn btn-outline-dark">Centre for Gender Culture and Social Processes</a></div> 1354 1355 </div> 1356 1357 </div> 1358 </div> 1359 </div> 1360 1361 </div> 1362 </div> 1363 </div> 1364 <div class="tab-pane fade" id="tab-9007-16994"> 1365 <div class="row"> 1366 <div class="col-lg-5"> 1367 <div class="thumb"> <img width="550" height="550" src="https://www.ststephens.edu/front_web/images/collegedata/residence.jpg" class="img-fullwidth" alt="images"/></div> 1368 </div> 1369 <div class="col-lg-6"> 1370 <div class="departments-excerpt"> 1371 <h3 class="title">Societies</h3> 1372 <div class="excerpt"> 1373 <p>The College has several societies, clubs and forums that are integral to the vision of âwholesome educationâ 1374that underlies the uniqueness of St. Stephen's College. The various multi-faceted activities of over fifty clubs, 1375societies and forums constitute a very important part of College life and offer a variety of avenues for self- 1376expression.</p> 1377 <p>There are several subject-societies which organize discipline related academic events. In addition, there are 1378societies of general interest which provide students an opportunity for interdisciplinary and cultural activities. 1379Junior members from all disciplines are encouraged to attend events organized under the auspices of various 1380societies.</p> 1381 1382 </div> 1383 </div> 1384 <div class="btn-view-details"> <a href="college-societies" class="btn btn-theme-colored1 btn-sm"> View Societies </a></div> 1385 </div> 1386 </div> 1387 </div> 1388 <div class="tab-pane fade" id="tab-9007-16992"> 1389 <div class="row"> 1390 <div class="col-lg-5"> 1391 <div class="thumb"> <img width="550" height="550" src="https://www.ststephens.edu/front_web/images/collegedata/residence.jpg" class="img-fullwidth" alt="images"/></div> 1392 </div> 1393 <div class="col-lg-6"> 1394 <div class="departments-excerpt"> 1395 <h3 class="title">Instutional Social Responsibility</h3> 1396 <div class="excerpt"> 1397 <div class="row mt-30"> 1398 <div class="col-md-12"> 1399 <div class="mb-15"> <a href="#" type="button" class="btn btn-success">The Social Service League</a></div> 1400 <div class="mb-15"> <a href="#" type="button" class="btn btn-info">Engaging with Unequal india</a></div> 1401 <div class="mb-15"> <a href="#" type="button" class="btn btn-primary">Citizenship and Cultural Richness</a></div> 1402 </div> 1403 1404 </div> 1405 </div> 1406 </div> 1407 1408 </div> 1409 </div> 1410 </div> 1411 <div class="tab-pane fade" id="tab-9007-16991"> 1412 <div class="row"> 1413 <div class="col-lg-5"> 1414 <div class="thumb"> <img width="550" height="550" src="https://www.ststephens.edu/front_web/images/collegedata/residence.jpg" class="img-fullwidth" alt="images"/></div> 1415 </div> 1416 <div class="col-lg-6"> 1417 <div class="departments-excerpt"> 1418 <h3 class="title">Internal Quality Assurance Cell (IQAC)</h3> 1419 <div class="excerpt"> 1420 <div class="row mt-30"> 1421 <div class="col-md-6"> 1422 <div class="mb-15"> <a href="accreditation/iqac" type="button" class="btn btn-primary">IQAC</a></div> 1423 1424 </div> 1425 <div class="col-md-6"> 1426 1427 </div> 1428 </div> 1429 </div> 1430 </div> 1431 1432 </div> 1433 </div> 1434 </div> 1435 <div class="tab-pane fade" id="tab-9007-18559"> 1436 <div class="row"> 1437 <div class="col-lg-5"> 1438 <div class="thumb"> <img width="550" height="550" src="https://www.ststephens.edu/front_web/images/collegedata/residence.jpg" class="img-fullwidth" alt="images"/></div> 1439 </div> 1440 <div class="col-lg-6"> 1441 <div class="departments-excerpt"> 1442 <h3 class="title">E-Corner</h3> 1443 <div class="excerpt"> 1444 <div class="row mt-30"> 1445 <div class="col-md-6"> 1446 <div class="mb-15"> <a href="https://apf.ststephens.edu/mp" type="button" class="btn btn-primary" target="_blank">Staff Login</a></div> 1447 <div class="mb-15"> <a href="https://apf.ststephens.edu" type="button" class="btn btn-success" target="_blank">Junior's Member Login</a></div> 1448 </div> 1449 <div class="col-md-6"> 1450 <div class="mb-15"> <a href="#" type="button" class="btn btn-primary">Timetable</a></div> 1451 <div class="mb-15"> <a href="#" type="button" class="btn btn-dark">Stephen's Mail</a></div> 1452 <div class="mb-15"> <a href="#" type="button" class="btn btn-info">Download Forms</a></div> 1453 </div> 1454 </div> 1455 </div> 1456 </div> 1457 1458 </div> 1459 </div> 1460 </div> 1461 </div> 1462 </div> 1463 </div> 1464 1465 1466 </div> 1467 </div> 1468 </div> 1469 </section> 1470 <!-- End Divider --> 1471 1472 1473 <!-- Section: Divider --> 1474 1475 1476 1477 1478<section class="facility-section"> 1479 1480<div class="container-fluid" style="padding-top: 30px;"> 1481 1482<div class="section-title text-center mb-5"> 1483 1484<h2>Campus Facilities</h2> 1485 1486 1487</div> 1488 1489<div id="facilityCarousel" class="carousel slide" data-bs-ride="carousel"> 1490 1491<div class="carousel-inner"> 1492 1493<!-- Slide 1 --> 1494 1495<div class="carousel-item active"> 1496 1497<div class="row g-4"> 1498 1499<div class="col-lg-3 col-md-6"> 1500 1501<div class="card facility-card"> 1502 1503<img src="https://www.ststephens.edu/front_web/images/collegedata/library1.jpg"> 1504 1505<div class="card-body"> 1506 1507<h5>Library</h5> 1508 1509<a href="facilities/library">Explore <i class="fas fa-arrow-right"></i></a> 1510 1511</div> 1512 1513</div> 1514 1515</div> 1516 1517<div class="col-lg-3 col-md-6"> 1518 1519<div class="card facility-card"> 1520 1521<img src="https://www.ststephens.edu/front_web/images/collegedata/sports1.jpg"> 1522 1523<div class="card-body"> 1524 1525<h5>Sports</h5> 1526 1527<a href="facilities/sports">Explore <i class="fas fa-arrow-right"></i></a> 1528 1529</div> 1530 1531</div> 1532 1533</div> 1534 1535<div class="col-lg-3 col-md-6"> 1536 1537<div class="card facility-card"> 1538 1539<img src="https://www.ststephens.edu/front_web/images/collegedata/residence1.jpg"> 1540 1541<div class="card-body"> 1542 1543<h5>Residence</h5> 1544 1545<a href="facilities/residence">Explore <i class="fas fa-arrow-right"></i></a> 1546 1547</div> 1548 1549</div> 1550 1551</div> 1552 1553<div class="col-lg-3 col-md-6"> 1554 1555<div class="card facility-card"> 1556 1557<img src="https://www.ststephens.edu/front_web/images/collegedata/chapel.jpg"> 1558 1559<div class="card-body"> 1560 1561<h5>Chapel</h5> 1562 1563<a href="facilities/chapel">Explore <i class="fas fa-arrow-right"></i></a> 1564 1565</div> 1566 1567</div> 1568 1569</div> 1570 1571</div> 1572 1573</div> 1574 1575<!-- Slide 2 --> 1576 1577<div class="carousel-item"> 1578 1579<div class="row g-4"> 1580 1581<div class="col-lg-3 col-md-6"> 1582 1583<div class="card facility-card"> 1584 1585<img src="https://www.ststephens.edu/front_web/images/collegedata/dining1.jpg"> 1586 1587<div class="card-body"> 1588 1589<h5>Dining Hall</h5> 1590 1591<a href="facilities/dining-hall">Explore <i class="fas fa-arrow-right"></i></a> 1592 1593</div> 1594 1595</div> 1596 1597</div> 1598 1599<div class="col-lg-3 col-md-6"> 1600 1601<div class="card facility-card"> 1602 1603<img src="https://www.ststephens.edu/uploads/facilities/ircimg.jpg"> 1604 1605<div class="card-body"> 1606 1607<h5>Internet Resource Centre</h5> 1608 1609<a href="facilities/irc">Explore <i class="fas fa-arrow-right"></i></a> 1610 1611</div> 1612 1613</div> 1614 1615</div> 1616 1617<div class="col-lg-3 col-md-6"> 1618 1619<div class="card facility-card"> 1620 1621<img src="https://www.ststephens.edu/front_web/images/collegedata/sbi.jpg"> 1622 1623<div class="card-body"> 1624 1625<h5>Banking</h5> 1626 1627<a href="facilities/banking">Explore <i class="fas fa-arrow-right"></i></a> 1628 1629</div> 1630 1631</div> 1632 1633</div> 1634 1635<div class="col-lg-3 col-md-6"> 1636 1637<div class="card facility-card"> 1638 1639<img src="https://www.ststephens.edu/front_web/images/collegedata/placementcell.jpg"> 1640 1641<div class="card-body"> 1642 1643<h5>Placement Cell</h5> 1644 1645<a href="#">Explore <i class="fas fa-arrow-right"></i></a> 1646 1647</div> 1648 1649</div> 1650 1651</div> 1652 1653</div> 1654 1655</div> 1656 1657<!-- Slide 3 --> 1658 1659<div class="carousel-item"> 1660 1661<div class="row g-4"> 1662 1663<div class="col-lg-3 col-md-6"> 1664 1665<div class="card facility-card"> 1666 1667<img src="https://www.ststephens.edu/uploads/facilities/dispensary.jpg"> 1668 1669<div class="card-body"> 1670 1671<h5>Medical Facilities</h5> 1672 1673<a href="facilities/medical-facilities">Explore <i class="fas fa-arrow-right"></i></a> 1674 1675</div> 1676 1677</div> 1678 1679</div> 1680 1681 1682<div class="col-lg-3 col-md-6"> 1683 1684<div class="card facility-card"> 1685
1686<img src="https://www.ststephens.edu/uploads/facilities/CAFE_OUTDOOR.jpg"> 1687 1688<div class="card-body"> 1689 1690<h5>Cafe</h5> 1691 1692<a href="facilities/cafe">Explore <i class="fas fa-arrow-right"></i></a> 1693 1694</div> 1695 1696</div> 1697 1698</div> 1699 1700<!-------- 1701<div class="col-lg-3 col-md-6"> 1702 1703<div class="card facility-card"> 1704 1705<img src="https://www.ststephens.edu/front_web/images/collegedata/library.jpg"> 1706 1707<div class="card-body"> 1708 1709<h5>Equal Opportunity Cell</h5> 1710 1711<a href="#">Explore <i class="fas fa-arrow-right"></i></a> 1712 1713</div> 1714 1715</div> 1716 1717</div> 1718 1719<div class="col-lg-3 col-md-6"> 1720 1721<div class="card facility-card"> 1722 1723<img src="https://www.ststephens.edu/front_web/images/collegedata/lcr.jpg"> 1724 1725<div class="card-body"> 1726 1727<h5>Ladies Common Room</h5> 1728 1729<a href="#">Explore <i class="fas fa-arrow-right"></i></a> 1730 1731</div> 1732 1733</div> 1734 1735</div>----------> 1736 1737</div> 1738 1739</div> 1740 1741</div> 1742 1743<button class="carousel-control-prev" type="button" data-bs-target="#facilityCarousel" data-bs-slide="prev"> 1744 1745<span class="carousel-control-prev-icon"></span> 1746 1747</button> 1748 1749<button class="carousel-control-next" type="button" data-bs-target="#facilityCarousel" data-bs-slide="next"> 1750 1751<span class="carousel-control-next-icon"></span> 1752 1753</button> 1754 1755</div> 1756 1757</div> 1758 1759</section> 1760 1761 1762 1763 1764 1765<!-- Photo & Video Gallery --> 1766<section class="shadow-lg p-2 mb-2 bg-body rounded"> 1767 1768 <div class="container-fluid pt-4 pb-4"> 1769 1770 <div class="row"> 1771 1772 <!-- ================= PHOTOS ================= --> 1773 1774 <div class="col-lg-6 mb-4"> 1775 1776 <div class="card border-0 shadow-sm h-100"> 1777 1778 <div class="card-header text-white" 1779 style="background:#0B2345;"> 1780 1781 <h4 class="mb-0" style="color:white;"> 1782 <i class="fas fa-images me-2"></i> 1783 Campus Photos 1784 </h4> 1785 1786 </div> 1787 1788 <div class="card-body p-2"> 1789 1790 <div class="tm-owl-carousel-1col" 1791 data-dots="true" 1792 data-nav="true"> 1793 1794 <div class="item"> 1795 <img src="https://www.ststephens.edu/front_web/images/collegedata/demophoto/1a.jpg" 1796 class="img-fluid rounded" 1797 alt=""> 1798 </div> 1799 1800 <div class="item"> 1801 <img src="https://www.ststephens.edu/front_web/images/collegedata/demophoto/1.jpg" 1802 class="img-fluid rounded" 1803 alt=""> 1804 </div> 1805 1806 <div class="item"> 1807 <img src="https://www.ststephens.edu/front_web/images/collegedata/demophoto/2.jpg" 1808 class="img-fluid rounded" 1809 alt=""> 1810 </div> 1811 1812 <div class="item"> 1813 <img src="https://www.ststephens.edu/front_web/images/collegedata/demophoto/3.jpg" 1814 class="img-fluid rounded" 1815 alt=""> 1816 </div> 1817 1818 <div class="item"> 1819 <img src="https://www.ststephens.edu/front_web/images/collegedata/demophoto/4.jpg" 1820 class="img-fluid rounded" 1821 alt=""> 1822 </div> 1823 1824 <div class="item"> 1825 <img src="https://www.ststephens.edu/front_web/images/collegedata/demophoto/5.jpg" 1826 class="img-fluid rounded" 1827 alt=""> 1828 </div> 1829 1830 </div> 1831 1832 </div> 1833 1834 </div> 1835 1836 </div> 1837 1838 <!-- ================= VIDEOS ================= --> 1839 1840 <div class="col-lg-6 mb-4"> 1841 1842 <div class="card border-0 shadow-sm h-100"> 1843 1844 <div class="card-header text-white" 1845 style="background:#0B2345;"> 1846 1847 <h4 class="mb-0" style="color:white;"> 1848 <i class="fas fa-video me-2"></i> 1849 Campus Videos 1850 </h4> 1851 1852 </div> 1853 1854 <div class="card-body p-2"> 1855 1856 <div class="tm-owl-carousel-1col" 1857 data-dots="true" 1858 data-nav="true"> 1859 1860 <!-- Video 1 --> 1861 1862 <div class="item"> 1863 1864 <div class="position-relative"> 1865 1866 <img src="https://www.ststephens.edu/front_web/images/collegedata/demophoto/n1.jpg" 1867 class="img-fluid rounded" 1868 alt=""> 1869 1870 <button class="btn btn-danger rounded-circle position-absolute top-50 start-50 translate-middle" 1871 data-bs-toggle="modal" 1872 data-bs-target="#videoModal" 1873 data-video="https://www.youtube.com/embed/YOUR_VIDEO_ID1"> 1874 1875 <i class="fas fa-play"></i> 1876 1877 </button> 1878 1879 </div> 1880 1881 </div> 1882 1883 <!-- Video 2 --> 1884 1885 <div class="item"> 1886 1887 <div class="position-relative"> 1888 1889 <img src="https://www.ststephens.edu/front_web/images/collegedata/demophoto/n2.jpg" 1890 class="img-fluid rounded" 1891 alt=""> 1892 1893 <button class="btn btn-danger rounded-circle position-absolute top-50 start-50 translate-middle" 1894 data-bs-toggle="modal" 1895 data-bs-target="#videoModal" 1896 data-video="https://www.youtube.com/embed/YOUR_VIDEO_ID2"> 1897 1898 <i class="fas fa-play"></i> 1899 1900 </button> 1901 1902 </div> 1903 1904 </div> 1905 1906 <!-- Video 3 --> 1907 1908 <div class="item"> 1909 1910 <div class="position-relative"> 1911 1912 <img src="https://www.ststephens.edu/front_web/images/collegedata/demophoto/n3.jpg" 1913 class="img-fluid rounded" 1914 alt=""> 1915 1916 <button class="btn btn-danger rounded-circle position-absolute top-50 start-50 translate-middle" 1917 data-bs-toggle="modal" 1918 data-bs-target="#videoModal" 1919 data-video="https://www.youtube.com/embed/YOUR_VIDEO_ID3"> 1920 1921 <i class="fas fa-play"></i> 1922 1923 </button> 1924 1925 </div> 1926 1927 </div> 1928 1929 </div> 1930 1931 </div> 1932 1933 </div> 1934 1935 </div> 1936 1937 </div> 1938 1939 </div> 1940 1941</section> 1942 1943<!-- Bootstrap Video Modal --> 1944 1945<div class="modal fade" 1946 id="videoModal" 1947 tabindex="-1"> 1948 1949 <div class="modal-dialog modal-xl modal-dialog-centered"> 1950 1951 <div class="modal-content"> 1952 1953 <div class="modal-header"> 1954 1955 <h5 class="modal-title" style="color:white;"> 1956 1957 Campus Video 1958 1959 </h5> 1960 1961 <button class="btn-close" 1962 data-bs-dismiss="modal"></button> 1963 1964 </div> 1965 1966 <div class="modal-body p-0"> 1967 1968 <div class="ratio ratio-16x9"> 1969 1970 <iframe id="videoFrame" 1971 src="" 1972 allowfullscreen></iframe> 1973 1974 </div> 1975 1976 </div> 1977 1978 </div> 1979 1980 </div> 1981 1982</div> 1983
1984<script> 1985 1986const videoModal=document.getElementById('videoModal'); 1987 1988videoModal.addEventListener('show.bs.modal',function(event){ 1989 1990let button=event.relatedTarget; 1991 1992let video=button.getAttribute('data-video'); 1993 1994document.getElementById('videoFrame').src=video; 1995 1996}); 1997 1998videoModal.addEventListener('hidden.bs.modal',function(){ 1999 2000document.getElementById('videoFrame').src=''; 2001 2002}); 2003 2004</script>
2004 2005 2006 2007 2008 <!-- Start Divider --> 2009 <div class="section-content section-typo-light"> 2010 <div class="row row-o-equal-height"> 2011 <div class="bg-theme-colored1 col-sm-4"> 2012 <div class="tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored1 icon-position-icon-left p-30"> 2013 <div class="icon-box-wrapper"> 2014 <a class="icon icon-type-font-icon icon-default text-white"> <i class="flaticon-contact-025-world font-size-48"></i> </a> 2015 <div class="icon-text"> 2016 <h5 class="icon-box-title mt-0"> Address</h5> 2017 <div class="content"> 2018 <p>St Stephen's College, Sudhir Bose Marg, University Enclave, Delhi, 110007</p> 2019 </div> 2020 </div> 2021 <div class="clearfix"></div> 2022 </div> 2023 </div> 2024 </div> 2025 <div class="bg-theme-colored2 col-sm-4"> 2026 <div class="tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored1 icon-position-icon-left p-30"> 2027 <div class="icon-box-wrapper"> 2028 <a class="icon icon-type-font-icon icon-default text-white"> <i class="flaticon-contact-043-email-1 font-size-48"></i> </a> 2029 <div class="icon-text"> 2030 <h5 class="icon-box-title mt-0"> Email</h5> 2031 <div class="content"> 2032 <p>[email protected]</p> 2033 </div> 2034 </div> 2035 <div class="clearfix"></div> 2036 </div> 2037 </div> 2038 </div> 2039 <div class="bg-theme-colored1 col-sm-4"> 2040 <div class="tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored1 icon-position-icon-left p-30"> 2041 <div class="icon-box-wrapper"> 2042 <a class="icon icon-type-font-icon icon-default text-white"> <i class="flaticon-contact-044-call-1 font-size-48"></i> </a> 2043 <div class="icon-text"> 2044 <h5 class="icon-box-title mt-0"> Phone No</h5> 2045 <div class="content"> 2046 <p>+91 011-27667200</p> 2047 </div> 2048 </div> 2049 <div class="clearfix"></div> 2050 </div> 2051 </div> 2052 </div> 2053 </div> 2054 </div> 2055 <!-- End Divider --> 2056 2057 2058 2059 2060 </div> 2061 <!-- end main-content --> 2062 2063 2064<!-- Footer --> 2065<footer id="footer" class="footer"> 2066 <div class="footer-widget-area"> 2067 <div class="container pt-90 pb-60"> 2068 <div class="row"> 2069 <div class="col-md-6 col-lg-6 col-xl-3"> 2070 <div class="tm-widget-contact-info contact-info-style1 contact-icon-theme-colored1"> 2071 <div class="thumb"> 2072 <img alt="Logo" src="https://www.ststephens.edu/front_web/images/collegedata/Koush-Line-Art2.png"> 2073 </div> 2074 <div class="description"></div> 2075 </div> 2076 <ul class="styled-icons icon-dark icon-theme-colored1 icon-rounded clearfix"> 2077 <li><a class="social-link" href="#" ><i class="fab fa-facebook"></i></a></li> 2078 <li><a class="social-link" href="#" ><i class="fab fa-twitter"></i></a></li> 2079 <li><a class="social-link" href="#" ><i class="fab fa-youtube"></i></a></li> 2080 <li><a class="social-link" href="#" ><i class="fab fa-instagram"></i></a></li> 2081 </ul> 2082 </div> 2083 2084 <div class="col-md-6 col-lg-6 col-xl-3"> 2085 <div class="widget widget_nav_menu"> 2086 <h4 class="widget-title widget-title-line-bottom line-bottom-theme-colored1">Administration</h4> 2087 <ul> 2088 <li><a href="https://www.ststephens.edu/administration/supreme-council">Supreme Council</a></li> 2089 <li><a href="https://www.ststephens.edu/administration/governing-body">Governing Body</a></li> 2090 <li><a href="https://www.ststephens.edu/administration/chairman">Chairman</a></li> 2091 <li><a href="https://www.ststephens.edu/administration/principal">Principal</a></li> 2092 <li><a href="https://www.ststephens.edu/administration/bursar">Bursar</a></li> 2093 <li><a href="https://www.ststephens.edu/administration/dean-of-residence">Dean of Residence</a></li> 2094 <li><a href="https://www.ststephens.edu/administration/senior-tutor">Senior Tutor</a></li> 2095 <li><a href="https://www.ststephens.edu/administration/dean-of-academics">Dean of Academics</a></li> 2096 <li><a href="https://www.ststephens.edu/administration/pio">Public Information Officer</a></li> 2097 <li><a href="https://www.ststephens.edu/administration/special-assignments">Special Assignments</a></li> 2098 <li><a href="https://www.ststephens.edu/administration/administrative-staff">Administrative Staff</a></li> 2099</ul> 2100 </div> 2101 </div> 2102 <div class="col-md-6 col-lg-6 col-xl-3"> 2103 <div class="widget widget_nav_menu"> 2104 <h4 class="widget-title widget-title-line-bottom line-bottom-theme-colored1">Academics</h4> 2105 <ul> 2106 <li><a href="https://www.ststephens.edu/academics/programmes-offered">Programmes Offered</a></li> 2107 <li><a href="https://www.ststephens.edu/academics/syllabi">Syllabi</a></li> 2108 <li><a href="https://www.ststephens.edu/academics/departments">Departments</a></li> 2109 <li><a href="https://www.ststephens.edu/academics/technical-support-staff">Technical & Support Staff</a></li> 2110 <li><a href="https://www.ststephens.edu/academics/academic-calendar">Academic Calendar</a></li> 2111 <li><a href="https://www.ststephens.edu/academics/prizes-and-awards">Prizes and Awards</a></li> 2112</ul> 2113 </div> 2114 </div> 2115 2116 <div class="col-md-6 col-lg-6 col-xl-3"> 2117 <div class="widget widget_nav_menu"> 2118 <h4 class="widget-title widget-title-line-bottom line-bottom-theme-colored1">Facilities</h4> 2119 <ul> 2120 <li><a href="https://www.ststephens.edu/facilities/library">Library</a></li> 2121 <li><a href="https://www.ststephens.edu/facilities/sports">Sports</a></li> 2122 <li><a href="https://www.ststephens.edu/facilities/chapel">Chapel</a></li> 2123 <li><a href="https://www.ststephens.edu/facilities/dining-hall">Dining Hall</a></li> 2124 <li><a href="https://www.ststephens.edu/facilities/irc">IRC</a></li> 2125 <li><a href="https://www.ststephens.edu/facilities/lcr">LCR</a></li> 2126 <li><a href="https://www.ststephens.edu/facilities/cafe">Cafe</a></li> 2127 <li><a href="https://www.ststephens.edu/facilities/banking">Banking</a></li> 2128 <li><a href="https://www.ststephens.edu/facilities/medical-facilities">Medical Facilities</a></li> 2129 <li><a href="https://www.ststephens.edu/facilities/equal-opportunity-cell">Equal Opportunity Cell</a></li> 2130 <li>
2130<a href="https://www.ststephens.edu/facilities/campus-placement-cell">Campus Placement Cell</a></li> 2131</ul> 2132 </div> 2133 </div> 2134 2135 2136 2137 2138 2139 2140 </div> 2141 </div> 2142 <div class="footer-bottom" data-tm-bg-color="#2A2A2A"> 2143 <div class="container"> 2144 <div class="row pt-20 pb-20"> 2145 <div class="col-sm-6"> 2146 <div class="footer-paragraph"> 2147 © 2026 St. Stephen's College. All Rights Reserved. 2148 </div> 2149 </div> 2150 <div class="col-sm-6"> 2151 <div class="footer-paragraph text-right"> 2152 Designed & Developed by the <strong>IT Department</strong>, St. Stephen's College 2153 </div> 2154 </div> 2155 </div> 2156 </div> 2157 </div> 2158 </div> 2159 </footer> 2160 <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a> 2161</div> 2162<!-- end wrapper --> 2163 2164<!-- Footer Scripts --> 2165<!-- JS | Custom script for all pages -->
2166<script src="https://www.ststephens.edu/front_web/js/custom.js"></script>
2166 2167
2168<script> 2169document.addEventListener('keydown', function (e) { 2170 2171 // F12 2172 if (e.key === 'F12') { 2173 e.preventDefault(); 2174 } 2175 2176 // Ctrl+Shift+I 2177 if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === 'i') { 2178 e.preventDefault(); 2179 } 2180 2181 // Ctrl+Shift+J 2182 if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === 'j') { 2183 e.preventDefault(); 2184 } 2185 2186 // Ctrl+Shift+C 2187 if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === 'c') { 2188 e.preventDefault(); 2189 } 2190 2191 // Ctrl+U (View Source) 2192 if (e.ctrlKey && e.key.toLowerCase() === 'u') { 2193 e.preventDefault(); 2194 } 2195 2196 // Ctrl+S 2197 if (e.ctrlKey && e.key.toLowerCase() === 's') { 2198 e.preventDefault(); 2199 } 2200}); 2201</script>
2201 2202
2203<script> 2204document.addEventListener('contextmenu', function (e) { 2205 e.preventDefault(); 2206}); 2207</script>
2207 2208 2209 2210</body> 2211</html> 2212<div class="modal fade" id="principalModal" tabindex="-1"> 2213 <div class="modal-dialog modal-lg modal-dialog-centered"> 2214 <div class="modal-content"> 2215 2216 <div class="modal-header"> 2217 <h5 class="modal-title">India Space Week</h5> 2218 <button type="button" class="btn-close" 2219 data-bs-dismiss="modal"></button> 2220 </div> 2221 2222 <div class="modal-body text-center"> 2223 2224 <img src="https://www.ststephens.edu/uploads/india-space-week.jpeg" 2225 class="img-fluid rounded mb-3" alt="India Space Week"> 2226 2227 2228in 2229 </div> 2230 2231 </div> 2232 </div> 2233</div> 2234 2235 2236<!-- Auto Show Modal -->
2237<script> 2238document.addEventListener("DOMContentLoaded", function () { 2239 const modal = new bootstrap.Modal(document.getElementById("admissionExtensionModal")); 2240 modal.show(); 2241}); 2242</script>
2242 2243 2244<style> 2245:root{ 2246 --hp-navy:#12233d; 2247 --hp-maroon:#7a1f2b; 2248 --hp-gold:#c9a227; 2249 --hp-gold-dark:#a8841e; 2250 --hp-cream:#faf5ee; 2251 --hp-ink:#33302b; 2252 --hp-line:#eee6d8; 2253} 2254 2255/* Ticker */ 2256.hp-ticker{ 2257 display:flex; 2258 align-items:stretch; 2259 background:var(--hp-cream); 2260 border:1px solid var(--hp-line); 2261 border-radius:10px; 2262 overflow:hidden; 2263 margin:20px auto; 2264 max-width:1600px; 2265 box-shadow:0 4px 14px rgba(18,35,61,.06); 2266} 2267.hp-ticker-label{ 2268 background:var(--hp-gold); 2269 color:#fff; 2270 display:flex; 2271 align-items:center; 2272 gap:10px; 2273 padding:14px 22px; 2274 font-weight:700; 2275 font-size:15px; 2276 letter-spacing:.02em; 2277 white-space:nowrap; 2278} 2279.hp-ticker-wrapper{ flex:1; overflow:hidden; white-space:nowrap; display:flex; align-items:center; } 2280.hp-ticker-track{ display:inline-block; padding-left:100%; animation:hp-scroll 32s linear infinite; } 2281.hp-ticker-track:hover{ animation-play-state:paused; } 2282.hp-ticker-item{ display:inline-flex; align-items:center; margin-right:40px; font-size:14.5px; } 2283.hp-ticker-item a{ color:var(--hp-ink); text-decoration:none; font-weight:500; } 2284.hp-ticker-item a:hover{ color:var(--hp-gold-dark); } 2285.hp-ticker-new{ 2286 display:inline-block; background:var(--hp-maroon); color:#fff; font-size:10px; font-weight:700; 2287 padding:2px 7px; border-radius:4px; margin-left:8px; 2288} 2289.hp-ticker-viewall{ 2290 display:flex; align-items:center; gap:6px; padding:14px 22px; 2291 color:var(--hp-maroon); font-weight:700; font-size:14px; text-decoration:none; white-space:nowrap; 2292 border-left:1px solid var(--hp-line); 2293} 2294.hp-ticker-viewall:hover{ color:var(--hp-navy); } 2295@keyframes hp-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-100%); } } 2296 2297/* Cards */ 2298.hp-cards-section{ padding:20px 0; } 2299.hp-card{ 2300 background:#fff; border-radius:10px; overflow:hidden; height:100%; 2301 box-shadow:0 4px 16px rgba(18,35,61,.08); 2302 display:flex; flex-direction:column; 2303} 2304.hp-card-header{ 2305 display:flex; align-items:center; gap:14px; padding:16px 20px; color:#fff; 2306} 2307.hp-header-navy{ background:var(--hp-navy); } 2308.hp-header-maroon{ background:var(--hp-maroon); } 2309.hp-card-icon{ 2310 width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.15); 2311 display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; 2312} 2313.hp-card-header h4{ margin:0; font-size:19px; font-weight:700; flex:1; color:#fff; } 2314.hp-viewall{ 2315 color:var(--hp-gold); font-size:13.5px; font-weight:700; text-decoration:none; 2316 display:flex; align-items:center; gap:5px; white-space:nowrap; 2317} 2318.hp-viewall:hover{ color:#fff; } 2319 2320.hp-card-body{ padding:18px 20px 22px; flex:1; display:flex; flex-direction:column; } 2321.hp-empty{ color:#8a8478; font-size:14px; margin:10px 0 0; } 2322 2323/* General list item (Notifications) */ 2324.hp-list-item{ 2325 display:flex; align-items:center; gap:14px; padding:12px 0; 2326 border-bottom:1px solid var(--hp-line); text-decoration:none; color:inherit; 2327} 2328.hp-list-item:last-child{ border-bottom:none; } 2329.hp-list-icon{ 2330 width:36px; height:36px; border-radius:8px; background:var(--hp-cream); 2331 display:flex; align-items:center; justify-content:center; color:var(--hp-navy); flex-shrink:0; 2332} 2333.hp-list-body{ flex:1; min-width:0; } 2334.hp-list-title{ font-weight:600; font-size:14.5px; color:var(--hp-ink); } 2335.hp-list-date{ font-size:12.5px; color:#8a8478; margin-top:2px; } 2336.hp-list-arrow{ color:var(--hp-line); flex-shrink:0; } 2337.hp-list-item:hover .hp-list-title{ color:var(--hp-navy); } 2338.hp-list-item:hover .hp-list-arrow{ color:var(--hp-gold); } 2339 2340/* Principal's Desk */ 2341.hp-welcome-title{ font-weight:700; color:var(--hp-maroon); font-size:17px; margin-bottom:6px; } 2342.hp-welcome-divider{ display:flex; align-items:center; gap:10px; color:var(--hp-gold); margin-bottom:12px; } 2343.hp-welcome-divider span{ flex:1; height:1px; background:currentColor; opacity:.5; } 2344.hp-welcome-divider i{ font-size:10px; } 2345.hp-welcome-text{ font-size:14px; color:#5c574c; line-height:1.7; margin-bottom:16px; } 2346.hp-messages-label{ font-weight:700; color:var(--hp-maroon); font-size:13.5px; margin-bottom:8px; } 2347.hp-message-row{ 2348 display:flex; align-items:center; gap:8px; padding:8px 0; text-decoration:none; 2349 border-bottom:1px solid var(--hp-line); font-size:13.5px; 2350} 2351.hp-message-row i{ color:var(--hp-gold); font-size:10px; } 2352.hp-message-title{ flex:1; color:var(--hp-ink); font-weight:500; } 2353.hp-message-date{ color:#8a8478; font-size:12px; } 2354.hp-message-row:hover .hp-message-title{ color:var(--hp-maroon); } 2355 2356.hp-btn{ 2357 display:inline-flex; align-items:center; gap:8px; justify-content:center; 2358 padding:11px 20px; border-radius:6px; font-weight:600; font-size:14px; 2359 text-decoration:none; margin-top:16px; width:100%; 2360} 2361.hp-btn-maroon{ background:var(--hp-maroon); color:#fff; } 2362.hp-btn-maroon:hover{ background:var(--hp-navy); color:#fff; } 2363.hp-btn-outline-maroon{ background:#fff; color:var(--hp-maroon); border:1.5px solid var(--hp-maroon); } 2364.hp-btn-outline-maroon:hover{ background:var(--hp-maroon); color:#fff; } 2365 2366/* Alumni */ 2367.hp-alumni-row{ 2368 display:flex; align-items:center; gap:14px; padding:10px 0; 2369 border-bottom:1px solid var(--hp-line); text-decoration:none; color:inherit; 2370} 2371.hp-alumni-row:last-of-type{ border-bottom:none; } 2372.hp-alumni-crest{ width:44px; height:44px; object-fit:contain; flex-shrink:0; } 2373.hp-alumni-title{ font-weight:600; font-size:14.5px; color:var(--hp-ink); } 2374.hp-alumni-row:hover .hp-alumni-title{ color:var(--hp-maroon); } 2375 2376/* Photo rows (Student/Faculty News) */ 2377.hp-photo-row{ 2378 display:flex; align-items:center; gap:14px; padding:12px 0; 2379 border-bottom:1px solid var(--hp-line); text-decoration:none; color:inherit; 2380} 2381.hp-photo-row:last-child{ border-bottom:none; } 2382.hp-photo-row img{ width:52px; height:52px; border-radius:8px; object-fit:cover; flex-shrink:0; } 2383.hp-photo-fallback{ 2384 width:52px; height:52px; border-radius:8px; background:var(--hp-cream); 2385 display:flex; align-items:center; justify-content:center; color:var(--hp-gold-dark); flex-shrink:0; 2386} 2387.hp-photo-title{ font-weight:600; font-size:14.5px; color:var(--hp-ink); line-height:1.3; } 2388.hp-photo-date{ font-size:12.5px; color:#8a8478; margin-top:3px; } 2389.hp-photo-row:hover .hp-photo-title{ color:var(--hp-maroon); } 2390 2391/* Events */ 2392.hp-event-row{ 2393 display:flex; align-items:flex-start; gap:14px; padding:12px 0; 2394 border-bottom:1px solid var(--hp-line); text-decoration:none; color:inherit; 2395} 2396.hp-event-row:last-child{ border-bottom:none; } 2397.hp-event-date{ 2398 background:var(--hp-cream); border-radius:8px; padding:8px 12px; text-align:center; 2399 flex-shrink:0; min-width:56px; 2400} 2401.hp-event-date .day{ display:block; font-size:19px; font-weight:700; color:var(--hp-maroon); line-height:1.1; } 2402.hp-event-date .month{ display:block; font-size:10.5px; font-weight:700; color:var(--hp-navy); text-transform:uppercase; letter-spacing:.04em; } 2403.hp-event-title{ font-weight:600; font-size:14.5px; color:var(--hp-ink); line-height:1.3; } 2404.hp-event-meta{ font-size:12.5px; color:#8a8478; margin-top:3px; } 2405.hp-event-venue{ font-size:12.5px; color:#8a8478; margin-top:2px; } 2406.hp-event-venue i{ color:var(--hp-gold-dark); margin-right:3px; } 2407.hp-event-row:hover .hp-event-title{ color:var(--hp-maroon); } 2408 2409@media (max-width:767.98px){ 2410 .hp-ticker{ flex-wrap:wrap; } 2411 .hp-ticker-label{ width:100%; justify-content:center; } 2412 .hp-ticker-viewall{ width:100%; justify-content:center; border-left:none; border-top:1px solid var(--hp-line); } 2413} 2414</style> 2415
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.