PageSourceSearch

https://ststephens.edu/

html ststephens.edu collected 2026-10-02 05:44:39 UTC 107,023 bytes, 2,415 lines download raw bytes

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&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;uploads&#x2F;alumni-highlights&#x2F;docs&#x2F;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&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;centres-for-excellence&#x2F;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&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;uploads&#x2F;general-notifications&#x2F;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&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;uploads&#x2F;general-notifications&#x2F;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&#039;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&#039;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&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;uploads&#x2F;alumni-highlights&#x2F;docs&#x2F;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&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;uploads&#x2F;alumni-highlights&#x2F;docs&#x2F;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&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;alumni-highlights&#x2F;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                                             &middot; 1985                                        </div>
961                                                                    </div>
962                            </a>
963                                                                                <a href="https&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;alumni-highlights&#x2F;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                                             &middot; 1986-89                                        </div>
970                                                                    </div>
971                            </a>
972                                                                                <a href="https&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;alumni-highlights&#x2F;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                                             &middot; Batch of 1987–90                                        </div>
979                                                                    </div>
980                            </a>
981                                                                                <a href="https&#x3A;&#x2F;&#x2F;www.ststephens.edu&#x2F;alumni-highlights&#x2F;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                                              &middot; 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                                                                                            &ndash; 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 &amp; 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              &copy; 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 &amp; 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.