1 2<!DOCTYPE html> 3<html lang="hi" dir="ltr" class="h-100" data-bs-theme="light"> 4 <head> 5 <meta charset="utf-8" /> 6<link rel="shortlink" href="https://iitbhu.ac.in/hi" /> 7<link rel="canonical" href="https://iitbhu.ac.in/hi" /> 8<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" /> 9<meta name="MobileOptimized" content="width" /> 10<meta name="HandheldFriendly" content="true" /> 11<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 12<link rel="icon" href="/sites/default/files/logo_iitbhu_0.png" type="image/png" /> 13 14 <title>| Indian Institute of Technology (BHU) Varanasi</title> 15 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_Q5lKexshP3oEn4YS0iHvN314gsyGW1FUzIPdU6ufAq4.css?delta=0&language=hi&theme=raina_theme&include=eJxdjksKBDEIBS-UIas5T9AgtmBiUBlIn36a3sxnWa8Wr9AsIx3WsyIEFfwwqyHoI3KrTP42gyKAKUo3pzrNB6icVNheDXq_rKCo5G7Lrf4sxUEmtDxo0P9D7Egad8cbgVk7MA" /> 16<link rel="stylesheet" media="all" href="/sites/default/files/css/css_zV7pwQDkWN81Y4gMVIq7NdYt5lZTtP4mDHjFW4k9CTw.css?delta=1&language=hi&theme=raina_theme&include=eJxdjksKBDEIBS-UIas5T9AgtmBiUBlIn36a3sxnWa8Wr9AsIx3WsyIEFfwwqyHoI3KrTP42gyKAKUo3pzrNB6icVNheDXq_rKCo5G7Lrf4sxUEmtDxo0P9D7Egad8cbgVk7MA" /> 17 18
18<script src="https://use.fontawesome.com/releases/v6.4.2/js/all.js" defer crossorigin="anonymous"></script>
vendor: 1 bytes, line 18
18
19<script src="https://use.fontawesome.com/releases/v6.4.2/js/v4-shims.js" defer crossorigin="anonymous"></script>
19 20 21 </head> 22 <body class="page-route-view-frontpage-page-1 raina-theme path-frontpage d-flex flex-column h-100"> 23 <div class="visually-hidden-focusable skip-link p-3 container"> 24 <a href="#main-content" class="p-2"> 25 Skip to main content 26 </a> 27 </div> 28 29 <div class="dialog-off-canvas-main-canvas d-flex flex-column h-100" data-off-canvas-main-canvas> 30 31 32 33 34<div id="splash-overlay" role="status" aria-live="polite"> 35 36 <div class="text-center"> 37 38 39 <img 40 src="/sites/default/files/iitbhu/images/other/iit_logo_original.png" 41 alt="Institute Logo" 42 class="splash-logo mb-3" 43 /> 44 45 <div class="splash-text"> 46 <div class="hindi-text"> सà¤à¤¸à¥à¤à¤¾à¤° हॠशिà¤à¥à¤·à¤¾</div><div> 47<img width="50" 48 src="/sites/default/files/iitbhu/images/other/lamp.jpg" 49 alt="Lamp" 50 class="center-image"> 51 52</div> 53 <div class="english-text">Education is Character</div> 54 </div> 55 56 57 <div class="spinner-border text-primary mt-3" role="status"> 58 <span class="visually-hidden">Loading...</span> 59 </div> 60 61 </div> 62 63 </div> 64 65 66 67 68 69 70<div id="site-wrapper"> 71 72 73 74 75<section class="container-fluid top-header w-100" 76 style="background-image: linear-gradient(to left, #043a6d, #11284b);"> 77 <div class="row g-0 align-items-center"> 78 79 <div class="col-md-10 col-12"> 80 <div class="region region-top-bar"> 81 <div id="block-raina-theme-top-bar" class="block block-block-content block-block-content270d9d41-8ec0-4af6-8dbd-87a2413dcbde"> 82 83 84 85 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><!-- Top Bar --> 86<div class="top-bar d-none d-md-block" > 87 <div class="container-fluid"> 88 <div class="row align-items-center"> 89 90 <!-- Left section --> 91 <div class="col-md-8"> 92 <div class="top-bar-left d-flex flex-wrap gap-3"> 93 94 <!-- Search --> 95 <div class="text d-flex align-items-center gap-2 text-white"> 96 <a href="/search/node" class="d-flex align-items-center gap-2 text-decoration-none"> <i class="fas fa-search"></i> 97 <h6 class="mb-0">Search</h6></a> 98 </div> 99 100 <!-- Phone --> 101 <div class="text d-flex align-items-center gap-1 text-white"> 102 <a href="https://www.google.com/maps/place/Indian+Institute+of+Technology+(BHU)+Varanasi/@25.2623295,82.971864,14z/data=!4m5!3m4!1s0x398e33ef9b1f7cdd:0x7555db6d623dc140!8m2!3d25.2623247!4d82.9893735" 103 onclick="return showAlert(this);" 104 target="_blank" 105 class="instagram text-white d-flex align-items-center gap-1 text-decoration-none"> 106 107 <i class="fa-solid fa-location-dot"></i> 108 <span class="mb-0 fw-semibold">IIT(BHU) Varanasi</span> 109 110 </a> 111</div> 112 113 <!-- Email --> 114 <div class="text d-flex align-items-center gap-2 text-white"> 115 <!-- <i class="fa fa-envelope"></i> 116 <h6 class="mb-0">[email protected]</h6> --> 117 </div> 118 119 </div> 120 </div> 121 122 <!-- Right section --> 123 <div class="col-md-4"> 124 <div class="top-bar-right d-flex justify-content-md-end align-items-center gap-2 me-4"> 125 126 <!-- Font Size Controls --> 127 <div class="btn-group btn-group-sm me-1" role="group"> 128 <button type="button" class="btn btn-link font-decrease text-white">A<sup>-</sup></button> 129 <button type="button" class="btn btn-link font-default text-white">A</button> 130 <button type="button" class="btn btn-link font-increase text-white">A<sup>+</sup></button> 131 </div> 132<div class="text-warning fw-bold">|</div> 133 <!-- Social Icons --> 134 <div class="social-icons d-flex align-items-center gap-2"> 135 <a href="https://x.com/IITBHU_Varanasi" onclick="return showAlert(this);" target="_blank" class="text-white"> 136 <img src="/contents/iitbhu/images/other/twitter.png" alt="Twitter" width="18px"> 137 </a> 138 <a href="https://www.facebook.com/pr.iitbhu/" onclick="return showAlert(this);" target="_blank" class="text-white"> 139 <img src="/contents/iitbhu/img/other/facebook.png" alt="Facebook" width="18px"> 140 </a> 141 <a href="https://www.youtube.com/@iitbhu.varanasi" onclick="return showAlert(this);" target="_blank" class="text-danger"> 142 <img src="/contents/iitbhu/img/other/youtube.png" alt="Youtube" width="18px"> 143 </a> 144 <a href="https://www.linkedin.com/school/iitbhu-varanasi" onclick="return showAlert(this);" target="_blank" class="text-white"> 145 <img src="/contents/iitbhu/img/other/linkedin.png" alt="Linkedin" width="18px"> 146 </a> 147 <a href="https://www.instagram.com/iitbhu.varanasi" onclick="return showAlert(this);" target="_blank" class="text-white"> 148 <img src="/contents/iitbhu/img/other/instagram.png" alt="Instagram" width="18px"> 149 </a> 150 151 </div> 152 153 </div> 154 </div> 155 156 </div> 157 </div> 158</div> 159<!-- Top Bar HTML here --> 160 161<!-- Font size JS --> 162
163<script> 164function showAlert(el) { 165 var confirmation = confirm( 166 "This link shall take you to a page outside the IIT(BHU)- Varanasi domain (https://iitbhu.ac.in/). For any query regarding the contents of the linked page, please contact the webmaster of the concerned website" 167 ); 168 169 if (!confirmation) { 170 return false; // stop if cancel 171 } 172 173 // open in new tab 174 window.open(el.href, '_blank'); 175 176 return false; // prevent default navigation 177} 178</script>
178 179<style> 180.scroll-floating-btn { 181 position: fixed; 182 right: 0; 183 width: 40px; 184 height: 40px; 185 background:#244375; 186 color: #fff; 187 display: flex; 188 align-items: center; 189 justify-content: center; 190 border-radius: 10px 0 0 10px; 191 cursor: pointer; 192 box-shadow: 0 4px 12px rgba(0,0,0,0.15); 193 transition: right .3s ease, top .3s ease, background .3s ease; 194 z-index: 10000; 195} 196 197.scroll-floating-btn:hover { 198 background: #0B3D91; 199} 200</style>
201<script> 202document.addEventListener("DOMContentLoaded", function () { 203 204 function initScrollButtons() { 205 206 const gaBtn = document.querySelector('.ga-toggle-btn'); 207 const panel = document.querySelector('.ga-panel'); 208 209 if (!gaBtn || !panel) { 210 setTimeout(initScrollButtons, 400); 211 return; 212 } 213 214 const scrollTopBtn = document.createElement("div"); 215 scrollTopBtn.className = "scroll-floating-btn"; 216 scrollTopBtn.innerHTML = '<i class="bi bi-arrow-up fs-5"></i>'; 217 document.body.appendChild(scrollTopBtn); 218 219 const scrollBottomBtn = document.createElement("div"); 220 scrollBottomBtn.className = "scroll-floating-btn"; 221 scrollBottomBtn.innerHTML = '<i class="bi bi-arrow-down fs-5"></i>'; 222 document.body.appendChild(scrollBottomBtn); 223 224 function positionButtons() { 225 226 const rect = gaBtn.getBoundingClientRect(); 227 228 // â FIXED DIRECTION LOGIC 229 if (panel.classList.contains("open")) { 230 scrollTopBtn.style.right = "320px"; 231 scrollBottomBtn.style.right = "320px"; 232 } else { 233 scrollTopBtn.style.right = "0px"; 234 scrollBottomBtn.style.right = "0px"; 235 } 236 237 scrollTopBtn.style.top = (rect.top -41) + "px"; 238 scrollBottomBtn.style.top = (rect.bottom +1) + "px"; 239 } 240 241 // Initial 242 positionButtons(); 243 244 // Watch panel open/close 245 const observer = new MutationObserver(function() { 246 setTimeout(positionButtons, 50); 247 }); 248 249 observer.observe(panel, { attributes: true, attributeFilter: ['class'] }); 250 251 window.addEventListener("resize", positionButtons); 252 window.addEventListener("scroll", positionButtons); 253 254 scrollTopBtn.onclick = function () { 255 window.scrollTo({ top: 0, behavior: "smooth" }); 256 }; 257 258 scrollBottomBtn.onclick = function () { 259 window.scrollTo({ 260 top: document.documentElement.scrollHeight, 261 behavior: "smooth" 262 }); 263 }; 264 265 } 266 267 initScrollButtons(); 268 269}); 270</script>
270</div> 271 272 </div> 273 274 </div> 275 276 </div> 277 278 <div class="col-md-2 col-12 text-md-end text-start d-flex gap-2 align-items-center justify-content-md-end"> 279 280 <div class="language-switcher"> 281 <div class="region region-language-switcher"> 282 <div class="language-switcher-language-url block block-language block-language-blocklanguage-interface" id="block-raina-theme-languageswitcher" role="navigation"> 283 284 285 <ul data-block="language_switcher"><li data-drupal-language="en" data-drupal-link-system-path="<front>"><a href="/" class="language-link" hreflang="en" data-drupal-link-system-path="<front>">English</a></li><li data-drupal-language="hi" data-drupal-link-system-path="<front>" class="is-active" aria-current="page"><a href="/hi" class="language-link is-active" hreflang="hi" data-drupal-link-system-path="<front>" aria-current="page">Hindi</a></li></ul> 286 </div> 287 288 </div> 289 290 </div> 291 292 293 <a href="/hi/user/login" class="btn btn-outline-success btn-sm py-0"> 294 Login 295 </a> 296 </div> 297 298 </div> 299</section> 300 301 <div class="region region-header"> 302 <div id="block-raina-theme-landing-header" class="block block-block-content block-block-content7566b670-ba20-42ba-be2e-2ff40169fff9"> 303 304 305 306 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="container-fluid academic-header-modern"> 307 <div class="container"> 308 <div class="row align-items-center py-4 text-center text-md-start"> 309 310 <!-- Left Logo --> 311 <div class="col-auto d-none d-lg-block"> 312 <a href="/" aria-label="Home" class="d-inline-block"> 313 <img 314 src="/sites/default/files/iitbhu/images/other/iit_logo_original.png" 315 class="header-logos mx-md-0 mx-auto" 316 alt="IIT (BHU) Logo" width="100"> 317 </a> 318 </div> 319 320<!-- Mobile Logo (Top) --> 321<div class="col-12 d-block d-lg-none text-center mb-2"> 322 <a href="/" aria-label="Home" class="d-inline-block"> 323 <img 324 src="/sites/default/files/iitbhu/images/other/iit_logo_original.png" 325 class="header-logos" 326 alt="IIT (BHU) Logo" 327 width="80"> 328 </a> 329</div> 330 <!-- Center Title --> 331 <div class="col text-center "> 332 <div class="title-wrap mx-auto"> 333 <h1 class="header-title"> 334 <a href="/">à¤à¤¾à¤°à¤¤à¥à¤¯ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ सà¤à¤¸à¥à¤¥à¤¾à¤¨ (à¤à¤¾.हि.वि.) वाराणसà¥</a> 335 </h1> 336 337 <div class="title-divider mx-auto"></div> 338 339 <h2 class="header-subtitle"> 340 <a href="/">Indian Institute of Technology (BHU) Varanasi</a> 341 </h2> 342 </div> 343 </div> 344 345 <!-- Right Emblem --> 346 <div class="col-auto d-none d-lg-block"> 347 <a href="/" aria-label="Emblem" class="d-inline-block"> 348 <img 349 src="/sites/default/files/iitbhu/images/other/iit_emblem_original.jpg" 350 class="header-logo" 351 alt="IIT (BHU) Emblem"> 352 </a> 353 </div> 354 355 </div> 356 </div> 357</div> 358 359<style> 360 361/* Default large size (1200px and above) */ 362.header-logos { 363 height: 100px; 364 width: auto; 365} 366 367/* Between 992px and 1199px (lg screens) */ 368@media (min-width: 992px) and (max-width: 1199.98px) { 369 .header-logos { 370 height: 70px; /* smaller */ 371 } 372} 373@media (min-width: 992px) and (max-width: 1199.98px) { 374 .academic-header-modern .row { 375 padding-top: 1rem; 376 padding-bottom: 1rem; 377 } 378} 379@media (max-width: 991.98px) { 380 .header-logos { 381 height: 70px; 382 } 383} 384</style></div> 385 386 </div> 387 388 </div> 389 <div class="region region-primary-menu"> 390 <div id="block-raina-theme-landing-menu" class="block block-block-content block-block-contente716fd23-fc09-4431-8e44-de9eb1254fbc"> 391 392 393 394 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><!-- ================= NAVIGATION ================= --> 395<nav class="navbar navbar-expand-xl navbar-dark bg-purpleiit sticky-top shadow-sm"> 396 <div class="container"> 397 398 <!-- Mobile Toggle --> 399 <button class="navbar-toggler" type="button" 400 data-bs-toggle="collapse" 401 data-bs-target="#mainNavbar" 402 aria-controls="mainNavbar" 403 aria-expanded="false" 404 aria-label="Toggle navigation"> 405 <i class="fas fa-bars"></i> 406 </button> 407 408 <!-- Menu --> 409 <div class="collapse navbar-collapse" id="mainNavbar"> 410 <ul class="navbar-nav mx-auto align-items-xl-center gap-xl-2"> 411 412 <!-- ================= ABOUT ================= --> 413 <li class="nav-item dropdown dropdown-mega"> 414 <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"> 415 परिà¤à¤¯ 416 </a> 417 418 <div class="dropdown-menu mega-menu about p-4" style="right:10%; transform:translateX(90%); left:auto;"> 419 <div class="d-flex mega-wrap"> 420 421 <!-- Links --> 422 <div class="about-links w-75"> 423 <h6 class="mega-title">à¤à¤¾à¤°à¤¤à¥à¤¯ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ सà¤à¤¸à¥à¤¥à¤¾à¤¨ (à¤à¤¾.हि.वि.), वाराà
423¤£à¤¸à¥</h6> 424 425<a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#iitbhu"> 426 à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) à¤à¤¾ परिà¤à¤¯ 427</a> 428 429<a class="dropdown-item" href="/contents/institute/admin/doc/it_act_amended.pdf"> 430 ठधिनियम 431</a> 432 433<div class="dropdown-item d-flex justify-content-start align-items-center"> 434 <span>à¤à¤ªà¤µà¤¿à¤§à¤¿à¤¯à¤¾à¤ : </span> 435 <div> 436 <a href="contents/institute/admin/doc/first_statutes_IIT_BHU_english.pdf"> ठà¤à¤à¥à¤°à¥à¤à¤¼à¥</a> | 437 <a href="contents/institute/admin/doc/first_statutes_IIT_BHU_hindi.pdf"> हिà¤à¤¦à¥</a> 438 </div> 439</div> 440 441<a class="dropdown-item" href="/administration/vision"> 442 दà¥à¤·à¥à¤à¤¿, मिशन à¤à¤µà¤ à¤à¤¦à¥à¤¦à¥à¤¶à¥à¤¯ 443</a> 444 445<a class="dropdown-item" href="/dean/dora/inaugurals"> 446 शताबà¥à¤¦à¥ समारà¥à¤¹ 447</a> 448 449<a class="dropdown-item" href="https://varanasi.nic.in/" target="_blank"> 450 <i class="fa fa-arrow-up-right-from-square"></i> वाराणसॠ451</a> 452 453 <div class="about-image text-center"> 454 <img src="/contents/iitbhu/img/100_centenary.jpg" 455 class="w-75 mt-4"> 456 </div> 457 </div> 458 459 <!-- Founder --> 460 <div class="about-founder"> 461 <h6 class="mega-title">सà¤à¤¸à¥à¤¥à¤¾à¤ªà¤</h6> 462 <div class="d-flex gap-3"> 463 <img src="/contents/iitbhu/img/panditji.png" 464 class="img-thumbnail" 465 style="max-width:160px; max-height:200px;"> 466 <div class="about-text"> 467 <p class="small text-muted"> 468 विशà¥à¤µà¤µà¤¿à¤¦à¥à¤¯à¤¾à¤²à¤¯ न à¤à¥à¤µà¤² मनà¥à¤·à¥à¤¯ à¤à¥ à¤à¤à¤à¥à¤¨à¤¿à¤¯à¤°à¥à¤, वà¥à¤à¥à¤à¤¾à¤¨à¤¿à¤à¥à¤, डà¥à¤à¥à¤à¤°à¥à¤, वà¥à¤¯à¤¾à¤ªà¤¾à¤°à¤¿à¤¯à¥à¤, धरà¥à¤® शासà¥à¤¤à¥à¤°à¤¿à¤¯à¥à¤ à¤à¥ रà¥à¤ª मà¥à¤, बलà¥à¤à¤¿ à¤à¤à¥à¤ à¤à¤°à¤¿à¤¤à¥à¤°, सà¤à¤à¤¾à¤µà¤¨à¤¾ à¤à¤µà¤ समà¥à¤®à¤¾à¤¨ à¤à¥ पà¥à¤°à¥à¤·à¥à¤ à¤à¥ रà¥à¤ª मà¥à¤ à¤à¥ बदलना à¤à¤¾à¤¹à¤¤à¤¾ हà¥, à¤à¤¿à¤¨à¤à¥ à¤à¥à¤µà¤¨ à¤à¥ à¤à¤à¤°à¤£ दरà¥à¤¶à¤¾à¤à¤à¤à¥ à¤à¤¿ à¤à¤¨à¤®à¥à¤ à¤à¤ महान विशà¥à¤µà¤µà¤¿à¤¦à¥à¤¯à¤¾à¤²à¤¯ à¤à¥ विशिषà¥à¤à¤¤à¤¾ हà¥à¥¤</p> 469<p class="small text-muted"> 470à¤à¤ शिà¤à¥à¤·à¤£ विशà¥à¤µà¤µà¤¿à¤¦à¥à¤¯à¤¾à¤²à¤¯ à¤à¥à¤µà¤² à¤à¤¸à¤à¤¾ à¤à¤§à¤¾ à¤à¤¾à¤°à¥à¤¯ हॠनिषà¥à¤ªà¤¾à¤¦à¤¿à¤¤ à¤à¤° पाà¤à¤à¤¾ यदि वह à¤à¤¸à¤à¥ à¤à¤¾à¤¤à¥à¤°à¥à¤ à¤à¥ हà¥à¤¦à¤¯-शà¤à¥à¤¤à¤¿ à¤à¥ à¤à¤¸à¥ à¤à¤¤à¥à¤¸à¥à¤à¤¤à¤¾ à¤à¥ साथ विà¤à¤¸à¤¿à¤¤ नहà¥à¤ à¤à¤°à¤¨à¤¾ à¤à¤¾à¤¹à¤¤à¤¾ हॠà¤à¤¿à¤¸à¤à¥ साथ यह à¤à¤¨à¤à¥ मसà¥à¤¤à¤¿à¤·à¥à¤-शà¤à¥à¤¤à¤¿ à¤à¤¾ विà¤à¤¾à¤¸ à¤à¤°à¤¤à¤¾ हॠ। ठतठपà¥à¤°à¤¸à¥à¤¤à¤¾à¤µà¤¿à¤¤ विशà¥à¤µà¤µà¤¿à¤¦à¥à¤¯à¤¾à¤²à¤¯ à¤à¥ पà¥à¤°à¤®à¥à¤ à¤à¤¦à¥à¤¦à¥à¤¶à¥à¤¯à¥à¤ मà¥à¤ सॠà¤à¤ à¤à¤¦à¥à¤¦à¥à¤¶à¥à¤¯ यà¥à¤µà¤¾à¤à¤ à¤à¤¾ à¤à¤°à¤¿à¤¤à¥à¤° निरà¥à¤®à¤¾à¤£ रà¤à¤¾ à¤à¤¯à¤¾ हà¥à¥¤ 471 </p> 472 <strong>महामना पà¤. मदन मà¥à¤¹à¤¨ मालवà¥à¤¯</strong> 473 </div> 474 </div> 475 </div> 476 477 </div> 478 </div> 479 </li> 480 481 482 <!-- ================= ADMIN ================= --> 483 <li class="nav-item"> 484 <a class="nav-link" href="/administration">पà¥à¤°à¤¶à¤¾à¤¸à¤¨</a> 485 </li> 486 487 488<!-- ================= DEPARTMENTS ================= --> 489<!-- ================= DEPARTMENTS ================= --> 490<li class="nav-item dropdown department dropdown-mega"> 491 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> 492 विà¤à¤¾à¤ 493 </a> 494 495 <div class="dropdown-menu mega-menu p-4"> 496 <div class="row g-3"> 497 498 <!-- ENGINEERING --> 499 <div class="col-md-6"> 500 <h6 class="mega-title">ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ विà¤à¤¾à¤</h6> 501 502 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/apd"> 503 <i class="bi bi-building fs-5"></i> 504 वासà¥à¤¤à¥à¤à¤²à¤¾, यà¥à¤à¤¨à¤¾ à¤à¤µà¤ ठà¤à¤¿à¤à¤²à¥à¤ª विà¤à¤¾à¤ 505 </a> 506 507 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/cer"> 508 <i class="bi bi-hexagon fs-5"></i> 509 सिरà¥à¤®à¤¿à¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 510 </a> 511 512 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/che"> 513 <i class="bi bi-eyedropper fs-5"></i> 514 रासायनिठठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 515 </a> 516 517 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/civ"> 518 <i class="bi bi-cone-striped fs-5"></i> 519 सिविल ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 520 </a> 521 522 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/cse"> 523 <i class="bi bi-cpu fs-5"></i> 524 सà¤à¤à¤£à¤ विà¤à¥à¤à¤¾à¤¨ à¤à¤µà¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 525 </a> 526 527 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/eee"> 528 <i class="bi bi-lightning-charge fs-5"></i> 529 विदà¥à¤¯à¥à¤¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 530 </a> 531 532 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/ece"> 533 <i class="bi bi-broadcast fs-5"></i>
534 à¤à¤²à¥à¤à¥à¤à¥à¤°à¤¾à¤à¤¨à¤¿à¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 535 </a> 536 537 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/mec"> 538 <i class="bi bi-gear fs-5"></i> 539 याà¤à¤¤à¥à¤°à¤¿à¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 540 </a> 541 542 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/met"> 543 <i class="bi bi-layers fs-5"></i> 544 धातà¥à¤à¤°à¥à¤® ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 545 </a> 546 547 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/min"> 548 <i class="bi bi-minecart-loaded fs-5"></i> 549 à¤à¤¨à¤¨ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 550 </a> 551 552 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/phe"> 553 <i class="bi bi-capsule fs-5"></i> 554 à¤à¥à¤·à¤à¤à¥à¤¯ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ à¤à¤µà¤ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ 555 </a> 556 557 </div> 558 559 <!-- SCHOOLS + SCIENCE + HUMANITIES --> 560 <div class="col-md-5"> 561 <h6 class="mega-title">सà¥à¤à¥à¤²</h6> 562 563 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/bce"> 564 <i class="bi bi-droplet fs-5"></i> 565 à¤à¥à¤µ रासायनिठठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 566 </a> 567 568 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/bme"> 569 <i class="bi bi-heart-pulse fs-5"></i> 570 à¤à¥à¤µ-à¤à¤¿à¤à¤¿à¤¤à¥à¤¸à¤¾ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ 571 </a> 572 573 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/dse"> 574 <i class="bi bi-graph-up fs-5"></i> 575 निरà¥à¤£à¤¯ विà¤à¥à¤à¤¾à¤¨ à¤à¤µà¤ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ 576 </a> 577 578 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/mst">
579 <i class="bi bi-boxes fs-5"></i> 580 पदारà¥à¤¥ विà¤à¥à¤à¤¾à¤¨ à¤à¤µà¤ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ 581 </a> 582 583 <hr class="my-2"> 584 585 <h6 class="mega-title">विà¤à¥à¤à¤¾à¤¨ विà¤à¤¾à¤</h6> 586 587 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/chy"> 588 <i class="bi bi-thermometer fs-5"></i> 589 रसायन विà¤à¥à¤à¤¾à¤¨ 590 </a> 591 592 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/mat"> 593 <i class="bi bi-calculator fs-5"></i> 594 à¤à¤£à¤¿à¤¤à¥à¤¯ विà¤à¥à¤à¤¾à¤¨ 595 </a> 596 597 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/phy"> 598 <i class="bi bi-lightning fs-5"></i> 599 à¤à¥à¤¤à¤¿à¤à¥ विà¤à¥à¤à¤¾à¤¨ 600 </a> 601 602 <hr class="my-2"> 603 604 <h6 class="mega-title">मानविà¤à¥ विà¤à¤¾à¤</h6> 605 606 <a class="dropdown-item d-flex align-items-center gap-2" href="/dept/hss"> 607 <i class="bi bi-journal-text fs-5"></i> 608 मानवतावादॠठधà¥à¤¯à¤¯à¤¨ 609 </a> 610 </div> 611 612 </div> 613</div> 614 615</li> 616 617 618 <!-- ================= à¤à¤¾à¤¤à¥à¤° ================= --> 619<li class="nav-item dropdown dropdown-mega"> 620 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> 621 विदà¥à¤¯à¤¾à¤°à¥à¤¥à¥ 622 </a> 623 624 <div class="dropdown-menu mega-menu p-4" style="min-width: 780px !important;" > 625 <div class="row g-3"> 626 627 <div class="col-md-3"> 628 <h6 class="mega-title">à¤à¤¾à¤µà¥ à¤à¤¾à¤¤à¥à¤°</h6> 629 <a class="dropdown-item d-flex align-items-center" href="/contents/institute/media/pnm/doc/pnm_iitbhu_experience_brochure.pdf"> 630 <i class="bi bi-info-circle fs-5 me-2"></i> à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥), वाराणसॠठनà¥à¤à¤µ 631 </a> 632 <a class="dropdown-item d-flex align-items-center" href="/prospective_girls"> 633 <i class="bi bi-gender-female fs-5 me-2"></i> à¤à¤¾à¤¤à¥à¤°à¤¾à¤à¤ à¤à¥ लिठ634 </a> 635 <a class="dropdown-item d-flex align-items-center" href="/hostels"> 636 <i class="bi bi-house-door fs-5 me-2"></i> à¤à¤¾à¤¤à¥à¤°à¤¾à¤µà¤¾à¤¸ 637 </a> 638 </div> 639 640 <div class="col-md-3"> 641 <h6 class="mega-title">नवाà¤à¤à¤¤à¥à¤</h6> 642 <a class="dropdown-item d-flex align-items-center" href="/dean/dosa/antiragging"> 643 <i class="bi bi-shield-lock fs-5 me-2"></i> रà¥à¤à¤¿à¤à¤ निरà¥à¤§à¤ 644 </a> 645 <a class="dropdown-item d-flex align-items-center" href="/dean/doaa/scholarship"> 646 <i class="bi bi-cash-stack fs-5 me-2"></i> à¤à¤¾à¤¤à¥à¤°à¤µà¥à¤¤à¥à¤¤à¤¿à¤¯à¤¾à¤ 647 </a> 648 <a class="dropdown-item d-flex align-items-center" href="/dean/doaa/fee"> 649 <i class="bi bi-wallet2 fs-5 me-2"></i> शà¥à¤²à¥à¤ सà¤à¤°à¤à¤¨à¤¾ 650 </a> 651 </div> 652 653 <div class="col-md-3"> 654 <h6 class="mega-title">à¤à¤¾à¤¤à¥à¤° मामलà¥</h6> 655 <a class="dropdown-item d-flex align-items-center" href="/dean/dosa"> 656 <i class="bi bi-house fs-5 me-2"></i> <strong>DOSA मà¥à¤à¤ªà¥à¤·à¥à¤ </strong> 657 </a> 658 <a class="dropdown-item d-flex align-items-center" href="/dean/dosa/gallery"> 659 <i class="bi bi-camera fs-5 me-2"></i> à¤à¥à¤²à¤°à¥ 660 </a> 661 </div> 662 663 <div class="col-md-5"> 664 <h6 class="mega-title">वà¥à¤¯à¤¾à¤à¥à¤¯à¤¾à¤¨ शà¥à¤°à¥à¤à¤à¤²à¤¾</h6> 665 <a class="dropdown-item d-flex align-items-center" href="/jcls"> 666 <i class="bi bi-mic fs-5 me-2"></i> à¤à¤¯ à¤à¥à¤§à¤°à¥ वà¥à¤¯à¤¾à¤à¥à¤¯à¤¾à¤¨ शà¥à¤°à¥à¤à¤à¤²à¤¾ 667 </a> 668 </div> 669 670 671 </div> 672</div> 673 674</li> 675 676 <!-- ================= OTHERS ================= --> 677<li class="nav-item dropdown faculty dropdown-mega mega-menu"> 678 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> 679 सà¤à¤à¤¾à¤¯ सदसà¥à¤¯ 680 </a> 681 682 <div class="dropdown-menu mega-menu p-4" style="min-width: 900px !important;"> 683 <div class="row"> 684 685 <div class="col-md-4"> 686 <h6 class="mega-title">à¤à¤¾à¤µà¥ सà¤à¤à¤¾à¤¯</h6> 687 <a class="dropdown-item d-flex align-items-center" href="/dean/dofa/prospective_faculty">
688 <i class="bi bi-person-plus fs-5 me-2"></i> à¤à¤¾à¤µà¥ सà¤à¤à¤¾à¤¯ 689 </a> 690 <a class="dropdown-item d-flex align-items-center" href="/dean/dofa/recruitment"> 691 <i class="bi bi-briefcase fs-5 me-2"></i> à¤à¤°à¥à¤¤à¥ 692 </a> 693 </div> 694 695 <div class="col-md-4"> 696 <h6 class="mega-title">सà¤à¤à¤¾à¤¯ à¤à¤¾à¤°à¥à¤¯</h6> 697 <a class="dropdown-item d-flex align-items-center" href="/dean/dofa"> 698 <i class="bi bi-house fs-5 me-2"></i> <strong>DOFA हà¥à¤®</strong> 699 </a> 700 <h6 class="mega-title mt-3">à¤à¤¤à¤¿à¤µà¤¿à¤§à¤¿à¤¯à¤¾à¤</h6> 701 <a class="dropdown-item d-flex align-items-center" href="/awards"> 702 <i class="bi bi-award fs-5 me-2"></i> पà¥à¤°à¤¸à¥à¤à¤¾à¤° à¤à¤µà¤ समà¥à¤®à¤¾à¤¨ 703 </a> 704 </div> 705 706 <div class="col-md-3"> 707 <h6 class="mega-title">सà¤à¤à¤¾à¤¯ मà¤à¤</h6> 708 <a class="dropdown-item d-flex align-items-center" href="/ff"> 709 <i class="bi bi-people fs-5 me-2"></i> <strong>सà¤à¤à¤¾à¤¯ मà¤à¤ हà¥à¤®</strong> 710 </a> 711 </div> 712 713 </div> 714</div> 715 716</li> 717 718 719 720<li class="nav-item dropdown dropdown-mega"> 721 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> 722 शà¥à¤à¥à¤·à¤£à¤¿à¤/à¤à¤¾à¤°à¥à¤¯à¤à¥à¤°à¤® 723 </a> 724 725 <div class="dropdown-menu mega-menu p-4"> 726 <div class="row"> 727 728 <div class="col-md-6"> 729 <h6 class="mega-title">शà¥à¤à¥à¤·à¤£à¤¿à¤ à¤à¤¾à¤°à¥à¤¯</h6> 730 <a class="dropdown-item d-flex align-items-center" href="/dean/doaa"> 731 <i class="bi bi-house-door fs-5 me-2"></i> DOAA हà¥à¤® 732 </a> 733 <a class="dropdown-item d-flex align-items-center" href="/asean"> 734 <i class="bi bi-globe fs-5 me-2"></i> ASEAN फà¥à¤²à¥à¤¶à¤¿à¤ª 735 </a> 736 <a class="dropdown-item d-flex align-items-center" href="/acad/fresher"> 737 <i class="bi bi-person-plus fs-5 me-2"></i> नठपà¥à¤°à¤µà¥à¤¶à¤¾à¤°à¥à¤¥à¥ 738 </a> 739 <a class="dropdown-item d-flex align-items-center" href="/dean/doaa/calendar"> 740 <i class="bi bi-calendar-event fs-5 me-2"></i> शà¥à¤à¥à¤·à¤£à¤¿à¤ à¤à¥à¤²à¥à¤à¤¡à¤° 741 </a> 742 <a class="dropdown-item d-flex align-items-center" href="/convocation"> 743 <i class="bi bi-mortarboard fs-5 me-2"></i> दà¥à¤à¥à¤·à¤¾à¤à¤¤ समारà¥à¤¹ 744 </a> 745 </div> 746 747 <div class="col-md-5"> 748 <h6 class="mega-title">
748à¤à¤¾à¤°à¥à¤¯à¤à¥à¤°à¤®</h6> 749 <a class="dropdown-item d-flex align-items-center" href="http://www.jeeadv.ac.in/" target="_blank"> 750 <i class="bi bi-mortarboard fs-5 me-2"></i> सà¥à¤¨à¤¾à¤¤à¤ (JEE) 751 </a> 752 <a class="dropdown-item d-flex align-items-center" href="/dean/doaa/admission/pg"> 753 <i class="bi bi-journal-bookmark fs-5 me-2"></i> सà¥à¤¨à¤¾à¤¤à¤à¥à¤¤à¥à¤¤à¤° 754 </a> 755 </div> 756 757 </div> 758</div> 759 760</li> 761 762 763<li class="nav-item dropdown dropdown-mega"> 764 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> 765 ठनà¥à¤¸à¤à¤§à¤¾à¤¨ à¤à¤µà¤ विà¤à¤¾à¤¸ 766 </a> 767 768 <div class="dropdown-menu mega-menu p-4"> 769 <div class="row"> 770 771 <div class="col-md-6"> 772 <h6 class="mega-title">ठनà¥à¤¸à¤à¤§à¤¾à¤¨ à¤à¤µà¤ विà¤à¤¾à¤¸</h6> 773 <a class="dropdown-item d-flex align-items-center" href="/dean/dord"> 774 <i class="bi bi-house-door fs-5 me-2"></i> <strong>DORD हà¥à¤®</strong> 775 </a> 776 777 <h6 class="mega-title mt-3">à¤à¤à¤¾à¤à¤¯à¤¾à¤</h6> 778 <a class="dropdown-item d-flex align-items-center" href="/rnd/cif"> 779 <i class="bi bi-gear fs-5 me-2"></i>à¤à¥à¤à¤¦à¥à¤°à¥à¤¯ à¤à¤ªà¤à¤°à¤£ à¤à¥à¤à¤¦à¥à¤° 780 </a> 781 <a class="dropdown-item d-flex align-items-center" href="https://ibs.iitbhu.ac.in/" target="_blank"> 782 <i class="bi bi-clock fs-5 me-2"></i> à¤à¤ªà¤à¤°à¤£ बà¥à¤à¤¿à¤à¤ पà¥à¤°à¤£à¤¾à¤²à¥ 783 </a> 784 <a class="dropdown-item d-flex align-items-center" href="/rnd/dic"> 785 <i class="bi bi-lightbulb fs-5 me-2"></i> डिà¤à¤¾à¤à¤¨ नवाà¤à¤¾à¤° à¤à¥à¤à¤¦à¥à¤° 786 </a> 787 <a class="dropdown-item d-flex align-items-center" href="/rnd/uba"> 788 <i class="bi bi-people fs-5 me-2"></i> à¤à¤¨à¥à¤¨à¤¤ à¤à¤¾à¤°à¤¤ ठà¤à¤¿à¤¯à¤¾à¤¨ 789 </a> 790 <a class="dropdown-item d-flex align-items-center" href="/rnd/irma"> 791 <i class="bi bi-building fs-5 me-2"></i> IRMA (à¤à¤¤à¥à¤à¥à¤·à¥à¤à¤¤à¤¾ à¤à¥à¤à¤¦à¥à¤°) 792 </a> 793 </div> 794 795 <div class="col-md-4"> 796 <h6 class="mega-title">à¤à¤¤à¤¿à¤µà¤¿à¤§à¤¿à¤¯à¤¾à¤</h6> 797 <a class="dropdown-item d-flex align-items-center" href="/dean/dord/activities#collab"> 798 <i class="bi bi-puzzle fs-5 me-2"></i> सहयà¥à¤ 799 </a> 800 <a class="dropdown-item d-flex align-items-center" href="/dean/dord/activities#mou"> 801 <i class="bi bi-file-earmark-text fs-5 me-2"></i> à¤à¤®à¤à¤¯à¥ 802 </a> 803 <a class="dropdown-item d-flex align-items-center" href="/contents/institute/dean/dord/doc/dord_patents.pdf"> 804 <i class="bi bi-lightning fs-5 me-2"></i> पà¥à¤à¥à¤à¤ 805 </a> 806 807 <h6 class="mega-title mt-3">परियà¥à¤à¤¨à¤¾à¤à¤</h6> 808 <a class="dropdown-item d-flex align-items-center" href="/rnd/project/dia"> 809 <i class="bi bi-diagram-3 fs-5 me-2"></i> DIA-CoE 810 </a> 811 <a class="dropdown-item d-flex align-items-center" href="/dean/dord/projects"> 812 <i class="bi bi-journal-bookmark fs-5 me-2"></i> परियà¥à¤à¤¨à¤¾à¤à¤ à¤à¥ सà¥à¤à¥ 813 </a> 814 </div> 815 816 </div> 817 </div> 818</li> 819 820 821<li class="nav-item dropdown dropdown-mega"> 822 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> 823 सà¤à¤¸à¥à¤¥à¤¾à¤à¤¤ सà¥à¤µà¤¿à¤§à¤¾ 824 </a> 825 826<div class="dropdown-menu mega-menu p-4" style="min-width: 1200px !important; left: 10%; transform: translateX(-70%); right: auto;"> 827 <div class="row"> 828 829 <!-- COLUMN 1 --> 830 <div class="col-md-4"> 831 <h6 class="mega-title">मà¥à¤à¥à¤¯ सà¥à¤µà¤¿à¤§à¤¾à¤à¤</h6> 832 833 <a class="dropdown-item d-flex align-items-center" href="/cf/cis"> 834 <i class="bi bi-laptop fs-5 me-2"></i> सà¤à¤à¤£à¤¨ à¤à¤µà¤ सà¥à¤à¤¨à¤¾ सà¥à¤µà¤¾ à¤à¥à¤à¤¦à¥à¤° 835 </a> 836 <a class="dropdown-item d-flex align-items-center" href="/rnd/cif"> 837 <i class="bi bi-bezier fs-5 me-2"></i> à¤à¥à¤à¤¦à¥à¤°à¥à¤¯ à¤à¤ªà¤à¤°à¤£ à¤à¥à¤à¤¦à¥à¤° (CIF) 838 </a> 839 <a class="dropdown-item d-flex align-items-center" href="/cf/scc"> 840 <i class="bi bi-cpu fs-5 me-2"></i> सà¥à¤ªà¤°à¤à¤à¤ªà¥à¤¯à¥à¤à¤¿à¤à¤ à¤à¥à¤à¤¦à¥à¤° 841 </a> 842 <a class="dropdown-item d-flex align-items-center" href="/cf/gtac"> 843 <i class="bi bi-building fs-5 me-2"></i>
843 à¤à¤¾à¤à¤§à¥ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ पà¥à¤°à¥à¤µ à¤à¤¾à¤¤à¥à¤° à¤à¥à¤à¤¦à¥à¤° 844 </a> 845 <a class="dropdown-item d-flex align-items-center" href="/cf/lib"> 846 <i class="bi bi-book fs-5 me-2"></i> शà¥à¤°à¥à¤¨à¤¿à¤µà¤¾à¤¸ दà¥à¤¶à¤ªà¤¾à¤à¤¡à¥ पà¥à¤¸à¥à¤¤à¤à¤¾à¤²à¤¯ 847 </a> 848 <a class="dropdown-item d-flex align-items-center" href="/cf/mw"> 849 <i class="bi bi-tools fs-5 me-2"></i> मà¥à¤à¥à¤¯ à¤à¤¾à¤°à¥à¤¯à¤¶à¤¾à¤²à¤¾ 850 </a> 851 <a class="dropdown-item d-flex align-items-center" href="/cf/iwd"> 852 <i class="bi bi-gear fs-5 me-2"></i> सà¤à¤¸à¥à¤¥à¤¾à¤¨ निरà¥à¤®à¤¾à¤£ विà¤à¤¾à¤ 853 </a> 854 <a class="dropdown-item d-flex align-items-center" href="/cf/peh"> 855 <i class="bi bi-vector-pen fs-5 me-2"></i> पà¥à¤°à¤¿à¤¸à¥à¤à¤¨ à¤à¤à¤à¥à¤¨à¤¿à¤¯à¤°à¤¿à¤à¤ हब (PEH) 856 </a> 857 <a class="dropdown-item d-flex align-items-center" href="/cf/cfd"> 858 <i class="bi bi-mortarboard fs-5 me-2"></i> सà¤à¤à¤¾à¤¯ विà¤à¤¾à¤¸ à¤à¤µà¤ शà¥à¤à¥à¤·à¤¿à¤ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ à¤à¥à¤à¤¦à¥à¤° 859 </a> 860 <a class="dropdown-item d-flex align-items-center" /cf/tpc"> 861 <i class="bi bi-briefcase fs-5 me-2"></i> पà¥à¤°à¤¶à¤¿à¤à¥à¤·à¤£ à¤à¤µà¤ नियà¥à¤à¥à¤¤à¤¿ 862 </a> 863 864 </div> 865 866 <!-- COLUMN 2 --> 867 <div class="col-md-4"> 868 <h6 class="mega-title">à¤à¤¦à¥à¤¯à¤®à¤¿à¤¤à¤¾ à¤à¤µà¤ à¤à¤¨à¤à¥à¤¯à¥à¤¬à¥à¤¶à¤¨</h6> 869 870 <a class="dropdown-item d-flex align-items-center" href="https://i3f-iitbhu.org/" onclick="return showAlert(this);"> 871 <i class="bi bi-lightbulb fs-5 me-2"></i> I3F (धारा 8 à¤à¤à¤ªà¤¨à¥) 872 </a> 873 <a class="dropdown-item d-flex align-items-center" href="https://rkvy-raftaariitbhu.org/" onclick="return showAlert(this);"> 874 <i class="bi bi-diagram-3 fs-5 me-2"></i> R-ABI 875 </a> 876 <a class="dropdown-item d-flex align-items-center" href="https://www.ecelliitbhu.in/" onclick="return showAlert(this);" > 877 <i class="bi bi-box-seam fs-5 me-2"></i> à¤-सà¥à¤² 878 </a> 879 <a class="dropdown-item d-flex align-items-center" href="/contents/institute/cf/misc/doc/innovation_start_up_policy.pdf"> 880 <i class="bi bi-rocket fs-5 me-2"></i> सà¥à¤à¤¾à¤°à¥à¤-ठप नà¥à¤¤à¤¿ 881 </a> 882 </div> 883 884 <div class="col-md-3"> 885 <h6 class="mega-title ">ठनà¥à¤¯ सà¥à¤µà¤¿à¤§à¤¾à¤à¤</h6> 886 887 <a class="dropdown-item d-flex align-items-center" href="/cf/jcsic" target="_blank"> 888 <i class="bi bi-laptop fs-5 me-2"></i> à¤à¤¯ à¤à¥à¤§à¤°à¥ सà¥à¤«à¥à¤à¤µà¥à¤¯à¤° नवाà¤à¤¾à¤° à¤à¥à¤à¤¦à¥à¤° 889 </a> 890 <a class="dropdown-item d-flex align-items-center" href="/cf/jic" target="_blank"> 891 <i class="bi bi-building fs-5 me-2"></i> सà¤à¤¯à¥à¤à¥à¤¤ à¤à¤¨à¤à¥à¤¯à¥à¤¬à¥à¤¶à¤¨ à¤à¥à¤à¤¦à¥à¤° 892 </a> 893 <a class="dropdown-item d-flex align-items-center" href="https://www.idapthub.org/" target="_blank" onclick="return showAlert(this);"> 894 <i class="bi bi-diagram-3 fs-5 me-2"></i> I-DAPT हब 895 </a> 896 <a class="dropdown-item d-flex align-items-center" href="/cf/ailab"> 897 <i class="bi bi-cpu fs-5 me-2"></i> à¤à¥à¤«à¥à¤°à¥à¤ डà¥à¤à¤¾ à¤à¤µà¤ à¤à¤à¤ लà¥à¤¬ 898 </a> 899 <a class="dropdown-item d-flex align-items-center" href="/cf/vgc"> 900 <i class="bi bi-building fs-5 me-2"></i> विनà¥à¤¦ à¤à¤ à¤à¥à¤à¤¦à¥à¤° 901 </a> 902 <a class="dropdown-item d-flex align-items-center" href="/cf/cetuse"> 903 <i class="bi bi-lightbulb fs-5 me-2"></i> à¤à¥à¤®à¤¿à¤à¤¤ à¤à¤à¤à¥à¤¨à¤¿à¤¯à¤°à¤¿à¤à¤ à¤à¤¤à¥à¤à¥à¤·à¥à¤à¤¤à¤¾ à¤à¥à¤à¤¦à¥à¤° 904 </a> 905 <a class="dropdown-item d-flex align-items-center" href="/qip"> 906 <i class="bi bi-graph-up fs-5 me-2"></i> à¤à¥à¤£à¤µà¤¤à¥à¤¤à¤¾ सà¥à¤§à¤¾à¤° à¤à¥à¤à¤¦à¥à¤° 907 </a> 908 <a class="dropdown-item d-flex align-items-center" href="/cf/mtd"> 909 <i class="bi bi-tools fs-5 me-2"></i> मशà¥à¤¨ à¤à¥à¤²à¥à¤¸ डिà¤à¤¼à¤¾à¤à¤¨ मà¥à¤ à¤à¤¤à¥à
909¤à¥à¤·à¥à¤à¤¤à¤¾ à¤à¥à¤à¤¦à¥à¤° 910 </a> 911 </div> 912 913 </div> 914</div> 915</li> 916 917 918 919 <li class="nav-item dropdown dropdown-mega"> 920 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> 921 पà¥à¤°à¤¾ à¤à¤¾à¤¤à¥à¤° 922 </a> 923 924 <div class="dropdown-menu mega-menu p-4"> 925 <div class="row"> 926 927 <div class="col-md-6"> 928 <h6 class="mega-title">पà¥à¤°à¥à¤µ à¤à¤¾à¤¤à¥à¤° सà¤à¤ªà¤°à¥à¤</h6> 929 930 <a class="dropdown-item d-flex align-items-center" href="/dean/dora/about_connect"> 931 <i class="bi bi-info-circle fs-5 me-2"></i> परिà¤à¤¯ 932 </a> 933 934 <a class="dropdown-item d-flex align-items-center" href="/iaic"> 935 <i class="bi bi-people fs-5 me-2"></i> सà¤à¤¸à¥à¤¥à¤¾à¤¨ पà¥à¤°à¥à¤µ à¤à¤¾à¤¤à¥à¤° सà¤à¤µà¤¾à¤¦ पà¥à¤°à¤à¥à¤·à¥à¤ 936 </a> 937 938 <a class="dropdown-item d-flex align-items-center" href="#"> 939 <i class="bi bi-globe fs-5 me-2"></i><span style="color: tomato";> पà¥à¤°à¥à¤µ à¤à¤¾à¤¤à¥à¤° सà¤à¤ </span> 940 </a> 941 942 <a class="dropdown-item d-flex align-items-center" href="#"> 943 <i class="bi bi-chat-dots fs-5 me-2"></i><span style="color: tomato";> SAIC</span> 944 </a> 945 946 <a class="dropdown-item d-flex align-items-center" href="#"> 947 <i class="bi bi-person-plus fs-5 me-2"></i><span style="color: tomato";> पà¥à¤°à¥à¤µ à¤à¤¾à¤¤à¥à¤° पà¤à¤à¥à¤à¤°à¤£</span> 948 </a> 949 950 <a class="dropdown-item d-flex align-items-center" href="https://donations.iitbhu.ac.in/" target="_blank"> 951 <i class="bi bi-gift fs-5 me-2"></i> यà¥à¤à¤¦à¤¾à¤¨ पà¥à¤°à¥à¤à¤² 952 </a> 953 </div> 954 955 <div class="col-md-5"> 956 <h6 class="mega-title">पà¥à¤°à¥à¤µ à¤à¤¾à¤¤à¥à¤° सà¤à¤¸à¤¾à¤§à¤¨</h6> 957 958 <a class="dropdown-item d-flex align-items-center" href="/dean/dora"> 959 <i class="bi bi-house fs-5 me-2"></i> <strong>DORA हà¥à¤®</strong> 960 </a> 961 962 </div> 963 964 </div> 965</div> 966 967</li> 968 969 970<li class="nav-item dropdown dropdown-mega" > 971 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> 972 à¤à¤¨à¤¸à¤à¤à¤¾à¤° 973 </a> 974 975 <div class="dropdown-menu mega-menu media-mega p-4" style="min-width: 600px !important; left: 10%; transform: translateX(-90%); right: auto;"> 976 <div class="row"> 977 <div class="col-6"> 978 <h6 class="mega-title">मà¥à¤¡à¤¿à¤¯à¤¾</h6> 979 980 <a class="dropdown-item d-flex align-items-center" href="/galleria"> 981 <i class="bi bi-images fs-5 text-primary me-2"></i> 982 à¤à¥à¤²à¤°à¥ 983 </a> 984 985 <a class="dropdown-item d-flex align-items-center" href="/pnm/coverage"> 986 <i class="bi bi-newspaper fs-5 text-danger me-2"></i> 987 समाà¤à¤¾à¤°à¥à¤ मà¥à¤ à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) 988 </a> 989 990 <a class="dropdown-item d-flex align-items-center" href="/webcast"> 991 <i class="bi bi-broadcast fs-5 text-success me-2"></i> 992 वà¥à¤¬à¤à¤¾à¤¸à¥à¤ 993 </a> 994 995 </div> 996 997<div class="col-5"> 998 <h6 class="mega-title">सà¤à¤ªà¤°à¥à¤</h6> 999 1000 <a class="dropdown-item d-flex align-items-center" href="/outreach/ir"> 1001<i class="bi bi-briefcase fs-5 text-success me-2"></i> 1002 ठà¤à¤¤à¤°à¤°à¤¾à¤·à¥à¤à¥à¤°à¥à¤¯ सà¤à¤¬à¤à¤§ 1003 </a> 1004</div> 1005 </div> 1006</div> 1007</li> 1008 1009 1010 1011 <!-- ================= RESOURCES ================= --> 1012<li class="nav-item resources dropdown dropdown-mega"> 1013 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> 1014 सà¤à¤¸à¤¾à¤§à¤¨ 1015 </a> 1016 1017 <div class="dropdown-menu mega-menu p-4"> 1018 <div class="row"> 1019 1020 <!-- COLUMN 1 --> 1021 <div class="col-md-6"> 1022 1023 <h6 class="mega-title">सà¥à¤à¤¨à¤¾ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥</h6> 1024 <a class="dropdown-item d-flex align-items-center" href="/sitemap"> 1025 <i class="bi bi-diagram-3 fs-5 me-2"></i> साà¤à¤à¤®à¥à¤ª 1026 </a> 1027 <a class="dropdown-item d-flex align-items-center" href="/search/node"> 1028 <i class="bi bi-search fs-5 me-2"></i> à¤à¥à¤ 1029 </a> 1030 <a class="dropdown-item d-flex align-items-center" href="/search/user"> 1031 <i class="bi bi-people fs-5 me-2"></i> लà¥à¤à¥à¤ à¤à¥ à¤à¥à¤à¥à¤ 1032 </a> 1033 <a class="dropdown-item d-flex align-items-center" href="https://services.iitbhu.ac.in/" target="_blank">
1034 <i class="bi bi-person-badge fs-5 me-2"></i> à¤à¤à¤¡à¥ à¤à¤¾à¤°à¥à¤¡ (à¤à¤à¤à¥à¤°à¤¾à¤¨à¥à¤) 1035 </a> 1036 1037 1038 1039 <h6 class="mega-title mt-4">ठनà¥à¤¯</h6> 1040 <a class="dropdown-item d-flex align-items-center" href="/notifications"> 1041 <i class="bi bi-bell fs-5 me-2"></i> सà¥à¤à¤¨à¤¾à¤à¤ (à¤-पà¥à¤°à¤¸à¤¾à¤°à¤£) 1042 </a> 1043 <a class="dropdown-item d-flex align-items-center" href="/tenders"> 1044 <i class="bi bi-file-earmark-text fs-5 me-2"></i> निविदाà¤à¤ 1045 </a> 1046 <a class="dropdown-item d-flex align-items-center" href="/positions"> 1047 <i class="bi bi-kanban fs-5 me-2"></i> परियà¥à¤à¤¨à¤¾à¤à¤ 1048 </a> 1049 1050 </div> 1051 1052 <!-- COLUMN 2 --> 1053 <div class="col-md-5"> 1054 1055 <h6 class="mega-title">à¤à¤°à¥à¤¤à¥</h6> 1056 <a class="dropdown-item d-flex align-items-center" href="/dean/dofa/recruitment"> 1057 <i class="bi bi-mortarboard fs-5 me-2"></i> सà¤à¤à¤¾à¤¯ पद 1058 </a> 1059 <a class="dropdown-item d-flex align-items-center" href="/recruitment_nf"> 1060 <i class="bi bi-briefcase fs-5 me-2"></i> सà¥à¤à¤¾à¤« पद 1061 </a> 1062 1063 <h6 class="mega-title mt-4">à¤à¤°à¥à¤®à¤à¤¾à¤°à¥</h6> 1064 <a class="dropdown-item d-flex align-items-center" href="/dean/dofa/faculty"> 1065 <i class="bi bi-person-workspace fs-5 me-2"></i> सà¤à¥ सà¤à¤à¤¾à¤¯ 1066 </a> 1067 <a class="dropdown-item d-flex align-items-center" href="/contents/institute/regular/empanelled_hospitals.pdf" target="_blank"> 1068 <i class="bi bi-hospital fs-5 me-2"></i> पà¥à¤¨à¤² मà¥à¤ शामिल ठसà¥à¤ªà¤¤à¤¾à¤² 1069 </a> 1070<h6 class="mega-title mt-4">सà¥à¤°à¤à¥à¤·à¤¾</h6> 1071 1072<a class="dropdown-item d-flex align-items-center" 1073 href="/administration/proctorial_board"> 1074 <i class="bi bi-geo-alt fs-5 me-2"></i> मà¥à¤à¥à¤¯ ठधिषà¥à¤ ाता 1075</a> 1076 1077 <h6 class="mega-title mt-4">सà¤à¤ªà¤°à¥à¤ à¤à¤°à¥à¤</h6> 1078 <a class="dropdown-item d-flex align-items-center" 1079 href="https://www.google.com/maps/place/Indian+Institute+of+Technology+(BHU)+Varanasi" 1080 target="_blank" onclick="return showAlert(this);"> 1081 <i class="bi bi-geo-alt fs-5 me-2"></i> हमà¥à¤ à¤à¥à¤à¥à¤ 1082 </a> 1083 <a class="dropdown-item d-flex align-items-center" 1084 href="https://intranet.iitbhu.ac.in/ccis/doc/telephone_directory.pdf"> 1085 <i class="bi bi-telephone fs-5 me-2"></i> दà¥à¤°à¤à¤¾à¤· निरà¥à¤¦à¥à¤¶à¤¿à¤à¤¾ (à¤à¤à¤à¥à¤°à¤¾à¤¨à¥à¤) 1086 </a> 1087 1088 </div> 1089 1090 </div> 1091 </div> 1092</li> 1093 1094 1095 1096 </ul> 1097 </div> 1098 </div> 1099</nav> 1100<!-- Modal --> 1101<div class="modal fade" id="iitbhu" tabindex="-1" aria-labelledby="iitbhuModalLabel" aria-hidden="true"> 1102 <div class="modal-dialog modal-lg"> 1103 <div class="modal-content"> 1104 <div class="modal-header"> 1105 <h5 class="modal-title" id="iitbhuModalLabel">à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) à¤à¤¾ परिà¤à¤¯</h5> 1106 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1107 </div> 1108 <div class="modal-body" style="text-align: justify;"> 1109<p class="text-justify">सà¤à¤¸à¥à¤¥à¤¾à¤¨ नॠठपना शताबà¥à¤¦à¥ वरà¥à¤· 2019 मà¥à¤ पà¥à¤°à¤¾ à¤à¤° à¤à¤ नवà¥à¤¨ à¤à¤¤à¥à¤¸à¤¾à¤¹ à¤à¥ साथ à¤à¤µà¤ à¤à¤¤à¥à¤à¥à¤·à¥à¤ शà¥à¤à¥à¤·à¤£à¤¿à¤ व ठनà¥à¤¸à¤à¤§à¤¾à¤¨ à¤à¥ माधà¥à¤¯à¤® सॠराषà¥à¤à¥à¤° à¤à¥ नव निरà¥à¤®à¤¾à¤£ हà¥à¤¤à¥ निरà¤à¤¤à¤° à¤à¤¾à¤°à¥à¤¯à¤°à¤¤ हॠ। à¤à¤¾à¤°à¤¤ मà¥à¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ à¤à¤° पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ मà¥à¤ सà¥à¤¨à¤¾à¤¤à¤à¥à¤¯ à¤à¤° परासà¥à¤¨à¤¾à¤¤à¤à¥à¤¯ शिà¤à¥à¤·à¤¾ à¤à¥ शà¥à¤°à¥ à¤à¤°à¤¨à¥ à¤à¤µà¤ विसà¥à¤¤à¤¾à¤° दà¥à¤¨à¥ à¤à¤¾ शà¥à¤°à¥à¤¯ à¤à¤¾à¤¶à¥ हिनà¥à¤¦à¥ विशà¥à¤µà¤µà¤¿à¤¦à¥à¤¯à¤¾à¤²à¤¯ à¤à¥ सà¤à¤¸à¥à¤¥à¤¾à¤ªà¤, पà¥à¤°à¤à¤° शिà¤à¥à¤·à¤¾à¤µà¤¿à¤¦à¥ à¤à¤° हम सà¤à¥ à¤à¥ à¤à¤¦à¤°à¥à¤¶ महामनà
1109¤¾ पà¤à¤¡à¤¿à¤¤ मदन मà¥à¤¹à¤¨ मालवà¥à¤¯ à¤à¥ à¤à¥ à¤à¤¾à¤¤à¤¾ हॠ। à¤à¤¸à¥ à¤à¥à¤°à¤® मà¥à¤ वरà¥à¤· 1919 मà¥à¤ à¤à¤¾à¤°à¤¤à¥à¤¯ यà¥à¤µà¤¾à¤à¤ à¤à¥ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ à¤à¥ शिà¤à¥à¤·à¤¾ दà¥à¤¨à¥ à¤à¥ लियॠबनारस à¤à¤à¤à¥à¤¨à¤¿à¤¯à¤°à¤¿à¤à¤ à¤à¥à¤²à¥à¤ (बà¥à¤¨à¥à¤à¥à¤) à¤à¥ सà¥à¤¥à¤¾à¤ªà¤¨à¤¾ हà¥à¤, तदà¥à¤ªà¤°à¤¾à¤à¤¤ वरà¥à¤· 1923 मà¥à¤ à¤à¥à¤²à¥à¤ à¤à¤« माà¤à¤¨à¤¿à¤à¤ à¤à¤à¤¡ मà¥à¤à¤²à¤°à¥à¤à¥ (मिनमà¥à¤) à¤à¤µà¤ वरà¥à¤· 1939 मà¥à¤ à¤à¥à¤²à¥à¤ à¤à¤« à¤à¥à¤à¥à¤¨à¥à¤²à¤¾à¤à¥ (à¤à¥à¤à¥à¤¨à¥à¤) à¤à¥ सà¥à¤¥à¤¾à¤ªà¤¨à¤¾ हà¥à¤ । विà¤à¤¾à¤¸ à¤à¥ पथ पर à¤à¤à¥ à¤à¤²à¤à¤° वरà¥à¤· 1968 मà¥à¤ तà¥à¤¨à¥à¤ à¤à¤¾à¤²à¥à¤à¥à¤ à¤à¥ à¤à¤à¥à¤à¤°à¤£ सॠपà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ सà¤à¤¸à¥à¤¥à¤¾à¤¨- à¤à¤¾à¤¶à¥ हिनà¥à¤¦à¥ विशà¥à¤µà¤µà¤¿à¤¦à¥à¤¯à¤¾à¤²à¤¯ बना, à¤à¤¿à¤¸à¤¨à¥ लà¤à¤à¤ 40 वरà¥à¤·à¥à¤ तठठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥ à¤à¤° पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ à¤à¥ à¤à¥à¤·à¥à¤¤à¥à¤° मà¥à¤ राषà¥à¤à¥à¤° à¤à¥ निपà¥à¤£ à¤à¤° à¤à¥à¤¶à¤² विदà¥à¤¯à¤¾à¤°à¥à¤¥à¤¿à¤¯à¥à¤ à¤à¥ ठतà¥à¤²à¤¨à¥à¤¯ सà¤à¤ªà¤¦à¤¾ सॠठà¤à¤¿à¤¸à¤¿à¤à¤à¤¿à¤¤ à¤à¤¿à¤¯à¤¾ । यह सà¤à¤¸à¥à¤¥à¤¾à¤¨ सà¤à¤¸à¤¦ à¤à¥ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ सà¤à¤¸à¥à¤¥à¤¾à¤¨ ठधिनियम दà¥à¤µà¤¾à¤°à¤¾ 29 à¤à¥à¤¨, 2012 à¤à¥ à¤à¤¾à¤°à¤¤à¥à¤¯ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ सà¤à¤¸à¥à¤¥à¤¾à¤¨ (à¤à¤¾à¤¶à¥ हिà¤à¤¦à¥ विशà¥à¤µà¤µà¤¿à¤¦à¥à¤¯à¤¾à¤²à¤¯) वाराणसॠमà¥à¤ परिवरà¥à¤¤à¤¿à¤¤ à¤à¤° दिया à¤à¤¯à¤¾ । वरà¥à¤¤à¤®à¤¾à¤¨ मà¥à¤ यह à¤à¤¾à¤°à¤¤à¥à¤¯ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ सà¤à¤¸à¥à¤¥à¤¾à¤¨ परिषद à¤à¥ समसà¥à¤¤ पà¥à¤°à¤à¥à¤°à¤¿à¤¯à¤¾à¤à¤ à¤à¥ लाà¤à¥ à¤à¤° विà¤à¤¾à¤¸ à¤à¥ पथ पर निरà¤à¤¤à¤° ठà¤à¥à¤°à¤¸à¤° हॠ।</p> 1110 1111 </div> 1112 <div class="modal-footer"> 1113 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> 1114 1115 </div> 1116 </div> 1117 </div> 1118</div> 1119<style> 1120/* Default mega menus */ 1121.department .dropdown-mega .mega-menu { 1122 width: 900px; 1123 max-width: 95vw; 1124} 1125 1126.faculty .dropdown-mega .mega-menu { 1127 width: 900px; 1128 max-width: 95vw; 1129} 1130/* MEDIA 1-column mega */ 1131.dropdown-menu.mega-menu.media-mega { 1132 width: 520px !important; 1133 max-width: 180vw !important; 1134 min-width: 0 !important; 1135 padding: 1rem 1.25rem !important; 1136} 1137 1138.media-mega .row { 1139 margin: 0; 1140} 1141 1142.media-mega .col-12 { 1143 padding: 0; 1144} 1145 1146 1147/* Restore grid */ 1148.dropdown-mega .row { 1149 display: flex !important; 1150 flex-wrap: wrap; 1151 margin: 0; 1152} 1153 1154/* Items */ 1155.dropdown-mega .dropdown-item { 1156 padding: 4px 0; 1157 white-space: normal; 1158} 1159 1160/* Titles */ 1161.mega-title { 1162 font-weight: 600; 1163 font-size: 14px; 1164 color: #0b3d6d; 1165 text-transform: uppercase; 1166 margin-bottom: 6px; 1167} 1168 1169/* Fix typo */ 1170.department .dropdown-mega .dropdown-item { 1171 white-space: normal; 1172} 1173 1174.nav-item.resources.dropdown-mega .dropdown-menu { 1175 width: 750px; 1176 max-width: 95vw; 1177 1178 left: 10%; 1179 transform: translateX(-90%); 1180 right: auto; 1181} 1182 1183</style> 1184</div> 1185 1186 </div> 1187 1188 </div> 1189 <div class="region region-banner"> 1190 <div id="block-raina-theme-landing-slider" class="block block-block-content block-block-content71d719dd-131d-458a-8cc1-aeecfc79f1cb"> 1191 1192 1193 1194 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><!-- Modern Academic Slider --> 1195<div id="academicCarousel" 1196 class="carousel slide carousel-fade" 1197 data-bs-ride="carousel" 1198 data-bs-interval="5000" 1199 data-bs-pause="false"> 1200 1201 <!-- Indicators --> 1202 <div class="carousel-indicators"> 1203 <button type="button" data-bs-target="#academicCarousel" data-bs-slide-to="0" class="active"></button> 1204 <button type="button" data-bs-target="#academicCarousel" data-bs-slide-to="1"></button> 1205 <button type="button" data-bs-target="#academicCarousel" data-bs-slide-to="2"></button> 1206 <button type="button" data-bs-target="#academicCarousel" data-bs-slide-to="3"></button> 1207<button type="button" data-bs-target="#academicCarousel" data-bs-slide-to="4"></button> 1208<button type="button" data-bs-target="#academicCarousel" data-bs-slide-to="5"></button> 1209 </div> 1210 1211 <!-- Slides --> 1212 <div class="carousel-inner"> 1213 1214 1215 <!-- Slide 2 : Video (360 Degree View) --> 1216 1217 <div class="carousel-item "> 1218 <img src="/sites/default/files/iitbhu/images/sliders/slider_11.jpg" 1219 class="d-block w-100" 1220 alt="Tradition, Excellence & Innovation"> 1221 1222 </div> 1223 1224 1225 <div class="carousel-item active"> 1226 <video class="d-block w-100" 1227 autoplay 1228 muted 1229 loop 1230 playsinline 1231 aria-label="360 degree campus view"> 1232 <source src="/sites/default/files/iitbhu/images/sliders/iit_bhu_slider_02.mp4" type="video/mp4"> 1233 </video> 1234 1235 <div class="carousel-caption d-md-block text-start"> 1236 <h2 class="animate-slide-in-left">IIT (BHU) Varanasi<br/> 1237 <span class="fs-5">à¤à¤¾.पà¥à¤°à¥.सà¤. (à¤à¤¾.हि.वि.) वाराà
1237¤£à¤¸à¥</span></h2> 1238 <p class="animate-slide-in-left delay-1"> 1239 360<sup>°</sup> View <span class="mx-2">|</span> 360° ठवलà¥à¤à¤¨ 1240 </p> 1241 </div> 1242 </div> 1243 1244 1245 1246 <!-- Slide 2 : Image (Republic) --> 1247 <div class="carousel-item"> 1248 <img src="/contents/iitbhu/images/sliders/iit_bhu_slider_04.jpg" 1249 class="d-block w-100" 1250 alt="Republic Day"> 1251 1252 <div class="carousel-caption d-md-block text-start"> 1253 <h2 class="animate-slide-in-right"> 1254 77<sup>th</sup> Republic Day<br> 1255 <span class="fs-5">77वाठà¤à¤£à¤¤à¤à¤¤à¥à¤° दिवस</span> 1256 </h2> 1257 1258 </div> 1259 </div> 1260 1261 1262 1263 1264 1265 <!-- Slide 1 : Video (Campus Aerial View) --> 1266 <div class="carousel-item "> 1267 <video class="d-block w-100" 1268 autoplay 1269 muted 1270 loop 1271 playsinline 1272 aria-label="Campus aerial view"> 1273 <source src="/sites/default/files/iitbhu/images/sliders/iit_bhu_slider_01.mp4" type="video/mp4"> 1274 </video> 1275 1276 <div class="carousel-caption d-md-block text-start"> 1277 <h2 class="animate-slide-in-left">IIT (BHU) <br/> 1278 <span class="fs-5">à¤à¤¾.पà¥à¤°à¥.सà¤. (à¤à¤¾.हि.वि.)</span></h2> 1279 <p class="animate-slide-in-left delay-1"> 1280 Campus Aerial View <span class="mx-2">|</span> परिसर à¤à¤à¤¾à¤¶à¥à¤¯ दà¥à¤¶à¥à¤¯ 1281 </p> 1282 </div> 1283 </div> 1284 1285 1286 1287 1288 1289 <!-- Slide 4 : Image (Convocation) --> 1290 <div class="carousel-item"> 1291 <img src="/sites/default/files/iitbhu/images/sliders/iit_bhu_slider_02.jpg" 1292 class="d-block w-100" 1293 alt="14th Convocation"> 1294 1295 <div class="carousel-caption d-md-block text-start"> 1296 <h2 class="animate-slide-in-right"> 1297 14<sup>th</sup> Convocation <br> 1298 <span class="fs-5">14वाठदà¥à¤à¥à¤·à¤¾à¤à¤¤ समारà¥à¤¹</span> 1299 </h2> 1300 <p class="animate-slide-in-right delay-1"> 1301 16<sup>th</sup> Oct, 2025 <span class="mx-2">|</span> 16 ठà¤à¥à¤à¥à¤¬à¤°, 2025 1302 </p> 1303 </div> 1304 </div> 1305 1306 <!-- Slide 3 : Image (Medals & Prizes) --> 1307 <div class="carousel-item"> 1308 <img src="/sites/default/files/iitbhu/images/sliders/iit_bhu_slider_01.jpg" 1309 class="d-block w-100" 1310 alt="Recipients of Medals and Prizes"> 1311 1312 <div class="carousel-caption d-md-block text-start"> 1313 <h2 class="animate-slide-in-left"> 1314 Recipients of Medals and Prizes <br> 1315 <span class="fs-5">पदठà¤à¤µà¤ पà¥à¤°à¤¸à¥à¤à¤¾à¤° पà¥à¤°à¤¾à¤ªà¥à¤¤à¤à¤°à¥à¤¤à¤¾</span> 1316 </h2> 1317 <p class="animate-slide-in-left delay-1"> 1318 Examination â 2025 <span class="mx-2">|</span> परà¥à¤à¥à¤·à¤¾ â 2025 1319 </p> 1320 </div> 1321 </div> 1322 1323 1324 1325 </div> 1326 1327 <!-- Controls --> 1328 <button class="carousel-control-prev" type="button" data-bs-target="#academicCarousel" data-bs-slide="prev"> 1329 <span class="carousel-control-prev-icon"></span> 1330 </button> 1331 1332 <button class="carousel-control-next" type="button" data-bs-target="#academicCarousel" data-bs-slide="next"> 1333 <span class="carousel-control-next-icon"></span> 1334 </button> 1335 1336</div> 1337 1338<style> 1339/* Caption styling */ 1340.carousel-caption { 1341 bottom: 20%; 1342 background: rgba(18, 13, 73, 0.5); 1343 padding: 1.5rem 2rem; 1344 border-radius: 10px; 1345 max-width: 600px; 1346} 1347 1348.carousel-caption h2 { 1349 font-size: 2rem; 1350 font-weight: 700; 1351 color: #fff; 1352 margin-bottom: 0.5rem; 1353} 1354 1355.carousel-caption p { 1356 font-size: 1.1rem; 1357 color: #f0f0f0; 1358} 1359 1360/* Animations */ 1361@keyframes slideInLeft { 1362 0% { transform: translateX(-50px); opacity: 0; } 1363 100% { transform: translateX(0); opacity: 1; } 1364} 1365 1366@keyframes slideInRight { 1367 0% { transform: translateX(50px); opacity: 0; } 1368 100% { transform: translateX(0); opacity: 1; } 1369} 1370 1371.animate-slide-in-left { 1372 animation: slideInLeft 1s ease forwards; 1373} 1374 1375.animate-slide-in-right { 1376 animation: slideInRight 1s ease forwards; 1377} 1378 1379.delay-1 { 1380 animation-delay: 0.5s; 1381} 1382 1383/* Carousel fade smooth */ 1384.carousel-fade .carousel-item { 1385 transition: opacity 1s ease-in-out; 1386} 1387 1388/* Arrows */
1389.carousel-control-prev-icon, 1390.carousel-control-next-icon { 1391 filter: invert(1); 1392 width: 40px; 1393 height: 40px; 1394} 1395 1396/* Indicators */ 1397.carousel-indicators [data-bs-target] { 1398 background-color: #fff; 1399 opacity: 0.7; 1400} 1401 1402.carousel-indicators .active { 1403 background-color: #f0f0f0; 1404 opacity: 1; 1405} 1406 1407/* Video fixes */ 1408/* Fix carousel height */ 1409#academicCarousel .carousel-item { 1410 aspect-ratio: 1920 / 768; 1411} 1412 1413#academicCarousel .carousel-item img, 1414#academicCarousel .carousel-item video { 1415 width: 100%; 1416 height: 100%; 1417 object-fit: cover; 1418} 1419 1420.carousel-item.active video { 1421 opacity: 1; 1422} 1423</style> 1424</div> 1425 1426 </div> 1427 1428 </div> 1429 <div class="region region-ticker"> 1430 <div id="block-raina-theme-landing-ticker" class="block block-block-content block-block-content94ddb0e3-060e-438e-ad53-96043c42a883"> 1431 1432 1433 1434 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="academic-ticker text-white py-2" 1435 style="background: linear-gradient(90deg, #120d49, #2E5A72); position:relative;"> <!-- Play / Pause Button --> 1436 <button id="tickerToggle" aria-label="Pause ticker" 1437 style=" position:absolute; left:10px; top:50%; transform:translateY(-50%); background:transparent; border:0; color:#fff; font-size:18px; cursor:pointer; z-index:10; "> 1438 ⸠</button> 1439 <div class="ticker-wrapper"> 1440 <div class="ticker-track"> 1441 <ul class="ticker-items"> 1442 <li><span class="ticker-label"><i class="bi bi-chevron-double-right ms-3"></i></span> Welcome to the 4<sup>th</sup> edition of the Indian Institute of Technology (BHU) website, launched in 2026. 1443 </li> 1444 <li><span class="ticker-label"><i class="bi bi-chevron-double-right ms-3"></i></span> Institute website 1445 issues: contact the <a href="/cf/cis/website/moderators" class="ms-2 text-warning">administrator</a>. Visit <a 1446 href="/cf/cis" class="mx-2 text-warning">CCIS</a> for IT updates. </li> 1447 <li><span class="ticker-label"><i class="bi bi-chevron-double-right ms-3"></i></span> Refer to Quick 1448 Links, Email Maintenance, and IT Resource Maintenance. Click here for important notifications and 1449 academic information. </li> 1450 <li><span class="ticker-label"><i class="bi bi-chevron-double-right ms-3"></i></span> Prime Minister's 1451 Research Fellowship (PMRF) scheme for the students of IISc, IITs, NITs, IISERs, and centrally funded 1452 IIITs to Doctoral Program in IITs and IISc </li> 1453 </ul> <!-- duplicate for smooth loop --> 1454 <ul class="ticker-items"> 1455 <li><span class="ticker-label"><i class="bi bi-chevron-double-right ms-3"></i></span> Welcome to the 1456 Indian Institute of Technology (BHU) Varanasi. Best viewed in updated Chrome, Edge, Firefox, Safari. 1457 </li> 1458 <li><span class="ticker-label"><i class="bi bi-chevron-double-right ms-3"></i></span> Institute website 1459 issues: contact the <a href="/cf/cis/website/moderators" class="ms-2 text-warning">administrator</a>. Visit <a 1460 href="/cf/cis" class="mx-2 text-warning">CCIS</a> for IT updates. </li> 1461 <li><span class="ticker-label"><i class="bi bi-chevron-double-right ms-3"></i></span> Refer to Quick 1462 Links, Email Maintenance, and IT Resource Maintenance. Click here for important notifications and 1463 academic information. </li> 1464 <li><span class="ticker-label"><i class="bi bi-chevron-double-right ms-3"></i></span> Prime Minister's 1465 Research Fellowship (PMRF) scheme for the students of IISc, IITs, NITs, IISERs, and centrally funded 1466 IIITs to Doctoral Program in IITs and IISc </li> 1467 </ul> 1468 </div> 1469 </div> 1470</div> 1471<style> 1472 .academic-ticker { 1473 overflow: hidden; 1474 border-top: 2px solid #fff; 1475 border-bottom: 2px solid #fff; 1476 padding-left: 40px; 1477 padding-right: 40px; 1478 } 1479 1480 .ticker-wrapper { 1481 width: 100%; 1482 overflow: hidden; 1483 } 1484 1485 .ticker-track { 1486 display: flex; 1487 width: max-content; 1488 animation: ticker-scroll 55s linear infinite; 1489 } 1490 1491 .ticker-items { 1492 display: flex; 1493 list-style: none; 1494 padding: 0; 1495 margin: 0; 1496 gap: 2.5rem; 1497 } 1498 1499 .ticker-items li { 1500 display: flex; 1501 align-items: center; 1502 white-space: nowrap; 1503 } 1504 1505 .ticker-label { 1506 margin-right: 0.5rem; 1507 } 1508
1509 @keyframes ticker-scroll { 1510 from { 1511 transform: translateX(0); 1512 } 1513 1514 to { 1515 transform: translateX(-50%); 1516 } 1517 } 1518</style> 1519
1520<script> 1521 const ticker = document.querySelector('.academic-ticker'); 1522 const track = document.querySelector('.ticker-track'); 1523 const toggleBtn = document.getElementById('tickerToggle'); 1524 1525 let paused = false; 1526 1527 // Play / Pause button (your existing logic, kept safe) 1528 toggleBtn.addEventListener('click', () => { 1529 paused = !paused; 1530 track.style.animationPlayState = paused ? 'paused' : 'running'; 1531 toggleBtn.textContent = paused ? 'â¶ï¸' : 'â¸'; 1532 toggleBtn.setAttribute( 1533 'aria-label', 1534 paused ? 'Play ticker' : 'Pause ticker' 1535 ); 1536 }); 1537 1538 // â STOP ON HOVER (only if not manually paused) 1539 ticker.addEventListener('mouseenter', () => { 1540 if (!paused) { 1541 track.style.animationPlayState = 'paused'; 1542 } 1543 }); 1544 1545 // â RESUME ON MOUSE LEAVE (only if not manually paused) 1546 ticker.addEventListener('mouseleave', () => { 1547 if (!paused) { 1548 track.style.animationPlayState = 'running'; 1549 } 1550 }); 1551</script>
1551 1552</div> 1553 1554 </div> 1555 1556 </div> 1557 <div class="region region-dir-messages"> 1558 <div id="block-raina-theme-landing-message" class="block block-block-content block-block-content8e66a27e-c862-47fd-9d93-61c615cd7777"> 1559 1560 1561 1562 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><!-- Director & Updates Section --> 1563<section class="director-updates py-5 bg-light"> 1564 <div class="container"> 1565 <div class="row g-4"> 1566 1567 <!-- Director's Message --> 1568 <div class="col-lg-6"> 1569 <div class="card shadow-sm h-100"> 1570 <div class="row g-0 align-items-center"> 1571 <!-- Photo --> 1572 <div class="col-md-4 text-center p-3"> 1573 <img src="https://iitbhu.ac.in/sites/default/files/iitbhu/img/people/director_itbhu.jpg" 1574 alt="Director" class="img-fluid rounded-circle border border-3 border-primary"> 1575 <div class="mt-2">à¤à¤à¤¾à¤°à¥à¤¯ ठमित पातà¥à¤°à¤¾ </div> 1576 </div> 1577 <!-- Message --> 1578 <div class="col-md-8 p-3"> 1579 <h5 class="fw-bold">निदà¥à¤¶à¤, à¤à¤¾.पà¥à¤°à¥.सà¤.(à¤à¤¾.हि.वि.), वाराणसॠ</h5> 1580 <p class="text-muted mb-2" style="text-align: justify;"> 1581 à¤à¤¾à¤°à¤¤à¥à¤¯ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ सà¤à¤¸à¥à¤¥à¤¾à¤¨ (à¤à¤¾.हि.वि.), वाराणसॠà¤à¥ निदà¥à¤¶à¤ à¤à¥ रà¥à¤ª मà¥à¤, यह ठतà¥à¤¯à¤à¤¤ पà¥à¤°à¤¸à¤¨à¥à¤¨à¤¤à¤¾ à¤à¤¾ विषय हॠà¤à¤¿ हम दà¥à¤¶ मà¥à¤ à¤à¤§à¥à¤¨à¤¿à¤ ठà¤à¤¤à¤°à¥à¤µà¤¿à¤·à¤¯à¤ तà¤à¤¨à¥à¤à¥ à¤à¤¨à¥à¤¨à¤¯à¤¨ à¤à¤¾ पà¥à¤°à¤à¤¾à¤¶ सà¥à¤¤à¤®à¥à¤ बननॠà¤à¥ ठपनॠधà¥à¤¯à¥à¤¯ à¤à¥ पà¥à¤°à¤¤à¤¿ पà¥à¤°à¥ तरह सॠसमरà¥à¤ªà¤¿à¤¤ हà¥à¤ । सà¤à¤¸à¥à¤¥à¤¾à¤¨ मà¥à¤ हम न à¤à¥à¤µà¤² विà¤à¥à¤à¤¾à¤¨ à¤à¤° पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ à¤à¥ तà¥à¥à¥ सॠबदलतॠà¤à¥à¤¦à¥à¤¶à¥à¤¯ à¤à¥ साथ à¤à¤¦à¤® सॠà¤à¤¦à¤® मिलाà¤à¤° à¤à¤²à¤¨à¥ पर धà¥à¤¯à¤¾à¤¨ à¤à¥à¤à¤¦à¥à¤°à¤¿à¤¤ à¤à¤° रहॠहà¥à¤, बलà¥à¤à¤¿ हमारा à¤à¤¦à¥à¤¦à¥à¤¶à¥à¤¯ à¤à¤¸ à¤à¥à¤·à¥à¤¤à¥à¤° मà¥à¤ नà¥à¤¤à¥à¤¤à¥à¤µ à¤à¤°à¤¨à¤¾ à¤à¤° à¤à¤¸à¥ नठà¤à¥à¤à¥à¤ à¤à¥ शà¥à¤°à¥à¤à¤¤ à¤à¤°à¤¨à¤¾ à¤à¥ हà¥, à¤à¥ à¤à¤µà¤¿à¤·à¥à¤¯ à¤à¥ सà¤à¤µà¤¾à¤°à¤¨à¥ à¤à¤¾ à¤à¤¾à¤°à¥à¤¯ à¤à¤°à¥à¤à¤¾ ।... 1582 </p> 1583 <button class="btn btn-primary btn-sm" style="background-color:darkblue;" data-bs-toggle="modal" data-bs-target="#directorModal"> 1584 à¤à¤° पढ़à¥à¤ 1585 </button> 1586 </div> 1587 </div> 1588 </div> 1589 </div> 1590 1591 <!-- Recent Updates / Spotlight --> 1592<div class="col-lg-6"> 1593 <div class="card shadow-sm h-100 p-3"> 1594 <h5 class="fw-bold mb-3">सà¤à¤¸à¥à¤¥à¤¾à¤¨ ठदà¥à¤¯à¤¤à¤¨ à¤à¤¾à¤°à¥à¤¯à¤à¥à¤°à¤®</h5> 1595 <ul class="list-group list-group-flush"> 1596 1597 <li class="list-group-item d-flex justify-content-between align-items-center"> 1598 <div> 1599 <i class="bi bi-envelope-exclamation fs-5 me-1"></i> <a href="/cf/cis/email_policy" class="text-decoration-none"> 1600 <span>महतà¥à¤µà¤ªà¥à¤°à¥à¤£ सà¥à¤à¤¨à¤¾: à¤à¤®à¥à¤² रà¤à¤°à¤à¤¾à¤µ नà¥à¤¤à¤¿</span> 1601 </a> 1602 </div> 1603 </li> 1604 1605 <li class="list-group-item d-flex justify-content-between align-items-center"> 1606 <div> 1607 <i class="bi bi-mortarboard-fill fs-5 me-2"></i> 1608 <a href="/webcast" target="_blank" class="text-decoration-none"> 1609 <span>14वाठदà¥à¤à¥à¤·à¤¾à¤à¤¤ समारà¥à¤¹, à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) - ठà¤à¥à¤à¥à¤¬à¤° 2025</span> 1610 </a> 1611 </div> 1612 </li> 1613 1614 <li class="list-group-item d-flex justify-content-between align-items-center"> 1615 <div> 1616 <i class="bi bi-envelope-paper-fill fs-5 me-1"></i> 1617 <a href="/contents/institute/dean/dora/doc/alumni_newsletter_latest.pdf" target="_blank" class="text-decoration-none">
1618 <span>नवà¥à¤¨à¤¤à¤® पà¥à¤°à¥à¤µ à¤à¤¾à¤¤à¥à¤° समाà¤à¤¾à¤° पतà¥à¤°</span> 1619 </a> 1620 </div> 1621 </li> 1622 1623 <li class="list-group-item d-flex justify-content-between align-items-center"> 1624 <div> 1625 <i class="bi bi-mic-fill fs-5 me-1"></i> 1626 <a href="https://www.youtube.com/live/JH7ChcZzLo0" target="_black"> 1627 <span>à¤à¤µà¤¿ समà¥à¤®à¥à¤²à¤¨</span> 1628 </a> 1629 </div> 1630 </li> 1631 1632 </ul> 1633 </div> 1634</div> 1635 1636 </div> 1637 </div> 1638</section> 1639 1640 1641<!-- Director Modal --> 1642<div class="modal fade" id="directorModal" tabindex="-1" aria-labelledby="directorModalLabel" aria-hidden="true"> 1643 <div class="modal-dialog modal-xl modal-dialog-centered"> 1644 <div class="modal-content"> 1645 <div class="modal-header text-white" style="background-color:darkblue;"> 1646 <h5 class="modal-title" id="directorModalLabel">निदà¥à¤¶à¤ à¤à¤¾ सà¤à¤¦à¥à¤¶</h5> 1647 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button> 1648 </div> 1649 <div class="modal-body"> 1650 <div class="d-flex flex-column flex-md-row align-items-center mb-3"> 1651 <img src="/sites/default/files/iitbhu/img/people/director_itbhu.jpg" 1652 alt="Director" class="img-fluid rounded-circle me-3" style="width:120px;"> 1653 <div> 1654 <h6>à¤à¤à¤¾à¤°à¥à¤¯ ठमित पातà¥à¤°à¤¾</h6> 1655 <p class="text-muted mb-0">निदà¥à¤¶à¤, à¤à¤¾.पà¥à¤°à¥.सà¤.(à¤à¤¾.हि.वि.), वाराणसॠ</p> 1656 </div> 1657 </div> 1658 <p> 1659à¤à¤¾à¤°à¤¤à¥à¤¯ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ सà¤à¤¸à¥à¤¥à¤¾à¤¨ (à¤à¤¾.हि.वि.), वाराणसॠà¤à¥ निदà¥à¤¶à¤ à¤à¥ रà¥à¤ª मà¥à¤, यह ठतà¥à¤¯à¤à¤¤ पà¥à¤°à¤¸à¤¨à¥à¤¨à¤¤à¤¾ à¤à¤¾ विषय हॠà¤à¤¿ हम दà¥à¤¶ मà¥à¤ à¤à¤§à¥à¤¨à¤¿à¤ ठà¤à¤¤à¤°à¥à¤µà¤¿à¤·à¤¯à¤ तà¤à¤¨à¥à¤à¥ à¤à¤¨à¥à¤¨à¤¯à¤¨ à¤à¤¾ पà¥à¤°à¤à¤¾à¤¶ सà¥à¤¤à¤®à¥à¤ बननॠà¤à¥ ठपनॠधà¥à¤¯à¥à¤¯ à¤à¥ पà¥à¤°à¤¤à¤¿ पà¥à¤°à¥ तरह सॠसमरà¥à¤ªà¤¿à¤¤ हà¥à¤ । सà¤à¤¸à¥à¤¥à¤¾à¤¨ मà¥à¤ हम न à¤à¥à¤µà¤² विà¤à¥à¤à¤¾à¤¨ à¤à¤° पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ à¤à¥ तà¥à¥à¥ सॠबदलतॠà¤à¥à¤¦à¥à¤¶à¥à¤¯ à¤à¥ साथ à¤à¤¦à¤® सॠà¤à¤¦à¤® मिलाà¤à¤° à¤à¤²à¤¨à¥ पर धà¥à¤¯à¤¾à¤¨ à¤à¥à¤à¤¦à¥à¤°à¤¿à¤¤ à¤à¤° रहॠहà¥à¤, बलà¥à¤à¤¿ हमारा à¤à¤¦à¥à¤¦à¥à¤¶à¥à¤¯ à¤à¤¸ à¤à¥à¤·à¥à¤¤à¥à¤° मà¥à¤ नà¥à¤¤à¥à¤¤à¥à¤µ à¤à¤°à¤¨à¤¾ à¤à¤° à¤à¤¸à¥ नठà¤à¥à¤à¥à¤ à¤à¥ शà¥à¤°à¥à¤à¤¤ à¤à¤°à¤¨à¤¾ à¤à¥ हà¥, à¤à¥ à¤à¤µà¤¿à¤·à¥à¤¯ à¤à¥ सà¤à¤µà¤¾à¤°à¤¨à¥ à¤à¤¾ à¤à¤¾à¤°à¥à¤¯ à¤à¤°à¥à¤à¤¾ । 1660</p> 1661<p> 1662महामना à¤à¥ à¤à¥ विà¤à¤¾à¤°à¥à¤ à¤à¥ ठनà¥à¤°à¥à¤ª, हम ठपनॠराषà¥à¤à¥à¤° à¤à¥ à¤à¤¤à¥à¤®à¤¨à¤¿à¤°à¥à¤à¤° बनानॠà¤à¥ दिशा मà¥à¤ à¤à¤à¤à¥à¤¨à¤¿à¤¯à¤°à¤¿à¤à¤ à¤à¤° पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ à¤à¥ à¤à¥à¤®à¤¿à¤à¤¾ à¤à¥ सरà¥à¤µà¥à¤à¥à¤ सà¥à¤¥à¤¾à¤¨ दà¥à¤¨à¥ à¤à¥ ठपनॠसà¤à¤à¤²à¥à¤ª पर ठडिठहà¥à¤ । नवाà¤à¤¾à¤°, à¤à¤¦à¥à¤¯à¤®à¤¿à¤¤à¤¾ à¤à¤° धारणà¥à¤¯à¤¤à¤¾ à¤à¥ सà¤à¤¸à¥à¤à¥à¤¤à¤¿ à¤à¥ बढ़ावा दà¥à¤à¤°, हमारा à¤à¤¦à¥à¤¦à¥à¤¶à¥à¤¯ ठपनॠसà¥à¤¨à¤¾à¤¤à¤à¥à¤ à¤à¥ à¤à¤¨ à¤à¥à¤¶à¤² à¤à¤° विà¤à¤¾à¤°à¥à¤ सॠपरिपà¥à¤°à¥à¤£ à¤à¤°à¤¨à¤¾ हà¥, à¤à¤¿à¤¨à¤à¥ à¤à¤µà¤¶à¥à¤¯à¤à¤¤à¤¾ परिवरà¥à¤¤à¤¨à¤à¤¾à¤°à¥ बदलाव लानॠà¤à¤° हमारॠराषà¥à¤à¥à¤° à¤à¥ à¤à¤ à¤à¤à¥à¤à¥à¤µà¤² à¤à¤µà¤¿à¤·à¥à¤¯ à¤à¥ à¤à¤° ठà¤à¥à¤°à¤¸à¤° à¤à¤°à¤¨à¥ à¤à¥ लिठहॠ। 1663</p> 1664 1665<p> 1666हमारॠलà¤à¥à¤·à¥à¤¯ à¤à¤¾ मà¥à¤² à¤à¥à¤à¤¦à¥à¤° विà¤à¥à¤à¤¾à¤¨ à¤à¤° पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥ à¤à¥ शिà¤à¥à¤·à¤¾ तथा ठनà¥à¤¸à¤à¤
1666§à¤¾à¤¨ मà¥à¤ मà¥à¤²à¥à¤¯à¥à¤ पर à¤à¤§à¤¾à¤°à¤¿à¤¤ à¤à¤¤à¥à¤à¥à¤·à¥à¤à¤¤à¤¾ à¤à¥ पà¥à¤°à¤¾à¤ªà¥à¤¤à¤¿ हà¥à¥¤ हमारा यह दà¥à¥ विशà¥à¤µà¤¾à¤¸ हॠà¤à¤¿ à¤à¤¨ à¤à¥à¤·à¥à¤¤à¥à¤°à¥à¤ मà¥à¤ à¤à¤¨à¥ वालॠपà¥à¥à¤¿à¤¯à¥à¤ à¤à¥ तà¥à¤¯à¤¾à¤° à¤à¤°à¤¨à¥ à¤à¥ लिठà¤à¤®à¤¾à¤¨à¤¦à¤¾à¤°à¥, नà¥à¤¤à¤¿à¤à¤¤à¤¾ à¤à¤° सामाà¤à¤¿à¤ à¤à¤¤à¥à¤¤à¤°à¤¦à¤¾à¤¯à¤¿à¤¤à¥à¤µ à¤à¥ सà¤à¤¸à¥à¤à¥à¤¤à¤¿ à¤à¥ बढ़ावा दà¥à¤¨à¤¾ सरà¥à¤µà¥à¤ªà¤°à¤¿ हॠ। 1667</p> 1668 1669<p> 1670à¤à¥à¤£à¤µà¤¤à¥à¤¤à¤¾à¤ªà¥à¤°à¥à¤£ शिà¤à¥à¤·à¤¾ पà¥à¤°à¤¦à¤¾à¤¨ à¤à¤°à¤¨à¥ à¤à¥ पà¥à¤°à¤¤à¤¿ हमारॠपà¥à¤°à¤¤à¤¿à¤¬à¤¦à¥à¤§à¤¤à¤¾ ठà¤à¥à¤ हॠ। à¤à¤µà¤¿à¤·à¥à¤¯ मà¥à¤, सà¤à¤¸à¥à¤¥à¤¾à¤¨ ठà¤à¤¤à¤°à¥à¤µà¤¿à¤·à¤¯à¤ ठनà¥à¤¸à¤à¤§à¤¾à¤¨ तथा à¤à¤¦à¥à¤¯à¥à¤ à¤à¤à¤¤ à¤à¤° ठà¤à¤¤à¤°à¥à¤°à¤¾à¤·à¥à¤à¥à¤°à¥à¤¯ सà¤à¤à¤ नà¥à¤ à¤à¥ साथ सहयà¥à¤ पर à¤à¤° à¤à¥ ठधिठबल दà¥à¤à¤¾, ताà¤à¤¿ हम दà¥à¤¶ à¤à¤° विदà¥à¤¶ à¤à¥ शà¥à¤°à¥à¤· शà¥à¤à¥à¤·à¤£à¤¿à¤ सà¤à¤¸à¥à¤¥à¤¾à¤¨à¥à¤ à¤à¥ शà¥à¤°à¥à¤£à¥ मà¥à¤ ठपना सà¥à¤¥à¤¾à¤¨ सà¥à¤¨à¤¿à¤¶à¥à¤à¤¿à¤¤ à¤à¤° सà¤à¥à¤ । à¤à¤§à¥à¤¨à¤¿à¤ शिà¤à¥à¤·à¤£ पदà¥à¤§à¤¤à¤¿à¤¯à¥à¤ à¤à¥ ठपनाà¤à¤° à¤à¤° à¤à¤¸à¥ पाठà¥à¤¯à¤à¥à¤°à¤® तà¥à¤¯à¤¾à¤° à¤à¤°à¤à¥ à¤à¥ वासà¥à¤¤à¤µà¤¿à¤ दà¥à¤¨à¤¿à¤¯à¤¾ à¤à¥ à¤à¥à¤¨à¥à¤¤à¤¿à¤¯à¥à¤ à¤à¥ दरà¥à¤¶à¤¾à¤¤à¥ हà¥à¤, हम यह सà¥à¤¨à¤¿à¤¶à¥à¤à¤¿à¤¤ à¤à¤°à¤¨à¥ à¤à¤¾ पà¥à¤°à¤¯à¤¾à¤¸ à¤à¤°à¥à¤à¤à¥ à¤à¤¿ हमारॠविदà¥à¤¯à¤¾à¤°à¥à¤¥à¥ न à¤à¥à¤µà¤² शà¥à¤à¥à¤·à¤£à¤¿à¤ रà¥à¤ª सॠदà¤à¥à¤· हà¥à¤, बलà¥à¤à¤¿ à¤à¤ à¤à¥ वà¥à¤¶à¥à¤µà¥à¤ दà¥à¤¨à¤¿à¤¯à¤¾ à¤à¥ à¤à¤à¤¿à¤² समसà¥à¤¯à¤¾à¤à¤ à¤à¤¾ सामना à¤à¤°à¤¨à¥ à¤à¥ लिठà¤à¥ पà¥à¤°à¥ तरह सॠततà¥à¤ªà¤° हà¥à¤ । 1671</p> 1672 1673<p><b>à¤à¤¯ हिà¤à¤¦!</b></p> 1674 </div> 1675 <div class="modal-footer"> 1676 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> 1677 </div> 1678 </div> 1679 </div> 1680</div> 1681 1682<style> 1683/* Section Styling */ 1684.director-updates { 1685 background: #f8f9fa; 1686} 1687 1688/* Card Shadows */ 1689.director-updates .card { 1690 border-radius: 0.5rem; 1691 transition: transform 0.3s; 1692} 1693.director-updates .card:hover { 1694 transform: translateY(-5px); 1695} 1696 1697/* Director Image */ 1698.director-updates .card img { 1699 max-width: 100%; 1700} 1701 1702/* Badges in updates */ 1703.director-updates .badge { 1704 font-size: 0.75rem; 1705 font-weight: 600; 1706} 1707 1708/* Responsive adjustments */ 1709@media (max-width: 992px) { 1710 .director-updates .card img { 1711 margin-bottom: 1rem; 1712 } 1713} 1714</style> 1715</div> 1716 1717 </div> 1718 1719 </div> 1720 1721 1722 1723<section class="alerts-news-events w-100 pb-5 pt-0 mb-0 mt-0" style="background-color: #e0e6f4"> 1724 <div class="mx-5"> 1725 <div class="row justify-content-center g-2"> 1726 1727 <div class="col-xl-6 col-12"> 1728 <div class="card h-100 shadow-sm" style="border:1px solid #e2e6ef;"> 1729 <div class="card-body"> 1730 <div class="region region-news"> 1731 <div id="block-raina-theme-landing-news" class="block block-block-content block-block-content50e9600e-eefd-4b2a-a035-fc46e5d21ecf"> 1732 1733 1734 1735 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><section class="academic-news-flat"> 1736 <div class="row g-0 m-0"> 1737 <div class="col-12"> 1738 <div class="news-box bg-slate"> 1739 1740 <!-- Header --> 1741 <div class=" d-flex justify-content-between news-header text-dark"><div>Latest News | नवà¥à¤¨à¤¤à¤® समाà¤à¤¾à¤°</div><div><a href="/news" class="btn btn-link text-dark"> <i class="bi bi-plus-circle-fill fs-4"></i></a></div></div> 1742 1743<div id="news-content" style="height:480px; overflow-y: scroll; scrollbar-width: thin; 1744 scrollbar-color: lightgray #2b384c; font-size:20px;"> 1745 <!-- News will load here --> 1746 </div> 1747 1748 1749 </div> 1750 </div> 1751 </div> 1752</section> 1753 1754 1755<style> 1756/* Remove spacing */ 1757.academic-news-flat, 1758.academic-news-flat .row, 1759.academic-news-flat [class^="col-"] { 1760 margin: 0; 1761 padding: 0; 1762} 1763 1764/* Base box */ 1765.news-box { 1766 width: 100%; 1767 color: #fff; 1768} 1769 1770/* Header */ 1771.news-header { 1772 padding: 1.3rem 2rem; 1773 font-size: 1.25rem; 1774 font-weight: 600; 1775 text-transform: uppercase; 1776 border-bottom: 2px solid rgba(255,255,255,0.2); 1777} 1778 1779 1780 1781 1782
1783/* Academic vibrant color */ 1784.bg-slate { 1785 /* background:#50678b;*/ 1786 background:#b3c0d3; 1787} 1788/* =============================== 1789 DATATABLE DARK THEME (SCOPED) 1790 =============================== */ 1791/* =============================== 1792 EMBEDDED NEWS â SINGLE ROW COLOR 1793 =============================== */ 1794 1795.bg-slate .embedded-news, 1796.bg-slate .embedded-news * { 1797 background-color: transparent !important; 1798 color: #000000; 1799} 1800 1801/* TABLE BASE */ 1802.bg-slate .embedded-news table { 1803 width: 100%; 1804 background: transparent !important; 1805 border-collapse: collapse; 1806} 1807 1808/* REMOVE ALL BORDERS */ 1809.bg-slate .embedded-news th{ 1810display:none 1811} 1812.bg-slate .embedded-news table, 1813.bg-slate .embedded-news th, 1814.bg-slate .embedded-news td { 1815 border: none !important; 1816} 1817 1818/* HEADER */ 1819.bg-slate .embedded-news thead th { 1820 background: #445b7d !important; 1821 color: #000000; 1822 font-weight: 600; 1823 padding: 0.75rem; 1824 border-bottom: 2px solid rgba(255,255,255,0.35) !important; 1825} 1826 1827/* ROW BASE (all same color) */ 1828.bg-slate .embedded-news tbody tr { 1829 background: #b3c0d3 !important; 1830 height: 62px; /* try 54â60px */ 1831} 1832 1833/* ONLY BOTTOM BORDER BETWEEN ROWS */ 1834.bg-slate .embedded-news tbody td { 1835 padding: 0.75rem; 1836 border-bottom: 1px solid rgba(255,255,255,0.18) !important; 1837 font-size: 1.0rem; /* slightly smaller */ 1838 line-height: 1.45; /* more breathing space */ 1839} 1840 1841/* REMOVE LAST ROW BORDER */ 1842.bg-slate .embedded-news tbody tr:last-child td { 1843 border-bottom: none !important; 1844} 1845 1846/* HOVER (optional, subtle) */ 1847.bg-slate .embedded-news tbody tr:hover { 1848 background: #6f7f99 !important; /* lighter hover */ 1849} 1850 1851/* LINKS */ 1852.bg-slate .embedded-news a { 1853 color: #000000 !important; 1854 text-decoration: none; 1855} 1856 1857.bg-slate .embedded-news a:hover { 1858 text-decoration: underline; 1859 color: #ffffff !important; 1860} 1861 1862/* DATATABLE CONTROLS */ 1863.bg-slate .embedded-news .dataTable-input, 1864.bg-slate .embedded-news .dataTable-pagination a { 1865 background: #3f5472 !important; 1866 color: #000000 !important; 1867 border: none; 1868} 1869 1870.bg-slate .embedded-news .dataTable-pagination a.active { 1871 background: #1f2f45 !important; 1872} 1873 1874/* =============================== 1875 COMPACT ACADEMIC DATE PILL 1876 =============================== */ 1877 1878.bg-slate .embedded-news .news-date { 1879 display: inline-flex !important; 1880 flex-direction: row !important; /* horizontal */ 1881 align-items: center !important; 1882 gap: 4px; 1883 white-space: nowrap !important; 1884 1885 padding: 4px 10px; 1886 min-width: max-content; 1887 1888 background: linear-gradient(135deg, #ffffff, #eef2f7); 1889 border-radius: 999px; /* pill */ 1890 font-size: 0.85rem; 1891 font-weight: 600; 1892 line-height: 1; 1893 1894 color: #1f2f45; 1895 white-space: nowrap; 1896} 1897 =============================== */ 1898.bg-slate .embedded-news .news-date { 1899 display: inline-flex !important; 1900 flex-direction: row !important; /* horizontal */ 1901 align-items: center !important; 1902 gap: 4px; 1903 white-space: nowrap !important; 1904} 1905 1906.bg-slate .embedded-news .news-date span { 1907 display: inline-block !important; /* prevent stacking */ 1908 white-space: nowrap !important; 1909} 1910/* Day stronger */ 1911.bg-slate .embedded-news .news-date .day { 1912 font-size: 0.85rem; 1913 font-weight: 700; 1914} 1915 1916/* Month muted */ 1917.bg-slate .embedded-news .news-date .month { 1918 font-size: 0.7rem; 1919 text-transform: uppercase; 1920 letter-spacing: 0.3px; 1921 opacity: 0.85; 1922} 1923 1924/* Year tiny */ 1925.bg-slate .embedded-news .news-date .year { 1926 font-size: 0.65rem; 1927 opacity: 0.6; 1928} 1929/* FORCE DATE PARTS TO STAY HORIZONTAL */ 1930.bg-slate .embedded-news .news-date span { 1931 display: inline !important; 1932 white-space: nowrap; 1933} 1934</style>
1935<script> 1936document.addEventListener("DOMContentLoaded", function () { 1937 1938 const target = document.getElementById('news-content'); 1939 if (!target) { 1940 console.error('news-content not found'); 1941 return; 1942 } 1943 1944 fetch('/news') 1945 .then(r => r.text()) 1946 .then(html => { 1947 const doc = new DOMParser().parseFromString(html, 'text/html'); 1948 const news = doc.querySelector('#main-news'); 1949 1950 if (!news) { 1951 console.error('main-news not found in /news'); 1952 return; 1953 } 1954 1955 /* Remove layout-breaking classes */ 1956 news.classList.remove('container', 'p-3'); 1957 1958 /* Inject HTML */ 1959 target.innerHTML = ` 1960 <div class="embedded-news"> 1961 ${news.innerHTML} 1962 </div> 1963 `; 1964 1965 /* =============================== 1966 SHOW ONLY FIRST 8 ENTRIES 1967 =============================== */ 1968 const rows = target.querySelectorAll('.embedded-news tbody tr'); 1969 rows.forEach((row, index) => { 1970 if (index >= 10) { 1971 row.style.display = 'none'; 1972 } 1973 }); 1974 1975 /* =============================== 1976 COMPACT DATE PILL FORMAT 1977 =============================== */ 1978 target.querySelectorAll('.news-date').forEach(el => { 1979 const text = el.textContent.replace(/\s+/g, ' ').trim(); 1980 // Expected: "29 Jan 2026" 1981 1982 const parts = text.split(' '); 1983 1984 if (parts.length === 3) { 1985 el.innerHTML = ` 1986 <span class="day">${parts[0]}</span> 1987 <span class="month">${parts[1]}</span> 1988 <span class="year">â${parts[2].slice(2)}</span> 1989 `; 1990 } 1991 }); 1992 1993 }) 1994 .catch(err => console.error('News load error:', err)); 1995 1996}); 1997</script>
1997 1998 1999 2000</div> 2001 2002 </div> 2003 2004 </div> 2005 2006 </div> 2007 </div> 2008 </div> 2009 2010 <div class="col-xl-6 col-12"> 2011 <div class="card h-100 shadow-sm" style="border:1px solid #e2e6ef;"> 2012 <div class="card-body"> 2013 <div class="region region-alerts"> 2014 <div id="block-raina-theme-landing-alerts" class="block block-block-content block-block-content281cf750-4449-4c09-bd54-b299b81223c5"> 2015 2016 2017 2018 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><section class="academic-events-flat"> 2019 <div class="w-100"> 2020 <div class="events-box"> 2021 2022 <!-- Header --> 2023 <div class="events-header d-flex justify-content-between"> 2024 <div>Alerts | सà¥à¤à¤¨à¤¾à¤à¤</div> 2025 <div><a href="/alerts" class="btn btn-link text-dark"> <i class="bi bi-plus-circle-fill fs-4"></i> </a></div> 2026 </div> 2027 2028 <!-- EVENTS LOAD HERE --> 2029 <div id="event-content" class="events-scroll"> 2030 Loading events⦠2031 </div> 2032 2033 </div> 2034 </div> 2035 2036</section> 2037 2038<style> 2039/* ============================ */ 2040/* CONTAINER / HEADER */ 2041/* ============================ */ 2042#event-content tbody td:last-child:not(:empty) { 2043 display: flex !important; 2044 align-items: center !important; 2045 justify-content: center !important; 2046 flex: 0 0 120px !important; 2047 height: 40px !important; 2048 background: #b0c4d1 !important; 2049 ... 2050} 2051 2052 2053.events-box { 2054 width: 100% !important; 2055 background: #dfe4e8 !important; /* light academic color */ 2056 padding: 0 !important; 2057 display: block !important; 2058} 2059 2060.events-header { 2061 padding: 1.3rem 2rem! important; 2062 font-size: 1.25rem! important; 2063 font-weight: 600! important; 2064 text-transform: uppercase! important; 2065 border-bottom: 2px solid rgba(121,121,121,0.3); 2066} 2067 2068/* ============================ */ 2069/* SCROLL AREA */ 2070/* ============================ */ 2071.events-scroll { 2072 height: 480px! important; 2073 overflow-y: auto! important; 2074 display: block! important; 2075 padding: 0! important; 2076} 2077 2078/* ============================ */ 2079/* TABLE / ROW BASE */ 2080/* ============================ */ 2081#event-content table { 2082 width: 100%! important; 2083 border-collapse: collapse! important; 2084 2085} 2086 2087#event-content tbody tr { 2088 background: transparent !important; /* no row bg */ 2089 display: flex !important; 2090 justify-content: space-between !important; 2091 align-items: center !important; 2092 padding: 0.75rem 1.5rem !important; 2093 transition: background 0.25s ease !important; 2094 border-bottom: thin solid rgba(121,121,121,0.3); 2095} 2096 2097/* Hover whole row */ 2098#event-content tbody tr:hover { 2099 background: rgba(44,62,80,0.05) !important; /* subtle hover */ 2100} 2101#event-content thead tr { 2102display :none; 2103} 2104/* ============================ */ 2105/* CELL STYLING */ 2106/* ============================ */ 2107#event-content tbody td { 2108 background: transparent !important; 2109 vertical-align: middle !important; 2110 padding: 0 !important; 2111 display: flex !important; 2112 justify-content: space-between !important; 2113 align-items: center !important; 2114 width: 100% !important; 2115border-bottom-width: 0 !important; 2116} 2117 2118/* TITLE + DESCRIPTION STACKED */ 2119#event-content tbody td:first-child { 2120 display: flex !important; 2121 flex-direction: column !important; 2122 justify-content: center !important; 2123 gap: 0.25rem !important; 2124 flex: 1 1 auto !important; /* take remaining space */ 2125} 2126 2127#event-content tbody td strong { 2128 display: block !important; 2129 font-size: 1rem !important; 2130 font-weight: 600 !important; 2131 margin: 0 !important; 2132} 2133#event-content tbody td small { 2134 font-size: 0.9rem !important; 2135 opacity: 0.9 !important; 2136} 2137#event-content tbody td .fontsm { 2138 font-size: 0.7rem !important; 2139 2140} 2141 2142/* ============================ */ 2143/* DATE BADGE */ 2144/* ============================ */ 2145#event-content tbody td:last-child:not(:empty) { 2146 display: flex !important; 2147 align-items: center !important; 2148 justify-content: center !important; 2149 flex: 0 0 120px !important; 2150 height: 40px !important; 2151 background: #b0c4d1 !important; 2152 color: #243447 !important; 2153 font-size: 0.75rem !important; 2154 font-weight: 600 !important; 2155 text-transform: uppercase !important; 2156 letter-spacing: 0.5px !important; 2157 border-radius: 6px !important; 2158 text-align: center !important; 2159 line-height: 40px !important; 2160 box-shadow: inset 0 0 0 1px rgba(36,52,71,0.15) !important; 2161 margin: 0 !important; 2162} 2163#event-content tbody td:first-child, 2164#event-content tbody td:first-child a { 2165 text-align: left !important; 2166 align-items: flex-start !important; 2167color: #192B41; 2168 justify-content: flex-start !important; 2169text-decoration:none 2170} 2171 2172#event-content tbody td:first-child a:hover { 2173color: black; 2174text-decoration:underline; 2175} 2176/* Prevent badge from changing on row hover */ 2177#event-content tbody tr:hover td:last-child { 2178 background: #b0c4d1 !important; 2179 color: #243447 !important; 2180} 2181 2182/* ============================ */ 2183/* FULL WIDTH BORDER LINE */ 2184/* ============================ */ 2185#event-content tbody tr td:first-child::after { 2186 2187 2188} 2189 2190/* ============================ */ 2191/* MOBILE STACK */ 2192/* ============================ */ 2193@media (max-width: 768px) { 2194 2195 /* Make the whole Alerts section edge-to-edge */ 2196 .academic-events-flat { 2197 width: 94vw !important; 2198max-width: 94vw !important; 2199margin-left: calc(50% - 47vw) !important; 2200margin-right: 0 !important; 2201 padding-right: 0 !important; 2202margin-top:0 !important; 2203margin-bottom:0 !important; 2204 } 2205 2206 .academic-events-flat > .w-100 { 2207 width: 100% !important; 2208 max-width: 100% !important; 2209 margin: 0 !important; 2210 padding: 0 !important; 2211 } 2212.card, 2213.card-body { 2214 background: #E0E6F4 !important; 2215 border: none !important; 2216 box-shadow: none !important; 2217 border-radius: 0 !important; 2218} 2219 2220.card::before, 2221.card::after, 2222.card-body::before, 2223.card-body::after { 2224 display: none !important; 2225 content: none !important; 2226} 2227 .events-box { 2228 2229 width: 100% !important; 2230 max-width: 100% !important; 2231 margin: 0 !important; 2232 padding: 0 !important; 2233 } 2234 2235 .events-header { 2236 2237 width: 100% !important; 2238 box-sizing: border-box !important; 2239 } 2240 2241 .events-scroll { 2242 width: 100% !important; 2243 max-width: 100% !important; 2244 margin: 0 !important; 2245 padding: 0 !important; 2246 overflow-x: hidden !important; 2247 box-sizing: border-box !important; 2248 } 2249 2250 #event-content table { 2251 width: 50% !important; 2252 max-width: 50% !important; 2253 margin: 0 !important; 2254 } 2255 2256 #event-content tbody, 2257 #event-content tbody tr { 2258 width: 95% !important; 2259 max-width: 95% !important; 2260 box-sizing: border-box !important; 2261 } 2262 2263 #event-content tbody tr { 2264 padding: 0.75rem 1rem !important; 2265 } 2266} 2267</style> 2268
2269<script> 2270 2271 2272 2273document.addEventListener("DOMContentLoaded", function () { 2274 fetch("/alerts") 2275 .then(res => res.text()) 2276 .then(html => { 2277 const doc = new DOMParser().parseFromString(html, "text/html"); 2278 const table = doc.querySelector("#eventsTable"); 2279 2280 if (table) { 2281 // Wrap date in single span badge 2282 table.querySelectorAll("tbody tr").forEach(row => { 2283 const td = row.lastElementChild; 2284 if (td && !td.querySelector("span.date-badge")) { 2285 const dateText = td.innerText.trim(); 2286 td.innerHTML = `<span class="date-badge">${dateText}</span>`; 2287 } 2288 }); 2289 2290 document.getElementById("event-content").innerHTML = table.outerHTML; 2291 } else { 2292 document.getElementById("event-content").innerHTML = 2293 "<div class='p-3'>No upcoming events.</div>"; 2294 } 2295 }) 2296 .catch(() => { 2297 document.getElementById("event-content").innerHTML = 2298 "<div class='p-3'>Failed to load events.</div>"; 2299 }); 2300}); 2301</script>
2301 2302</div> 2303 2304 </div> 2305 2306 </div> 2307 2308 </div> 2309 </div> 2310 </div> 2311 2312 </div> 2313 </div> 2314</section> 2315 2316 2317 2318 2319 <div class="region region-counters"> 2320 <div id="block-raina-theme-landing-counters" class="block block-block-content block-block-content969e3ee7-5c61-43df-9fe2-2fe6e76c0e30"> 2321 2322 2323 2324 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><section class="premium-counter py-5"> 2325 <div class="container"> 2326 2327 <div class="row text-center g-4 row-cols-2 row-cols-md-4"> 2328 2329 <div class="col stat-item"> 2330 <div class="accent-line"></div> 2331 <i class="bi bi-book stat-icon"></i> 2332 <h2 class="stat-number counter" data-target="6506">0</h2> 2333 <p class="stat-label fs-5 text-dark">सà¥à¤¨à¤¾à¤¤à¤ à¤à¤¾à¤¤à¥à¤°</p> 2334 </div> 2335 2336 <div class="col stat-item"> 2337 <div class="accent-line"></div> 2338 <i class="bi bi-mortarboard stat-icon"></i> 2339 <h2 class="stat-number counter" data-target="1061">0</h2> 2340 <p class="stat-label fs-5 text-dark">सà¥à¤¨à¤¾à¤¤à¤à¥à¤¤à¥à¤¤à¤° à¤à¤¾à¤¤à¥à¤°</p> 2341 </div> 2342 2343 <div class="col stat-item"> 2344 <div class="accent-line"></div> 2345 <i class="bi bi-search stat-icon"></i> 2346 <h2 class="stat-number counter" data-target="1787">0</h2> 2347 <p class="stat-label fs-5 text-dark">शà¥à¤§à¤¾à¤°à¥à¤¥à¥</p> 2348 </div> 2349 2350 <div class="col stat-item"> 2351 <div class="accent-line"></div> 2352 <i class="bi bi-gender-female stat-icon"></i> 2353 <h2 class="stat-number counter" data-target="2018">0</h2> 2354 <p class="stat-label fs-5 text-dark">à¤à¤¾à¤¤à¥à¤°à¤¾à¤à¤</p> 2355 </div> 2356 2357 <div class="col stat-item"> 2358 <div class="accent-line"></div> 2359 <i class="bi bi-person-badge stat-icon"></i> 2360 <h2 class="stat-number counter" data-target="376">0</h2> 2361 <p class="stat-label fs-5 text-dark">शिà¤à¥à¤·à¤à¤à¤£</p> 2362 </div> 2363 2364 <div class="col stat-item"> 2365 <div class="accent-line"></div> 2366 <i class="bi bi-people stat-icon"></i> 2367 <h2 class="stat-number counter" data-target="422">0</h2> 2368 <p class="stat-label fs-5 text-dark">à¤à¤°à¥à¤®à¤à¤¾à¤°à¥à¤à¤£</p> 2369 </div> 2370 2371 <div class="col stat-item"> 2372 <div class="accent-line"></div> 2373 <i class="bi bi-diagram-3 stat-icon"></i> 2374 <h2 class="stat-number counter" data-target="575">0</h2> 2375 <p class="stat-label"> 2376 <span class="fs-5 text-dark">पà¥à¤°à¤¾à¤¯à¥à¤à¤¿à¤¤ परियà¥à¤à¤¨à¤¾à¤à¤</span><br> 2377 <span class="small text-muted">(पà¥à¤°à¤à¤²à¤¿à¤¤)</span> 2378 </p> 2379 </div> 2380 2381 <div class="col stat-item"> 2382 <div class="accent-line"></div> 2383 <i class="bi bi-briefcase stat-icon"></i> 2384 <h2 class="stat-number counter" data-target="1745">0</h2> 2385 <p class="stat-label"> 2386 <span class="fs-5 text-dark">परामरà¥à¤¶ परियà¥à¤à¤¨à¤¾à¤à¤</span><br> 2387 <span class="small text-muted">(वितà¥à¤¤à¥à¤¯ वरà¥à¤· 2024-25)</span> 2388 </p> 2389 </div> 2390 2391 </div> 2392 2393 </div> 2394</section> 2395 2396<style> 2397 @media (max-width: 1199.98px) { 2398 .mega-wrap { 2399 flex-direction: column !important; 2400 } 2401.row{ 2402flex-direction: row !important; 2403} 2404} 2405 2406@media (max-width: 576px) { 2407.mega-wrap { 2408 flex-direction: column !important; 2409 } 2410.row{ 2411flex-direction: row !important; 2412} 2413 .col { 2414 width: 50% !important; 2415 } 2416} 2417/* Premium Soft Institutional Background */ 2418.premium-counter { 2419 background: #f4f6f9; /* clean light grey-blue */ 2420} 2421 2422/* Individual Stat */ 2423.stat-item { 2424 padding: 30px 15px; 2425 position: relative; 2426} 2427 2428/* Thin Top Accent Line */ 2429.accent-line { 2430 width: 40px; 2431 height: 3px; 2432 background: #800000; /* Premium Maroon */ 2433 margin: 0 auto 15px; 2434 border-radius: 2px; 2435} 2436 2437/* Icon */ 2438.stat-icon { 2439 font-size: 30px; 2440 color: #800000; 2441 margin-bottom: 12px; 2442} 2443 2444/* Number */ 2445.stat-number { 2446 font-weight: 700; 2447 font-size: 32px; 2448 color: #1c1c1c; 2449 margin-bottom: 6px; 2450 letter-spacing: 1px; 2451} 2452 2453/* Label */ 2454.stat-label { 2455 font-size: 14px; 2456 color: #555; 2457 margin-bottom: 0; 2458} 2459 2460/* Subtle Divider (Desktop Only) */ 2461@media (min-width: 768px) { 2462 .stat-item:not(:nth-child(4n))::after { 2463 content: ""; 2464 position: absolute; 2465 top: 25%; 2466 right: 0; 2467 height: 50%; 2468 width: 1px; 2469 background: rgba(0, 0, 0, 0.06); 2470 } 2471} 2472 2473/* Slight hover elegance */ 2474.stat-item:hover .accent-line { 2475 width: 60px; 2476 transition: 0.3s ease; 2477} 2478</style>
2479<script> 2480document.addEventListener("DOMContentLoaded", function () { 2481 const counters = document.querySelectorAll('.counter'); 2482 const speed = 200; 2483 2484 const animateCounters = () => { 2485 counters.forEach(counter => { 2486 const target = +counter.getAttribute('data-target'); 2487 const updateCount = () => { 2488 const count = +counter.innerText; 2489 const increment = Math.ceil(target / speed); 2490 2491 if (count < target) { 2492 counter.innerText = count + increment; 2493 setTimeout(updateCount, 15); 2494 } else { 2495 counter.innerText = target.toLocaleString(); 2496 } 2497 }; 2498 updateCount(); 2499 }); 2500 }; 2501 2502 // Animate only when section is visible 2503 const section = document.querySelector('.premium-counter'); 2504 const observer = new IntersectionObserver(entries => { 2505 if (entries[0].isIntersecting) { 2506 animateCounters(); 2507 observer.disconnect(); 2508 } 2509 }, { threshold: 0.4 }); 2510 2511 observer.observe(section); 2512}); 2513</script>
2513</div> 2514 2515 </div> 2516 2517 </div> 2518 2519 2520 <div class="region region-events"> 2521 <div id="block-raina-theme-landing-events" class="block block-block-content block-block-content597233ea-9c6d-4901-a7d6-58cd8b4be218"> 2522 2523 2524 2525 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><section class="mixed-academic-section"> 2526 <div class="text-center"><h3 class="text-center section-title">Events | à¤à¤¾à¤°à¥à¤¯à¤à¥à¤°à¤®</h3><!--<a href="/events" class="btn btn-link text-dark"> <i class="bi bi-plus-circle-fill fs-4"></i> </a>--></div> 2527 2528 <div class="mixed-slider"> 2529 2530 <button class="mixed-nav mixed-prev">❮</button> 2531 2532 <div class="mixed-track"> 2533 2534 <!-- CARD 2 : FLIP CARD --> 2535 2536<div class="mixed-slide"> 2537 <div class="card flip-card"> 2538 <div class="flip-inner"> 2539 <div class="flip-front"> 2540 <img src="/contents/institute/2026/event/sanskrit_language_01_oct_2026.png"> 2541<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5> Certificate Course in Sanskrit Language </h5><h6 class="me-2"> October 01, 2026 </h6></div> 2542 </div> 2543 <div class="flip-back"> 2544 <h5>Certificate Course in Sanskrit Language </h5><br> 2545 2546 <p>October 01, 2026</p> 2547 2548 <p><b>Organized by:</b> Center of Excellence in Indian Knowledge Systems, 2549IIT (BHU) Varanasi </p> 2550<p> <a href="/contents/institute/2026/event/sanskrit_language_01_octo_2026.jpg" target="_blank" class="btn btn-primary btm-sm ms-2">View Brochure</a></p> 2551 </div> 2552 </div> 2553 </div> 2554 </div> 2555 2556 2557 2558 2559 2560 2561 <div class="mixed-slide"> 2562 <div class="card flip-card"> 2563 <div class="flip-inner"> 2564 <div class="flip-front"> 2565 <img src="/sites/default/files/institute/2026/event/tlc_14_26sep_2026.png"> 2566<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5>Online Refresher Course On 2567 2568Advanced Research Methodology </h5><h6 class="me-2"> September 14â26, 2026</h6></div> 2569 </div> 2570 <div class="flip-back"> 2571 <h5>Online Refresher Course On 2572 2573Advanced Research Methodology </h5><br> 2574 2575 <p>September 14â26, 2026</p> 2576 <p>Centre for Faculty Development & Educational Technology (CFDET), IIT (BHU), Varanasi </p> 2577<p><a href="/contents/institute/2026/event/tlc_14_26sep_2026.jpg" target="_blank" class="btn btn-primary btm-sm">View Brochure</a></p> 2578 </div> 2579 </div> 2580 </div> 2581 </div> 2582 2583 2584 2585 <div class="mixed-slide"> 2586 <div class="card flip-card"> 2587 <div class="flip-inner"> 2588 <div class="flip-front"> 2589 <img src="/contents/institute/2026/event/5days_short_relabilitation_sep28_oct02_2026.jpg"> 2590<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5>5-Days Short Term International Course on 2591 2592PAVEMENT-SCANNER TECHNOLOGIES </h5><h6 class="me-2"> Sep 28â Oct 02, 2026</h6></div> 2593 </div> 2594 <div class="flip-back"> 2595 <h5>5-Days Short Term International Course on 2596 2597PAVEMENT-SCANNER TECHNOLOGIES for Structural Evaluation, Rehabilitation and Management of Pavements </h5><br> 2598 2599 <p>Sep 28â Oct 02, 2026</p> 2600 <p>Organized by 2601Civil Engineering Department, Indian Institute of Technology (BHU), Varanasi</p> 2602<p><a href="/contents/institute/2026/event/5days_short_relabilitation_sep28_oct02_2026.jpg" target="_blank" class="btn btn-primary btm-sm">View Brochure</a></p> 2603 </div> 2604 </div> 2605 </div> 2606 </div> 2607 2608 2609 <div class="mixed-slide"> 2610 <div class="card flip-card"> 2611 <div class="flip-inner"> 2612 <div class="flip-front"> 2613 <img src="/sites/default/files/institute/2026/event/tlc_26_31oct_2026.png"> 2614<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5>Short Term Program on 2615 2616Academic Writing for Research Scholars </h5><h6 class="me-2"> October 26â31, 2026</h6></div> 2617 </div> 2618 <div class="flip-back"> 2619 <h5>Short Term Program on 2620 2621Academic Writing for Research Scholars </h5><br> 2622 2623 <p>October 26â31, 2026</p> 2624 <p>Centre for Faculty Development & Educational Technology (CFDET), IIT (BHU), Varanasi </p> 2625<p><a href="/contents/institute/2026/event/tlc_26_31oct_2026.jpg" target="_blank" class="btn btn-primary btm-sm">View Brochure</a></p> 2626 </div> 2627 </div> 2628 </div> 2629 </div> 2630 2631 <div class="mixed-slide"> 2632 <div class="card flip-card"> 2633 <div class="flip-inner"> 2634 <div class="flip-front"> 2635 <img src="/sites/default/files/met/img/other/met.png"> 2636<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5>10th Gleeble User Workshop India (GUWI 2026) </h5><h6 class="me-2"> October 30â31, 2026</h6></div> 2637 </div> 2638 <div class="flip-back"> 2639 <h5>10th Gleeble User Workshop India (GUWI 2026) </h5><br> 2640 2641 <p>October 30â31, 2026</p> 2642 <p>Department of Metallurgical Engineering, IIT (BHU), Varanasi </p> 2643<p><a href="/contents/met/img/other/workshop_guwi_met_30oct_31oct_2026.jpg" target="_blank" class="btn btn-primary btm-sm">View Brochure</a></p> 2644 </div> 2645 </div> 2646 </div> 2647 </div> 2648 2649 2650 2651<div class="mixed-slide"> 2652 <div class="card flip-card"> 2653 <div class="flip-inner"> 2654 <div class="flip-front"> 2655 <img src="/contents/mst/img/other/mst_advances_17_18_dec_2026.jpg"> 2656<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5>Advances in Polymer Science and Technology </h5><h6 class="me-2"> Dec 17â18, 2026</h6></div> 2657 </div> 2658 <div class="flip-back"> 2659 <h5>Advances in Polymer Science and Technology & 14áµÊ° Professor Sukumar Maiti Polymer Award Foundation Function </h5><br> 2660 <p>Venue</p>Swatantrata Bhawan Auditorium BHU, Varanasi 2661 <p>Dec 17â18, 2026</p> 2662 <p>School of Materials Science and Technology, IIT (BHU), Varanasi </p> 2663<p><a href="/contents/mst/doc/mst_brochure_17_18_dec_2026.pdf" target="_blank" class="btn btn-primary btm-sm">View Brochure</a></p> 2664 </div> 2665 </div> 2666 </div> 2667 </div> 2668 2669 2670 2671 2672 2673 2674 <!-- <div class="mixed-slide"> 2675 <div class="card flip-card"> 2676 <div class="flip-inner"> 2677 <div class="flip-front"> 2678 <img src="/contents/eee/img/other/evnts_weorkshop_eee_21st_July_2026.jpg"> 2679<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5>Ansys Workshop & Competition On Electric Vehicle Motor</h5><h6 class="me-2"> July 21â22, 2026</h6></div> 2680 </div> 2681 <div class="flip-back"> 2682 <h5>Ansys Workshop & Competition On Electric Vehicle Motor, Battery Management System & Thermal Management </h5><br> 2683 <p>Venue</p> Electric machines and drives lab (Rampur hall), IIT-BHU 2684 <p>July 21â22, 2026</p> 2685 <p>Department of Electrical Engineering, IIT (BHU), Varanasi </p> 2686<p><a href="/contents/eee/img/other/evnts_weorkshop_eee_21st_July_2026.pdf" target="_blank" class="btn btn-primary btm-sm">View Brochure</a></p> 2687 </div> 2688 </div> 2689 </div> 2690 </div> 2691--> 2692 2693 2694 2695 2696 2697 2698 <!-- CARD 3 : FLIP CARD --> 2699 2700 <!-- <div class="mixed-slide"> 2701 <div class="card flip-card"> 2702 <div class="flip-inner"> 2703 <div class="flip-front"> 2704 <img src="/contents/iitbhu/images/events_highlights/events_icsri2026_13-15_march2026.png"> 2705 2706<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5>International Conference (ICSRI-2026)</h5><h6 class="me-2"> March 13â15, 2026</h6></div> 2707 </div> 2708 <div class="flip-back"> 2709 <h5>
2709International Conference on Seismic Resilient Infrastructure (ICSRI-2026) </h5> 2710 <p>13-15th March 2026</p> 2711 <p>Department of Civil Engineering 2712IIT (BHU), Varanasi </p> 2713<p><a href="/contents/institute/2025/event/events_conference_13mar_15mar_2026.pdf" target="_blank" class="btn btn-primary btm-sm">View Brochure</a></p> 2714 </div> 2715 </div> 2716 </div> 2717 </div> --> 2718 2719 2720<!-- CARD 4 : FLIP CARD --> 2721 2722 2723 2724 <div class="mixed-slide"> 2725 <div class="card flip-card"> 2726 <div class="flip-inner"> 2727 <div class="flip-front"> 2728 <img src="/contents/iitbhu/images/events_highlights/events_45_annual_meeting_phy_12feb_16feb_2027.jpg"> 2729 2730<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5> 45th (ASI-2027)</h5><h6 class="me-2"> February 12-16, 2027</h6></div> 2731 </div> 2732 <div class="flip-back"> 2733 <h5>45th Annual meeting of the Astronomical Society of India (ASI-2027) </h5> 2734 <p>12-16th Feb 2027</p> 2735 <p>Department of Physics 2736IIT (BHU), Varanasi </p> 2737<p><a href="/contents/iitbhu/images/events_highlights/events_45_annual_meeting_phy.jpg" target="_blank" class="btn btn-primary btm-sm">View Brochure</a></p> 2738 </div> 2739 </div> 2740 </div> 2741 </div> 2742 2743 2744 2745 2746 <div class="mixed-slide"> 2747 <div class="card flip-card"> 2748 <div class="flip-inner"> 2749 <div class="flip-front"> 2750 <img src="/sites/default/files/mat/img/other/conference_mat_19-21_2027.jpg"> 2751 2752<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2"> <h5> 2nd International Conference on Mathematical</h5><h6 class="me-2"> February 19-21, 2027</h6></div> 2753 </div> 2754 <div class="flip-back"> 2755 <h5>2nd International Conference on Mathematical Optimization Theory and Applications 2027 (ICMOTA 2027) </h5> 2756 <p>19-21 February 2027</p> 2757 <p>Department of Mathematical Sciences 2758IIT (BHU), Varanasi </p> 2759<p><a href="https://conferences.iitbhu.ac.in/ICMOTA-2027/" target="_blank" class="btn btn-primary btm-sm">View Brochure</a></p> 2760 </div> 2761 </div> 2762 </div> 2763 </div> 2764 2765<!-- Repeat --> 2766 2767 2768 </div> 2769 2770 <button class="mixed-nav mixed-next">❯</button> 2771 </div> 2772 2773</section> 2774 2775<style> 2776/* ========================== 2777 MIXED ACADEMIC SLIDER 2778========================== */ 2779 2780.mixed-academic-section { 2781 padding: 60px 0; 2782 background: linear-gradient(135deg, #f4f6f8, #d9dde3); 2783 font-family: system-ui, sans-serif; 2784} 2785 2786.mixed-title { 2787 text-align: center; 2788 font-size: 22px; 2789 margin-bottom: 30px; 2790 color: #1f2d3d; 2791} 2792 2793/* SLIDER */ 2794.mixed-slider { 2795 position: relative; 2796 max-width: 90%; 2797 margin: auto; 2798 overflow: hidden; 2799} 2800 2801.mixed-track { 2802 display: flex; 2803 will-change: transform; 2804} 2805 2806.mixed-slide { 2807 min-width: 33.33%; 2808 padding: 15px; 2809} 2810 2811/* CARD BASE */ 2812.mixed-academic-section .card { 2813 background: #fff; 2814 border-radius: 12px; 2815 height: 340px; 2816 overflow: hidden; 2817 box-shadow: 0 10px 25px rgba(0,0,0,0.12); 2818} 2819 2820/* SPLIT CARD */ 2821/* Card base */ 2822.split-card { 2823 position: relative; 2824 overflow: hidden; 2825} 2826 2827/* Your existing text rule */ 2828.split-card .card-text { 2829 width: 50%; 2830 padding: 18px; 2831 position: relative; 2832 z-index: 2; 2833} 2834 2835/* Overlay */ 2836.split-card .card-overlay { 2837 position: absolute; 2838 inset: 0; 2839 background: rgba(0, 0, 0, 0.65); 2840 display: flex; 2841 align-items: center; 2842 justify-content: center; 2843 opacity: 0; 2844 visibility: hidden; 2845 transition: all 0.35s ease; 2846 z-index: 3; 2847} 2848 2849/* Show overlay on hover */ 2850.split-card:hover .card-overlay { 2851 opacity: 1; 2852 visibility: visible; 2853} 2854 2855/* Read More button */ 2856.split-card .read-more-btn { 2857 background: #2563eb; 2858 color: #fff; 2859 padding: 10px 22px; 2860 border-radius: 30px; 2861 font-size: 0.85rem; 2862 font-weight: 600; 2863 text-decoration: none; 2864 transition: all 0.3s ease; 2865} 2866 2867.split-card .read-more-btn:hover { 2868 background: #1e40af; 2869 transform: scale(1.05); 2870} 2871 2872 2873/* IMAGE DOMINANT */ 2874.image-dominant { 2875 position: relative; 2876} 2877 2878.image-dominant img { 2879 width: 100%; 2880 height: 100%; 2881 object-fit: cover; 2882} 2883 2884.image-dominant .overlay-text { 2885 position: absolute; 2886 bottom: 0; 2887 inset-inline: 0; 2888 padding: 15px; 2889 background: rgba(0,0,0,0.6); 2890 color: #fff; 2891} 2892 2893/* TEXT HEAVY */ 2894.text-heavy { 2895 display: flex; 2896} 2897 2898.text-heavy .card-text { 2899 width: 70%; 2900 padding: 20px; 2901} 2902 2903.text-heavy img { 2904 width: 30%; 2905 object-fit: cover; 2906} 2907 2908/* FLIP CARD */ 2909.flip-card { 2910 perspective: 1000px; 2911} 2912 2913.flip-inner { 2914 width: 100%; 2915 height: 100%; 2916 transition: transform 0.8s; 2917 transform-style: preserve-3d; 2918} 2919 2920.flip-card:hover .flip-inner { 2921 transform: rotateY(180deg); 2922} 2923 2924.flip-front, 2925.flip-back { 2926 position: absolute; 2927 inset: 0; 2928 backface-visibility: hidden; 2929} 2930 2931.flip-front img { 2932 width: 100%; 2933 height: 80%; 2934 object-fit: cover; 2935} 2936 2937.flip-front h5 { 2938 padding: 10px; 2939} 2940 2941.flip-back { 2942 background: linear-gradient(135deg, #e8ebef, #cfd6dd); 2943 transform: rotateY(180deg); 2944 padding: 25px; 2945 text-align: center; 2946} 2947 2948/* NAV */ 2949.mixed-nav { 2950 position: absolute; 2951 top: 50%; 2952 transform: translateY(-50%); 2953 background: #1e3799; 2954 color: #fff; 2955 border: none; 2956 padding: 12px 16px; 2957 border-radius: 50%; 2958 cursor: pointer; 2959 z-index: 10; 2960} 2961
2962.mixed-prev { left: 10px; } 2963.mixed-next { right: 10px; } 2964 2965.mixed-nav:hover { 2966 background: #0c2461; 2967} 2968 2969/* RESPONSIVE */ 2970@media (max-width: 900px) { 2971 .mixed-slide { min-width: 100%; } 2972} 2973 2974</style> 2975
2976<script> 2977document.addEventListener("DOMContentLoaded", function () { 2978 2979 const slider = document.querySelector(".mixed-slider"); 2980 const track = document.querySelector(".mixed-track"); 2981 const prevBtn = document.querySelector(".mixed-prev"); 2982 const nextBtn = document.querySelector(".mixed-next"); 2983 2984 const slides = Array.from(track.children); 2985 const slideWidth = slides[0].getBoundingClientRect().width; 2986 const totalSlides = slides.length; 2987 2988 /* Clone slides once for seamless loop */ 2989 slides.forEach(slide => { 2990 track.appendChild(slide.cloneNode(true)); 2991 }); 2992 2993 const loopWidth = slideWidth * totalSlides; 2994 2995 let position = 0; 2996 let speed = 1.8; // adjust speed here 2997 let paused = false; 2998 let manualMove = 0; // smooth manual control 2999 3000 function animate() { 3001 3002 if (!paused) { 3003 position -= speed; 3004 } 3005 3006 /* Apply manual movement smoothly */ 3007 if (manualMove !== 0) { 3008 position += manualMove * 0.15; 3009 manualMove *= 0.85; 3010 3011 if (Math.abs(manualMove) < 0.1) { 3012 manualMove = 0; 3013 } 3014 } 3015 3016 /* Seamless reset */ 3017 if (Math.abs(position) >= loopWidth) { 3018 position += loopWidth; 3019 } 3020 3021 track.style.transform = `translate3d(${position}px,0,0)`; 3022 3023 requestAnimationFrame(animate); 3024 } 3025 3026 requestAnimationFrame(animate); 3027 3028 /* Pause on hover */ 3029 slider.addEventListener("mouseenter", () => paused = true); 3030 slider.addEventListener("mouseleave", () => paused = false); 3031 3032 /* Prev / Next */ 3033 nextBtn.addEventListener("click", () => { 3034 manualMove -= slideWidth; 3035 }); 3036 3037 prevBtn.addEventListener("click", () => { 3038 manualMove += slideWidth; 3039 }); 3040 3041}); 3042</script>
3042</div> 3043 3044 </div> 3045 3046 </div> 3047 3048 3049 <div class="region region-sections"> 3050 <div id="block-raina-theme-landing-sections" class="block block-block-content block-block-contenta8dc0af8-0851-4bf2-91ff-0df9d1db2880"> 3051 3052 3053 3054 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><section class="iit-tabs-section bg-teal-blue py-5"> 3055 <div class="container"> 3056 3057 <!-- Tabs --> 3058 <ul class="nav nav-pills justify-content-center mb-4 iit-tabs"> 3059 <li class="nav-item"> 3060 <button class="nav-link active" data-bs-toggle="pill" data-bs-target="#iit-departments"> 3061 विà¤à¤¾à¤ 3062 </button> 3063 </li> 3064 <li class="nav-item"> 3065 <button class="nav-link" data-bs-toggle="pill" data-bs-target="#iit-deans"> 3066 ठधिà¤à¤¾à¤°à¥à¤à¤£ 3067 </button> 3068 </li> 3069 <li class="nav-item"> 3070 <button class="nav-link" data-bs-toggle="pill" data-bs-target="#iit-students"> 3071 à¤à¤¾à¤¤à¥à¤° 3072 </button> 3073 </li> 3074 3075 <li class="nav-item"> 3076 <button class="nav-link" data-bs-toggle="pill" data-bs-target="#iit-resources"> 3077 सà¤à¤¸à¤¾à¤§à¤¨ 3078 </button> 3079 </li> 3080 </ul> 3081 3082 <div class="tab-content"> 3083 3084 <!-- DEPARTMENTS --> 3085 <div class="tab-pane fade show active custom-row-fix" id="iit-departments"> 3086 <div class="row g-2"> 3087 3088 <div class="col-xl-2 col-md-3 col-6"> 3089 <div class="info-card"><a href="/dept/apd" class="btn btn-link text-decoration-none"><i class="bi bi-building"></i><h6>वासà¥à¤¤à¥à¤à¤²à¤¾, यà¥à¤à¤¨à¤¾ à¤à¤µà¤ डिà¤à¤¾à¤à¤¨</h6></a></div> 3090 </div> 3091 3092 <div class="col-xl-2 col-md-3 col-6"> 3093 <div class="info-card"><a href="/dept/cer" class="btn btn-link text-decoration-none"><i class="bi bi-bricks"></i><h6>सिरà¥à¤®à¤¿à¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3094 </div> 3095 3096 <div class="col-xl-2 col-md-3 col-6"> 3097 <div class="info-card"><a href="/dept/che" class="btn btn-link text-decoration-none"><i class="bi bi-droplet-half"></i><h6>रासायनिठठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3098 </div> 3099 3100 <div class="col-xl-2 col-md-3 col-6"> 3101 <div class="info-card"><a href="/dept/civ" class="btn btn-link text-decoration-none"><i class="bi bi-cone-striped"></i><h6>सिविल ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3102 </div> 3103 3104 <div class="col-xl-2 col-md-3 col-6"> 3105 <div class="info-card"><a href="/dept/cse" class="btn btn-link text-decoration-none"><i class="bi bi-cpu"></i><h6>à¤à¤à¤ªà¥à¤¯à¥à¤à¤° विà¤à¥à¤à¤¾à¤¨ à¤à¤µà¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3106 </div> 3107 3108 <div class="col-xl-2 col-md-3 col-6"> 3109 <div class="info-card"><a href="/dept/eee" class="btn btn-link text-decoration-none"><i class="bi bi-lightning-charge"></i><h6>विदà¥à¤¯à¥à¤¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3110 </div> 3111 3112 <div class="col-xl-2 col-md-3 col-6"> 3113 <div class="info-card"><a href="/dept/ece" class="btn btn-link text-decoration-none"><i class="bi bi-broadcast"></i><h6>à¤à¤²à¥à¤à¥à¤à¥à¤°à¥à¤¨à¤¿à¤à¥à¤¸ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3114 </div> 3115 3116 <div class="col-xl-2 col-md-3 col-6"> 3117 <div class="info-card"><a href="/dept/mec" class="btn btn-link text-decoration-none"><i class="bi bi-gear-wide-connected"></i><h6>याà¤à¤¤à¥à¤°à¤¿à¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3118 </div> 3119 3120 <div class="col-xl-2 col-md-3 col-6"> 3121 <div class="info-card"><a href="/dept/met" class="btn btn-link text-decoration-none"><i class="bi bi-hammer"></i><h6>धातà¥à¤à¤°à¥à¤® ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3122 </div> 3123 3124 <div class="col-xl-2 col-md-3 col-6"> 3125 <div class="info-card"><a href="/dept/min" class="btn btn-link text-decoration-none">
3125<i class="bi bi-minecart-loaded"></i><h6>à¤à¤¨à¤¨ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3126 </div> 3127 3128 <div class="col-xl-2 col-md-3 col-6"> 3129 <div class="info-card"><a href="/dept/phe" class="btn btn-link text-decoration-none"><i class="bi bi-capsule"></i><h6>à¤à¤·à¤§à¤¿ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3130 </div> 3131 3132 <div class="col-xl-2 col-md-3 col-6"> 3133 <div class="info-card"><a href="/dept/chy" class="btn btn-link text-decoration-none"><i class="bi bi-droplet"></i><h6>रसायन विà¤à¥à¤à¤¾à¤¨</h6></a></div> 3134 </div> 3135 3136 <div class="col-xl-2 col-md-3 col-6"> 3137 <div class="info-card"><a href="/dept/mat" class="btn btn-link text-decoration-none"><i class="bi bi-calculator"></i><h6>à¤à¤£à¤¿à¤¤à¥à¤¯ विà¤à¥à¤à¤¾à¤¨</h6></a></div> 3138 </div> 3139 3140 <div class="col-xl-2 col-md-3 col-6"> 3141 <div class="info-card"><a href="/dept/phy" class="btn btn-link text-decoration-none"><i class="bi bi-lightbulb"></i><h6>à¤à¥à¤¤à¤¿à¤à¥</h6></a></div> 3142 </div> 3143 3144 <div class="col-xl-2 col-md-3 col-6"> 3145 <div class="info-card"><a href="/dept/bce" class="btn btn-link text-decoration-none"><i class="bi bi-diagram-3"></i><h6>à¤à¥à¤µ-रासायनिठठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3146 </div> 3147 3148 <div class="col-xl-2 col-md-3 col-6"> 3149 <div class="info-card"><a href="/dept/bme" class="btn btn-link text-decoration-none"><i class="bi bi-heart-pulse"></i><h6>à¤à¥à¤µ-à¤à¤¿à¤à¤¿à¤¤à¥à¤¸à¤¾ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3150 </div> 3151 3152 <div class="col-xl-2 col-md-3 col-6"> 3153 <div class="info-card"><a href="/dept/dse" class="btn btn-link text-decoration-none"><i class="bi bi-graph-up-arrow"></i><h6>निरà¥à¤£à¤¯ विà¤à¥à¤à¤¾à¤¨ à¤à¤µà¤ ठà¤à¤¿à¤¯à¤¾à¤à¤¤à¥à¤°à¤¿à¤à¥</h6></a></div> 3154 </div> 3155 3156 <div class="col-xl-2 col-md-3 col-6"> 3157 <div class="info-card"><a href="/dept/mst" class="btn btn-link text-decoration-none"><i class="bi bi-layers"></i><h6>पदारà¥à¤¥ विà¤à¥à¤à¤¾à¤¨ à¤à¤µà¤ पà¥à¤°à¥à¤¦à¥à¤¯à¥à¤à¤¿à¤à¥</h6></a></div> 3158 </div> 3159 3160 <div class="col-xl-2 col-md-3 col-6"> 3161 <div class="info-card"><a href="/dept/hss" class="btn btn-link text-decoration-none"><i class="bi bi-book-half"></i><h6>मानविà¤à¥ ठधà¥à¤¯à¤¯à¤¨</h6></a></div> 3162 </div> 3163 3164 </div> 3165 </div> 3166 3167 <!-- ================= DEANS ================= --> 3168<div class="tab-pane fade custom-row-fix" id="iit-deans"> 3169 3170 <!-- ===== Governance ===== --> 3171 <div class="row g-2 justify-content-left mb-3"> 3172 3173 <div class="col-xl-2 col-md-3 col-6"> 3174 <div class="info-card"> 3175 <a href="/administration/people?v=v-pills-bog#tab-chairman" class="btn btn-link text-decoration-none"> 3176 <i class="bi bi-diagram-3"></i> 3177 <h6>à¤à¤µà¤°à¥à¤¨à¤°à¥à¤¸ बà¥à¤°à¥à¤¡</h6> 3178 </a> 3179 </div> 3180 </div> 3181 3182 <div class="col-xl-2 col-md-3 col-6"> 3183 <div class="info-card"> 3184 <a href="/administration/people?v=v-pills-chairmanBog#tab-chairman" class="btn btn-link text-decoration-none"> 3185 <i class="bi bi-person-badge"></i> 3186 <h6>ठधà¥à¤¯à¤à¥à¤·, à¤à¤µà¤°à¥à¤¨à¤°à¥à¤¸ बà¥à¤°à¥à¤¡</h6> 3187 </a> 3188 </div> 3189 </div> 3190 3191 <div class="col-xl-2 col-md-3 col-6"> 3192 <div class="info-card"> 3193 <a href="/administration/people?v=v-pills-dir#tab-dir" class="btn btn-link text-decoration-none"> 3194 <i class="bi bi-building"></i> 3195 <h6>निदà¥à¤¶à¤</h6> 3196 </a> 3197 </div> 3198 </div> 3199 3200 <!-- ===== Deans ===== --> 3201 3202 <div class="col-xl-2 col-md-3 col-6"> 3203 <div class="info-card"> 3204 <a href="/administration/people?v=v-pills-doaa#tab-dean" class="btn btn-link text-decoration-none"> 3205 <i class="bi bi-mortarboard"></i> 3206 <h6>डà¥à¤¨ (शà¥à¤à¥à¤·à¤£à¤¿à¤ à¤à¤¾à¤°à¥à¤¯)</h6> 3207 </a> 3208 </div> 3209 </div> 3210 3211 <div class="col-xl-2 col-md-3 col-6"> 3212 <div class="info-card"> 3213 <a href="/administration/people?v=v-pills-dosa#tab-dean" class="btn btn-link text-decoration-none"> 3214 <i class="bi bi-people"></i> 3215 <h6>डà¥à¤¨ (à¤à¤¾à¤¤à¥à¤° à¤à¤¾à¤°à¥à¤¯)</h6> 3216 </a> 3217 </div> 3218 </div> 3219 3220 <div class="col-xl-2 col-md-3 col-6"> 3221 <div class="info-card"> 3222 <a href="/administration/people?v=v-pills-dofa#tab-dean" class="btn btn-link text-decoration-none">
3223 <i class="bi bi-person-badge"></i> 3224 <h6>डà¥à¤¨ (सà¤à¤à¤¾à¤¯ à¤à¤¾à¤°à¥à¤¯)</h6> 3225 </a> 3226 </div> 3227 </div> 3228 3229 <div class="col-xl-2 col-md-3 col-6"> 3230 <div class="info-card"> 3231 <a href="/administration/people?v=v-pills-dord#tab-dean" class="btn btn-link text-decoration-none"> 3232 <i class="bi bi-bezier2"></i> 3233 <h6>डà¥à¤¨ (ठनà¥à¤¸à¤à¤§à¤¾à¤¨ à¤à¤µà¤ विà¤à¤¾à¤¸)</h6> 3234 </a> 3235 </div> 3236 </div> 3237 3238 <div class="col-xl-2 col-md-3 col-6"> 3239 <div class="info-card"> 3240 <a href="/administration/people?v=v-pills-dora#tab-dean" class="btn btn-link text-decoration-none"> 3241 <i class="bi bi-award"></i> 3242 <h6>डà¥à¤¨ (सà¤à¤¸à¤¾à¤§à¤¨ à¤à¤µà¤ पà¥à¤°à¥à¤µ à¤à¤¾à¤¤à¥à¤°)</h6> 3243 </a> 3244 </div> 3245 </div> 3246 3247 <div class="col-xl-2 col-md-3 col-6"> 3248 <div class="info-card"> 3249 <a href="/administration/people/?v=v-pills-incr#tab-other" class="btn btn-link text-decoration-none"> 3250 <i class="bi bi-briefcase"></i> 3251 <h6>पà¥à¤°à¥à¤«à¥à¤¸à¤° पà¥à¤°à¤à¤¾à¤°à¥ (पà¥à¤°à¤¶à¤¾à¤¸à¤¨)</h6> 3252 </a> 3253 </div> 3254 </div> 3255 3256 <div class="col-xl-2 col-md-3 col-6"> 3257 <div class="info-card"> 3258 <a href="/administration/people/?v=v-pills-registrar#tab-reg" class="btn btn-link text-decoration-none"> 3259 <i class="bi bi-journal-text"></i> 3260 <h6>à¤à¥à¤²à¤¸à¤à¤¿à¤µ</h6> 3261 </a> 3262 </div> 3263 </div> 3264 3265 <div class="col-xl-2 col-md-3 col-6"> 3266 <div class="info-card"> 3267 <a href="#" class="btn btn-link text-decoration-none"> 3268 <i class="bi bi-shield-shaded"></i> 3269 <h6>मà¥à¤à¥à¤¯ सà¥à¤à¤¨à¤¾ सà¥à¤°à¤à¥à¤·à¤¾ ठधिà¤à¤¾à¤°à¥ (CISO)</h6> 3270 </a> 3271 </div> 3272 </div> 3273 3274 <div class="col-xl-2 col-md-3 col-6"> 3275 <div class="info-card"> 3276 <a href="/administration/people/?v=v-pills-jcproc#tab-other" class="btn btn-link text-decoration-none"> 3277 <i class="bi bi-shield-check"></i> 3278 <h6>मà¥à¤à¥à¤¯ पà¥à¤°à¥à¤à¥à¤à¤°</h6> 3279 </a> 3280 </div> 3281 </div> 3282 3283 <div class="col-xl-2 col-md-3 col-6"> 3284 <div class="info-card"> 3285 <a href="/administration/people/?v=v-pills-cow#tab-other" class="btn btn-link text-decoration-none"> 3286 <i class="bi bi-house-door"></i> 3287 <h6>ठधà¥à¤¯à¤à¥à¤·, वारà¥à¤¡à¤¨ परिषद</h6> 3288 </a> 3289 </div> 3290 </div> 3291 3292 </div> 3293 3294</div> 3295 3296<!-- ================= STUDENT PORTALS ================= --> 3297<div class="tab-pane fade custom-row-fix" id="iit-students"> 3298 <div class="row g-2 justify-content-left"> 3299 3300 <div class="col-md-2 col-3"> 3301 <div class="info-card"> 3302 <a href="/dean/doaa/fee" class="btn btn-link text-decoration-none"> 3303 <i class="bi bi-cash-stack"></i> 3304 <h6>शà¥à¤²à¥à¤ सà¤à¤°à¤à¤¨à¤¾</h6> 3305 </a> 3306 </div> 3307 </div> 3308 3309 <div class="col-md-2 col-3"> 3310 <div class="info-card"> 3311 <a href="/dean/doaa/scholarship" class="btn btn-link text-decoration-none"> 3312 <i class="bi bi-piggy-bank"></i> 3313 <h6>à¤à¤¾à¤¤à¥à¤°à¤µà¥à¤¤à¥à¤¤à¤¿à¤¯à¤¾à¤</h6> 3314 </a> 3315 </div> 3316 </div> 3317 3318 <div class="col-md-2 col-3"> 3319 <div class="info-card"> 3320 <a href="/dean/doaa/calendar" class="btn btn-link text-decoration-none"> 3321 <i class="bi bi-calendar-event"></i> 3322 <h6>समय सारिणà¥</h6> 3323 </a> 3324 </div> 3325 </div> 3326 3327 <div class="col-md-2 col-3"> 3328 <div class="info-card"> 3329 <a href="/cf/cis/website/portals" class="btn btn-link text-decoration-none"> 3330 <i class="bi bi-person-workspace"></i> 3331 <h6>à¤à¤¾à¤¤à¥à¤° पà¥à¤°à¥à¤à¤²</h6> 3332 </a> 3333 </div> 3334 </div> 3335 3336 3337 3338 <div class="col-md-2 col-3"> 3339 <div class="info-card"> 3340 <a href="/cf/lib" class="btn btn-link text-decoration-none"> 3341 <i class="bi bi-book"></i> 3342 <h6>पà¥à¤¸à¥à¤¤à¤à¤¾à¤²à¤¯</h6> 3343 </a> 3344 </div> 3345 </div> 3346 3347 <div class="col-md-2 col-3"> 3348 <div class="info-card"> 3349 <a href="/hostels" class="btn btn-link text-decoration-none"> 3350 <i class="bi bi-building"></i> 3351 <h6>
3351à¤à¤¾à¤¤à¥à¤°à¤¾à¤µà¤¾à¤¸</h6> 3352 </a> 3353 </div> 3354 </div> 3355 3356 <div class="col-md-2 col-3"> 3357 <div class="info-card"> 3358 <a href="/cf/tpc" class="btn btn-link text-decoration-none"> 3359 <i class="bi bi-briefcase"></i> 3360 <h6>पà¥à¤²à¥à¤¸à¤®à¥à¤à¤</h6> 3361 </a> 3362 </div> 3363 </div> 3364 3365 3366 3367 </div> 3368</div> 3369 3370<div class="tab-pane fade custom-row-fix" id="iit-resources"> 3371 <div class="row g-2 justify-content-left"> 3372 3373 <!-- ===== Converted Items ===== --> 3374 3375 <div class="col-xl-2 col-md-3 col-6"> 3376 <div class="info-card"> 3377 <a href="/nirf" class="btn btn-link text-decoration-none text-dark"> 3378 <i class="fas fa-ranking-star"></i> 3379 <h6>à¤à¤¨à¤à¤à¤à¤°à¤à¤«</h6> 3380 <small class="mb-2">राषà¥à¤à¥à¤°à¥à¤¯ रà¥à¤à¤à¤¿à¤à¤</small> 3381 </a> 3382 </div> 3383 </div> 3384 3385 <div class="col-xl-2 col-md-3 col-6"> 3386 <div class="info-card"> 3387 <a href="/contents/institute/dean/doaa/doc/holidays_2026.pdf" class="btn btn-link text-decoration-none text-dark"> 3388 <i class="fas fa-calendar-alt"></i> 3389 <h6>à¤à¥à¤²à¥à¤à¤¡à¤°</h6> 3390 <small class="mb-2">ठवà¤à¤¾à¤¶ - 2026</small> 3391 </a> 3392 </div> 3393 </div> 3394 3395 <div class="col-xl-2 col-md-3 col-6"> 3396 <div class="info-card"> 3397 <a href="/positions" class="btn btn-link text-decoration-none text-dark"> 3398 <i class="fas fa-diagram-project"></i> 3399 <h6>परियà¥à¤à¤¨à¤¾à¤à¤</h6> 3400 <small class="mb-2">ठसà¥à¤¥à¤¾à¤¯à¥ पद</small> 3401 </a> 3402 </div> 3403 </div> 3404 3405 <div class="col-xl-2 col-md-3 col-6"> 3406 <div class="info-card"> 3407 <a href="/awards" class="btn btn-link text-decoration-none text-dark"> 3408 <i class="fas fa-medal"></i> 3409 <h6>पà¥à¤°à¤¸à¥à¤à¤¾à¤°</h6> 3410 <small class="mb-2">समà¥à¤®à¤¾à¤¨</small> 3411 </a> 3412 </div> 3413 </div> 3414 3415 <div class="col-xl-2 col-md-3 col-6"> 3416 <div class="info-card"> 3417 <i class="fas fa-briefcase"></i> 3418 <h6>à¤à¤°à¥à¤¤à¥</h6> 3419 <small> 3420 <a href="/dean/dofa/recruitment">सà¤à¤à¤¾à¤¯</a> | 3421 <a href="/recruitment_nf">à¤à¥à¤°-सà¤à¤à¤¾à¤¯</a> 3422 </small> 3423 </div> 3424 </div> 3425 3426 <div class="col-xl-2 col-md-3 col-6"> 3427 <div class="info-card"> 3428 <a href="/notifications" class="btn btn-link text-decoration-none text-dark"> 3429 <i class="fas fa-bullhorn"></i> 3430 <h6>सà¥à¤à¤¨à¤¾à¤à¤</h6> 3431 <small class="mb-2 text-sm">पà¥à¤°à¤¸à¤¾à¤°à¤£</small> 3432 </a> 3433 </div> 3434 </div> 3435 3436 </div> 3437</div> 3438 3439 3440 </div> 3441 </div> 3442</section> 3443 3444<style> 3445.bg-teal-blue { 3446 background: #2E5A72; 3447} 3448.iit-tabs-section .tab-content { 3449 min-height: 360px; /* adjust if needed */ 3450} 3451.iit-tabs .nav-link { 3452 color: #fff; 3453 font-size: 0.9rem; 3454 padding: 6px 16px; 3455 border-radius: 20px; 3456} 3457 3458.iit-tabs .nav-link.active { 3459 background: #ffffff; 3460 color: #2E5A72; 3461 font-weight: 600; 3462} 3463 3464/* CARD */ 3465.info-card { 3466 background: #ffffff; 3467 border-radius: 10px; 3468 padding: 10px 6px; 3469 min-height: 95px; 3470 max-height: 95px; 3471 text-align: center; 3472 transition: all 0.3s ease; 3473 box-shadow: 0 3px 8px rgba(0,0,0,0.12); 3474} 3475 3476.info-card i { 3477 font-size: 1.5rem; 3478 color: #2E5A72; 3479 margin-bottom: 4px; 3480} 3481 3482.info-card h6 { 3483 font-size: 0.8rem; 3484 line-height: 1.25; 3485 color: #1a1a1a; /* FIXED TEXT VISIBILITY */ 3486 margin: 0; 3487 3488 display: -webkit-box; 3489 -webkit-line-clamp: 2; 3490 -webkit-box-orient: vertical; 3491 overflow: hidden; 3492} 3493 3494.info-card:hover { 3495 transform: translateY(-4px); 3496 box-shadow: 0 8px 18px rgba(0,0,0,0.18); 3497} 3498@media (max-width: 1199.98px) { 3499 .custom-row-fix > .row { 3500 flex-direction: row !important; 3501 flex-wrap: wrap; /* optional */ 3502 } 3503} 3504</style> 3505</div> 3506 3507 </div> 3508 3509 </div> 3510 3511 3512<section class="container-fluid py-5"> 3513 <div class="row g-4 align-items-center"> 3514 3515 <div class="col-xl-4 col-12 text-center text-md-start"> 3516 <div class="region region-social"> 3517 <div id="block-raina-theme-landing-socialmedia" class="block block-block-content block-block-contente8696018-ff20-4793-86eb-f35669ef0cc7"> 3518 3519 3520 3521 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> 3522.academic-social-box { 3523 width: 100%; 3524 background: #f8f9fa; 3525 border: 1px solid #d4af37; 3526 border-radius: 10px; 3527 padding: .2rem; 3528 text-align: center; 3529} 3530 3531.academic-social-box h5 { 3532 font-weight: 600; 3533 color: #11294d; 3534 margin-bottom: 1rem; 3535} 3536 3537.academic-social-box .fb-page, 3538.academic-social-box .fb-page span { 3539 display: block; 3540 margin: 0 auto; 3541} 3542.academic-social-box h5 { 3543 font-weight: 600; 3544 color: #11294d; 3545 margin-bottom: 1rem; 3546} 3547</style> 3548 3549<div class="academic-social-box text-center"> 3550 3551 <h5> 3552 <i class="fab fa-facebook text-primary me-2"></i> 3553 Official Facebook | à¤à¤§à¤¿à¤à¤¾à¤°à¤¿à¤ फà¥à¤¸à¤¬à¥à¤ 3554 </h5> 3555
3556 <div id="fb-root" ></div> 3557 3558 <div class="fb-page" 3559 data-href="https://www.facebook.com/pr.iitbhu/" 3560 data-tabs="timeline" 3561 data-height="450" 3562 data-width="800" 3563 data-adapt-container-width="true" 3564 data-hide-cover="false" 3565 data-show-facepile="false"> 3566</div> 3567 3568</div> 3569
3570<script> 3571document.addEventListener("DOMContentLoaded", function () { 3572 3573 // Load Facebook SDK only once 3574 if (!document.getElementById('facebook-jssdk')) { 3575 var script = document.createElement("script"); 3576 script.id = "facebook-jssdk"; 3577 script.src = "https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v19.0"; 3578 script.async = true; 3579 script.defer = true; 3580 document.body.appendChild(script); 3581 } 3582 3583}); 3584</script>
3584</div> 3585 3586 </div> 3587 3588 </div> 3589 3590 </div> 3591 3592 <div class="col-xl-8 col-12text-center"> 3593 <div class="region region-icons"> 3594 <div id="block-raina-theme-landing-icons" class="block block-block-content block-block-content84aa7379-5ed7-4d84-b923-fcc7d037e775"> 3595 3596 3597 3598 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><section class="iitbhu-experience py-5"> 3599 3600 <div class="container"> 3601 <div class="row align-items-stretch g-4"> 3602 3603 <!-- LEFT --> 3604 <div class="col-lg-8 col-12"> 3605 <div class="carousel-container"> 3606 <div id="experienceCarousel" class="carousel-images"></div> 3607 3608 <div class="carousel-overlay"> 3609 <h2 id="expTitle">परिसर ठवलà¥à¤à¤¨</h2> 3610 <p id="expText"> 3611 à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) परिसर à¤à¥ à¤à¤ दà¥à¤¶à¥à¤¯ यातà¥à¤°à¤¾à¥¤ 3612 </p> 3613 </div> 3614 </div> 3615 </div> 3616 3617 <!-- RIGHT --> 3618 <div class="col-lg-4 col-12"> 3619 <div class="experience-right"> 3620 3621 <div class="exp-tab active" 3622 data-type="youtube" 3623 data-title="परिसर ठवलà¥à¤à¤¨" 3624 data-text="à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) परिसर à¤à¥ à¤à¤ दà¥à¤¶à¥à¤¯ यातà¥à¤°à¤¾à¥¤" 3625 data-video-id="a4AzqfHJv2s"> 3626 परिसर ठवलà¥à¤à¤¨ 3627 </div> 3628 3629 <div class="exp-tab" 3630 data-type="images" 3631 data-title="à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) मà¥à¤ à¤à¥à¤µà¤¨" 3632 data-text="à¤à¤ à¤à¥à¤µà¤à¤¤ परिसर à¤à¥à¤µà¤¨ à¤à¤¾ ठनà¥à¤à¤µ à¤à¤°à¥à¤à¥¤" 3633 data-images='[ 3634 "/sites/default/files/iitbhu/images/other/life_01.jpg", 3635 "/sites/default/files/iitbhu/images/other/life_02.jpg" 3636 ]'> 3637 à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) मà¥à¤ à¤à¥à¤µà¤¨ 3638 </div> 3639 3640 <div class="exp-tab" 3641 data-type="images" 3642 data-title="à¤à¥à¤à¤¦à¥à¤°à¥à¤¯ सà¥à¤µà¤¿à¤§à¤¾à¤à¤" 3643 data-text="ठतà¥à¤¯à¤¾à¤§à¥à¤¨à¤¿à¤ पà¥à¤°à¤¯à¥à¤à¤¶à¤¾à¤²à¤¾à¤à¤ à¤à¥ ठà¤à¥à¤°à¤£à¥ शà¥à¤§ à¤à¥ सà¤à¥à¤·à¤® बनातॠहà¥à¤à¥¤" 3644 data-images='[ 3645 "/sites/default/files/iitbhu/images/other/cf_05.jpg", 3646 "/sites/default/files/iitbhu/images/other/cf_03.jpg" 3647 ]'> 3648 à¤à¥à¤à¤¦à¥à¤°à¥à¤¯ सà¥à¤µà¤¿à¤§à¤¾à¤à¤ 3649 </div> 3650 3651 <div class="exp-tab" 3652 data-type="images" 3653 data-title="परिसर सà¥à¤µà¤¿à¤§à¤¾à¤à¤" 3654 data-text="à¤à¤µà¤¾à¤¸à¥à¤¯, à¤à¥à¤² à¤à¤µà¤ साà¤à¤¸à¥à¤à¥à¤¤à¤¿à¤ सà¥à¤µà¤¿à¤§à¤¾à¤à¤ à¤à¥ समà¤à¥à¤° विà¤à¤¾à¤¸ à¤à¥ पà¥à¤°à¥à¤¤à¥à¤¸à¤¾à¤¹à¤¿à¤¤ à¤à¤°à¤¤à¥ हà¥à¤à¥¤" 3655 data-images='[ 3656 "/sites/default/files/iitbhu/images/other/campus_01.jpg", 3657 "/sites/default/files/iitbhu/images/other/campus_02.jpg" 3658 ]'> 3659 परिसर सà¥à¤µà¤¿à¤§à¤¾à¤à¤ 3660 </div> 3661 3662 <div class="exp-tab" 3663 data-type="images" 3664 data-title="à¤à¤¾à¤¤à¥à¤° मà¤à¤" 3665 data-text="à¤à¤ सशà¤à¥à¤¤ à¤à¤¾à¤¤à¥à¤° समà¥à¤¦à¤¾à¤¯ à¤à¥ à¤à¤µà¤¿à¤·à¥à¤¯ à¤à¥ नà¥à¤¤à¤¾à¤à¤ à¤à¤¾ निरà¥à¤®à¤¾à¤£ à¤à¤° रहा हà¥à¥¤" 3666 data-images='[ 3667 "/sites/default/files/iitbhu/images/other/student_01.jpg" 3668 ]'> 3669 à¤à¤¾à¤¤à¥à¤° मà¤à¤ 3670 </div> 3671 3672 <div class="exp-tab" 3673 data-type="images" 3674 data-title="शà¥à¤°à¥à¤¨à¤¿à¤µà¤¾à¤¸ दà¥à¤¶à¤ªà¤¾à¤à¤¡à¥ पà¥à¤¸à¥à¤¤à¤à¤¾à¤²à¤¯" 3675 data-text="विशाल à¤à¥à¤¤à¤¿à¤ à¤à¤µà¤ डिà¤à¤¿à¤à¤² सà¤à¤à¥à¤°à¤¹à¥à¤ à¤à¥ साथ à¤à¥à¤à¤¾à¤¨ à¤à¤¾ à¤à¥à¤à¤¦à¥à¤°à¥¤" 3676 data-images='[ 3677 "/sites/default/files/iitbhu/images/other/lib_01.jpg" 3678 ]'> 3679 शà¥à¤°à¥à¤¨à¤¿à¤µà¤¾à¤¸ दà¥à¤¶à¤ªà¤¾à¤à¤¡à¥ पà¥à¤¸à¥à¤¤à¤à¤¾à¤²à¤¯ 3680 </div> 3681 3682 </div> 3683 </div> 3684 3685 </div> 3686 </div> 3687 3688</section> 3689 3690<style> 3691.iitbhu-experience { 3692 background: #d9cba8; 3693 border-radius: 16px; 3694 overflow: hidden; 3695} 3696
3697/* RIGHT SIDE TABS */ 3698.experience-right { 3699 display: flex; 3700 flex-direction: column; 3701 gap: 12px; 3702 justify-content: center; 3703} 3704 3705/* CAROUSEL */ 3706.carousel-container { 3707 position: relative; 3708 width: 100%; 3709 aspect-ratio: 16 / 9; 3710 border-radius: 24px; 3711 overflow: hidden; 3712 box-shadow: 0 20px 50px rgba(0,0,0,0.15); 3713} 3714 3715.carousel-images img, 3716.carousel-images iframe { 3717 position: absolute; 3718 inset: 0; 3719 width: 100%; 3720 height: 100%; 3721 object-fit: cover; 3722 border: 0; 3723 opacity: 0; 3724 transition: opacity 0.6s ease; 3725} 3726 3727.carousel-images img.active, 3728.carousel-images iframe { 3729 opacity: 1; 3730} 3731 3732/* Overlay */ 3733.carousel-overlay { 3734 position: absolute; 3735 bottom: 0; 3736 width: 100%; 3737 padding: 10px 20px; 3738 background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); 3739 color: #fff; 3740} 3741 3742.carousel-overlay h2 { 3743 font-size: 1.4rem; 3744 margin-bottom: 5px; 3745} 3746 3747.carousel-overlay p { 3748 font-size: 0.9rem; 3749} 3750 3751/* Tabs */ 3752.exp-tab { 3753 background: #ece7dc; 3754 padding: 10px 16px; 3755 border-radius: 25px; 3756 text-align: center; 3757 cursor: pointer; 3758 transition: 0.3s; 3759 font-size: 0.9rem; 3760} 3761 3762.exp-tab:hover { 3763 background: #fff; 3764 transform: translateX(5px); 3765} 3766 3767.exp-tab.active { 3768 background: #fff; 3769 font-weight: 600; 3770 border-left: 4px solid #8B6F2D; 3771} 3772 3773/* Responsive */ 3774@media (max-width: 576px) { 3775 .iitbhu-experience { 3776 padding: 25px 15px; 3777 margin-top: 20px; 3778 } 3779} 3780</style> 3781
3782<script> 3783document.addEventListener("DOMContentLoaded", function () { 3784 3785 const tabs = document.querySelectorAll('.exp-tab'); 3786 const carousel = document.getElementById('experienceCarousel'); 3787 const title = document.getElementById('expTitle'); 3788 const text = document.getElementById('expText'); 3789 3790 let interval; 3791 3792 function showYouTube(videoId) { 3793 clearInterval(interval); 3794 carousel.innerHTML = ` 3795<iframe 3796 src="https://www.youtube-nocookie.com/embed/${videoId}?autoplay=1&mute=1&loop=1&playlist=${videoId}&controls=0&modestbranding=1&rel=0&iv_load_policy=3" 3797 allow="autoplay; encrypted-media" 3798 allowfullscreen 3799 style="pointer-events: none;"> 3800</iframe>`; 3801 } 3802 3803 function startCarousel(images) { 3804 carousel.innerHTML = ''; 3805 clearInterval(interval); 3806 3807 let imgs = []; 3808 3809 images.forEach((src, i) => { 3810 const img = document.createElement('img'); 3811 img.src = src; 3812 if (i === 0) img.classList.add('active'); 3813 carousel.appendChild(img); 3814 imgs.push(img); 3815 }); 3816 3817 if (imgs.length > 1) { 3818 let index = 0; 3819 interval = setInterval(() => { 3820 imgs[index].classList.remove('active'); 3821 index = (index + 1) % imgs.length; 3822 imgs[index].classList.add('active'); 3823 }, 3000); 3824 } 3825 } 3826 3827 const firstTab = tabs[0]; 3828 if (firstTab.dataset.type === "youtube") { 3829 showYouTube(firstTab.dataset.videoId); 3830 } else { 3831 startCarousel(JSON.parse(firstTab.dataset.images)); 3832 } 3833
3834 tabs.forEach(tab => { 3835 tab.addEventListener('click', function () { 3836 3837 tabs.forEach(t => t.classList.remove('active')); 3838 this.classList.add('active'); 3839 3840 title.textContent = this.dataset.title; 3841 text.textContent = this.dataset.text; 3842 3843 if (this.dataset.type === "youtube") { 3844 showYouTube(this.dataset.videoId); 3845 } else { 3846 startCarousel(JSON.parse(this.dataset.images)); 3847 } 3848 }); 3849 }); 3850 3851}); 3852</script>
3852</div> 3853 3854 </div> 3855 3856 </div> 3857 3858 </div> 3859 3860 </div> 3861</section> 3862 3863 3864 3865 <div class="region region-carousel"> 3866 <div id="block-raina-theme-landing-carousel" class="block block-block-content block-block-content5c1d9bb7-8d64-4eba-9498-8116d80666d1"> 3867 3868 3869 3870 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><!-- â Multi-card, auto-sliding academic carousel --> 3871<section class="py-5 bg-light"> 3872 <div class="container "> 3873 3874 3875 <div class="multi-card-carousel overflow-hidden position-relative img-thumbnail border px-2"> 3876 <div class="carousel-track d-flex px-2 "> 3877 3878 <!-- Card 1 --> 3879 <div class="academic-card-wrapper flex-shrink-0"> 3880 <a href="https://www.india.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3881 <img src="/contents/iitbhu/images/gov/india.jpg" alt="India Gov" class="img-fluid rounded-3 shadow-sm"> 3882 </a> 3883 </div> 3884 3885 <!-- Card 2 --> 3886 <div class="academic-card-wrapper flex-shrink-0"> 3887 <a href="https://digitalindia.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3888 <img src="/contents/iitbhu/images/gov/digitalindia.jpg" alt="Digital India" class="img-fluid rounded-3 shadow-sm"> 3889 </a> 3890 </div> 3891 3892 <!-- Card 3 --> 3893 <div class="academic-card-wrapper flex-shrink-0"> 3894 <a href="https://amritmahotsav.nic.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3895 <img src="/contents/iitbhu/images/gov/azadimahotsav.jpg" alt="Azadi Ka Amrit Mahotsav" class="img-fluid rounded-3 shadow-sm"> 3896 </a> 3897 </div> 3898 3899 <!-- Card 4 --> 3900 <div class="academic-card-wrapper flex-shrink-0"> 3901 <a href="https://cybercrime.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3902 <img src="/contents/iitbhu/images/gov/cyber_crime.jpg" alt="Cyber Crime" class="img-fluid rounded-3 shadow-sm"> 3903 </a> 3904 </div> 3905 3906 <!-- Card 5 --> 3907 <div class="academic-card-wrapper flex-shrink-0"> 3908 <a href="https://www.education.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3909 <img src="/contents/iitbhu/images/gov/education.jpg" alt="Education Ministry" class="img-fluid rounded-3 shadow-sm"> 3910 </a> 3911 </div> 3912 3913 <!-- Card 6 --> 3914 <div class="academic-card-wrapper flex-shrink-0"> 3915 <a href="https://dst.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3916 <img src="/contents/iitbhu/images/gov/dst.png" alt="DST" class="img-fluid rounded-3 shadow-sm"> 3917 </a> 3918 </div> 3919 3920 <!-- Card 7 --> 3921 <div class="academic-card-wrapper flex-shrink-0"> 3922 <a href="https://www.csir.res.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3923 <img src="/contents/iitbhu/images/gov/cisr.png" alt="CSIR" class="img-fluid rounded-3 shadow-sm"> 3924 </a> 3925 </div> 3926 3927 <!-- Card 8 --> 3928 <div class="academic-card-wrapper flex-shrink-0"> 3929 <a href="https://www.drdo.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3930 <img src="/contents/iitbhu/images/gov/drdo.png" alt="DRDO" class="img-fluid rounded-3 shadow-sm"> 3931 </a> 3932 </div> 3933 3934 <!-- Card 9 --> 3935 <div class="academic-card-wrapper flex-shrink-0"> 3936 <a href="https://www.isro.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3937 <img src="/contents/iitbhu/images/gov/isro.png" alt="ISRO" class="img-fluid rounded-3 shadow-sm"> 3938 </a> 3939 </div> 3940 3941<!-- Education Ministry --> 3942<div class="academic-card-wrapper flex-shrink-0"> 3943 <a href="https://www.education.gov.in" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3944 <img src="/contents/iitbhu/images/gov/education.jpg" alt="Education Ministry" class="img-fluid rounded-3 shadow-sm"> 3945 </a> 3946</div> 3947 3948<!-- DSIR --> 3949<div class="academic-card-wrapper flex-shrink-0"> 3950 <a href="http://www.dsir.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3951 <img src="/contents/iitbhu/images/gov/disr.png" alt="DSIR" class="img-fluid rounded-3 shadow-sm"> 3952 </a> 3953</div> 3954 3955<!-- DST --> 3956<div class="academic-card-wrapper flex-shrink-0"> 3957 <a href="https://dst.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3958 <img src="/contents/iitbhu/images/gov/dst.png" alt="DST" class="img-fluid rounded-3 shadow-sm"> 3959 </a> 3960</div> 3961 3962<!-- CSIR --> 3963<div class="academic-card-wrapper flex-shrink-0"> 3964 <a href="https://www.csir.res.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3965 <img src="/contents/iitbhu/images/gov/cisr.png" alt="CSIR" class="img-fluid rounded-3 shadow-sm"> 3966 </a> 3967</div> 3968 3969<!-- DRDO --> 3970<div class="academic-card-wrapper flex-shrink-0"> 3971 <a href="https://www.drdo.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3972 <img src="/contents/iitbhu/images/gov/drdo.png" alt="DRDO" class="img-fluid rounded-3 shadow-sm"> 3973 </a> 3974</div> 3975 3976<!-- ISRO --> 3977<div class="academic-card-wrapper flex-shrink-0"> 3978 <a href="https://www.isro.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3979 <img src="/contents/iitbhu/images/gov/isro.png" alt="ISRO" class="img-fluid rounded-3 shadow-sm"> 3980 </a> 3981</div> 3982 3983<!-- ICSSR --> 3984<div class="academic-card-wrapper flex-shrink-0"> 3985 <a href="https://icssr.org/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3986 <img src="/contents/iitbhu/images/gov/icssr.png" alt="ICSSR" class="img-fluid rounded-3 shadow-sm"> 3987 </a> 3988</div> 3989 3990<!-- TDIL --> 3991<div class="academic-card-wrapper flex-shrink-0"> 3992 <a href="https://tdil.meity.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 3993 <img src="/contents/iitbhu/images/gov/tdil.png" alt="TDIL" class="img-fluid rounded-3 shadow-sm"> 3994 </a> 3995</div> 3996 3997<!================== For smoooth transistion Paste again items ( total Twice)=============== -> 3998 <!-- Card 1 --> 3999 <div class="academic-card-wrapper flex-shrink-0"> 4000 <a href="https://www.india.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4001 <img src="/contents/iitbhu/images/gov/india.jpg" alt="India Gov" class="img-fluid rounded-3 shadow-sm"> 4002 </a> 4003 </div> 4004 4005 <!-- Card 2 --> 4006 <div class="academic-card-wrapper flex-shrink-0"> 4007 <a href="https://www.digitalindia.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4008 <img src="/contents/iitbhu/images/gov/digitalindia.jpg" alt="Digital India" class="img-fluid rounded-3 shadow-sm"> 4009 </a> 4010 </div> 4011 4012 <!-- Card 3 --> 4013 <div class="academic-card-wrapper flex-shrink-0"> 4014 <a href="https://amritmahotsav.nic.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4015 <img src="/contents/iitbhu/images/gov/azadimahotsav.jpg" alt="Azadi Ka Amrit Mahotsav" class="img-fluid rounded-3 shadow-sm"> 4016 </a> 4017 </div> 4018 4019 <!-- Card 4 --> 4020 <div class="academic-card-wrapper flex-shrink-0"> 4021 <a href="https://cybercrime.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4022 <img src="/contents/iitbhu/images/gov/cyber_crime.jpg" alt="Cyber Crime" class="img-fluid rounded-3 shadow-sm"> 4023 </a> 4024 </div> 4025 4026 <!-- Card 5 --> 4027 <div class="academic-card-wrapper flex-shrink-0"> 4028 <a href="https://www.education.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4029 <img src="/contents/iitbhu/images/gov/education.jpg" alt="Education Ministry" class="img-fluid rounded-3 shadow-sm"> 4030 </a> 4031 </div> 4032 4033 <!-- Card 6 --> 4034 <div class="academic-card-wrapper flex-shrink-0"> 4035 <a href="https://dst.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4036 <img src="/contents/iitbhu/images/gov/dst.png" alt="DST" class="img-fluid rounded-3 shadow-sm"> 4037 </a> 4038 </div> 4039 4040 <!-- Card 7 --> 4041 <div class="academic-card-wrapper flex-shrink-0"> 4042 <a href="https://www.csir.res.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4043 <img src="/contents/iitbhu/images/gov/cisr.png" alt="CSIR" class="img-fluid rounded-3 shadow-sm"> 4044 </a> 4045 </div> 4046 4047 <!-- Card 8 --> 4048 <div class="academic-card-wrapper flex-shrink-0"> 4049 <a href="https://www.drdo.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4050 <img src="/contents/iitbhu/images/gov/drdo.png" alt="DRDO" class="img-fluid rounded-3 shadow-sm"> 4051 </a> 4052 </div> 4053 4054 <!-- Card 9 --> 4055 <div class="academic-card-wrapper flex-shrink-0"> 4056 <a href="https://www.isro.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4057 <img src="/contents/iitbhu/images/gov/isro.PNG" alt="ISRO" class="img-fluid rounded-3 shadow-sm"> 4058 </a> 4059 </div> 4060 4061<!-- Education Ministry --> 4062<div class="academic-card-wrapper flex-shrink-0"> 4063 <a href="https://www.education.gov.in" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4064 <img src="/contents/iitbhu/images/gov/education.jpg" alt="Education Ministry" class="img-fluid rounded-3 shadow-sm"> 4065 </a> 4066</div> 4067 4068<!-- DSIR --> 4069<div class="academic-card-wrapper flex-shrink-0"> 4070 <a href="http://www.dsir.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4071 <img src="/contents/iitbhu/images/gov/disr.png" alt="DSIR" class="img-fluid rounded-3 shadow-sm"> 4072 </a> 4073</div> 4074 4075<!-- DST --> 4076<div class="academic-card-wrapper flex-shrink-0"> 4077 <a href="https://dst.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4078 <img src="/contents/iitbhu/images/gov/dst.png" alt="DST" class="img-fluid rounded-3 shadow-sm"> 4079 </a> 4080</div> 4081 4082<!-- CSIR --> 4083<div class="academic-card-wrapper flex-shrink-0"> 4084 <a href="https://www.csir.res.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4085 <img src="/contents/iitbhu/images/gov/cisr.png" alt="CSIR" class="img-fluid rounded-3 shadow-sm"> 4086 </a> 4087</div> 4088 4089<!-- DRDO --> 4090<div class="academic-card-wrapper flex-shrink-0"> 4091 <a href="https://www.drdo.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4092 <img src="/contents/iitbhu/images/gov/drdo.png" alt="DRDO" class="img-fluid rounded-3 shadow-sm"> 4093 </a> 4094</div> 4095 4096<!-- ISRO --> 4097<div class="academic-card-wrapper flex-shrink-0"> 4098 <a href="https://www.isro.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4099 <img src="/contents/iitbhu/images/gov/isro.PNG" alt="ISRO" class="img-fluid rounded-3 shadow-sm"> 4100 </a> 4101</div> 4102 4103<!-- ICSSR --> 4104<div class="academic-card-wrapper flex-shrink-0"> 4105 <a href="https://icssr.org/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4106 <img src="/contents/iitbhu/images/gov/icssr.png" alt="ICSSR" class="img-fluid rounded-3 shadow-sm"> 4107 </a> 4108</div> 4109 4110<!-- TDIL --> 4111<div class="academic-card-wrapper flex-shrink-0"> 4112 <a href="https://tdil.meity.gov.in/" onclick="return showAlert(this);" target="_blank" class="academic-card d-block p-2"> 4113 <img src="/contents/iitbhu/images/gov/tdil.png" alt="TDIL" class="img-fluid rounded-3 shadow-sm"> 4114 </a> 4115</div> 4116<! ===================== Paste again ends --> 4117 4118 </div> 4119 </div> 4120 </div> 4121</section> 4122 4123<!-- â Styles --> 4124<style> 4125.section-title { 4126 font-weight: 700; 4127 text-transform: uppercase; 4128 letter-spacing: 1px;
4129 color: #0a1931; 4130 font-size: 1.6rem; 4131} 4132 4133.multi-card-carousel { 4134 width: 100%; 4135} 4136 4137.carousel-track { 4138 display: flex; 4139 gap: 1rem; 4140 transition: transform 0.5s linear; 4141} 4142 4143.academic-card-wrapper { 4144 flex: 0 0 auto; 4145 width: 25%; /* 4 cards per view on desktop */ 4146} 4147 4148@media (max-width: 992px) { 4149 .academic-card-wrapper { width: 33.33%; } /* 3 cards per view on tablet */ 4150} 4151@media (max-width: 576px) { 4152 .academic-card-wrapper { width: 50%; } /* 2 cards per view on mobile */ 4153} 4154 4155.academic-card { 4156 background: #fff; 4157 border: 2px solid #d4af37; 4158 border-radius: 12px; 4159 transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; 4160} 4161 4162.academic-card:hover { 4163 transform: translateY(-5px); 4164 box-shadow: 0 8px 20px rgba(0,0,0,0.15); 4165 border-color: #f0c75e; 4166} 4167</style> 4168 4169<!-- â Vanilla JS Auto-slide -->
4170<script> 4171document.addEventListener('DOMContentLoaded', function() { 4172 const track = document.querySelector('.carousel-track'); 4173 const cards = document.querySelectorAll('.academic-card-wrapper'); 4174 let cardWidth = cards[0].offsetWidth + parseInt(getComputedStyle(cards[0]).marginRight); 4175 let scrollPosition = 0; 4176 4177 function slideCards() { 4178 scrollPosition += 1; // pixels to move per tick 4179 if (scrollPosition >= track.scrollWidth / 2) scrollPosition = 0; // loop infinitely 4180 track.style.transform = `translateX(-${scrollPosition}px)`; 4181 requestAnimationFrame(slideCards); 4182 } 4183 4184 slideCards(); 4185}); 4186</script>
4186 4187</div> 4188 4189 </div> 4190 4191 </div> 4192 4193 <div class="region region-footer-bar"> 4194 <div id="block-raina-theme-landing-footer-top-bar" class="block block-block-content block-block-contentbf0d56c9-addf-44c7-b406-99b408a00f5d"> 4195 4196 4197 4198 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><!-- Academic Footer Top Bar --> 4199<div class="footer-top-academic text-center py-2 mx-auto"> 4200 <div class="container-fluid"> 4201 <a href="/user/login">à¤à¤°à¥à¤®à¤à¤¾à¤°à¥ लà¥à¤à¤¿à¤¨</a> 4202 <span class="divider">|</span> 4203 <a href="https://services.iitbhu.ac.in/" target="_blank">सà¥à¤µà¤¾à¤à¤ (à¤à¤à¤à¥à¤°à¤¾à¤¨à¥à¤)</a> 4204 <span class="divider">|</span> 4205 <a href="/contents/institute/regular/empanelled_hospitals.pdf" target="_blank">ठसà¥à¤ªà¤¤à¤¾à¤²</a> 4206 <a href="/contents/institute/admin/doc/admin_claim_form.pdf" target="_blank">(दावा पà¥à¤°à¤ªà¤¤à¥à¤°)</a> 4207 <span class="divider">|</span> 4208 <a href="http://mail.itbhu.ac.in/" target="_blank">à¤à¥à¤ मà¥à¤²</a> 4209 <span class="divider">|</span> 4210 <a href="/cf/cis/website/portals" target="_blank">पà¥à¤°à¥à¤à¤²</a> 4211 <span class="divider">|</span> 4212 <a href="/cf/cis">सà¥à¤¸à¥à¤à¤à¤à¤¸</a> 4213 <span class="divider">|</span> 4214 <a href="/cf/lib">à¤à¥à¤°à¤à¤¥à¤¾à¤²à¤¯</a> 4215 <span class="divider">|</span> 4216 <a href="/dept">विà¤à¤¾à¤</a> 4217 <span class="divider">|</span> 4218 <a href="/dean/doaa/calendar" target="_blank">शà¥à¤à¥à¤·à¤£à¤¿à¤ à¤à¥à¤²à¥à¤à¤¡à¤°</a> 4219 <span class="divider">|</span> 4220 <a href="/">à¤à¤¾.पà¥à¤°à¥.सà¤. (à¤à¤¾0हि0वि0) </a> 4221 <span class="divider">|</span> 4222 <a href="https://bhu.ac.in/" target="_blank">à¤à¤¾.हि.वि.</a> 4223 </div> 4224</div> 4225 4226<!-- Back-to-top button --> 4227<a id="back-to-top" href="#" class="back-to-top" aria-label="शà¥à¤°à¥à¤· पर à¤à¤¾à¤à¤"> 4228 <i class="fas fa-arrow-up"></i> 4229</a> 4230 4231<!-- Academic Footer CSS --> 4232<style> 4233.footer-top-academic { 4234 background: linear-gradient(135deg, #0a1931 0%, #11294d 100%); 4235 color: #f8f9fa; 4236 font-size: 0.95rem; 4237 letter-spacing: 0.3px; 4238 border-top: 2px solid #d4af37; 4239 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 4240} 4241 4242.footer-top-academic a { 4243 color: #f8f9fa; 4244 text-decoration: none; 4245 font-weight: 500; 4246 transition: color 0.3s ease; 4247} 4248 4249.footer-top-academic a:hover { 4250 color: #d4af37; 4251} 4252 4253.footer-top-academic .divider { 4254 color: rgba(255, 255, 255, 0.4); 4255 margin: 0 8px; 4256} 4257 4258/* Back-to-top button */ 4259.back-to-top { 4260 position: fixed; 4261 bottom: 25px; 4262 right: 25px; 4263 background: #d4af37; 4264 color: #0a1931; 4265 width: 40px; 4266 height: 40px; 4267 border-radius: 50%; 4268 display: flex; 4269 align-items: center; 4270 justify-content: center; 4271 font-size: 1.2rem; 4272 text-decoration: none; 4273 box-shadow: 0 4px 12px rgba(0,0,0,0.2); 4274 opacity: 0; 4275 visibility: hidden; 4276 transition: all 0.4s ease; 4277 z-index: 999; 4278} 4279 4280.back-to-top:hover { 4281 background: #f8f9fa; 4282 color: #0a1931; 4283} 4284 4285.back-to-top.show { 4286 opacity: 1; 4287 visibility: visible; 4288} 4289</style> 4290 4291<!-- Back-to-top JS -->
4292<script> 4293document.addEventListener("DOMContentLoaded", function () { 4294 const backToTop = document.getElementById("back-to-top"); 4295 4296 // Hide if inside iframe 4297 if (window.self !== window.top) { 4298 backToTop.style.display = "none"; 4299 return; 4300 } 4301 4302 // Show button after scrolling 200px 4303 window.addEventListener("scroll", function () { 4304 if (window.scrollY > 200) { 4305 backToTop.classList.add("show"); 4306 } else { 4307 backToTop.classList.remove("show"); 4308 } 4309 }); 4310 4311 // Smooth scroll to top 4312 backToTop.addEventListener("click", function (e) { 4313 e.preventDefault(); 4314 window.scrollTo({ 4315 top: 0, 4316 behavior: "smooth" 4317 }); 4318 }); 4319}); 4320</script>
4320 4321</div> 4322 4323 </div> 4324 4325 </div> 4326 <div class="region region-footer"> 4327 <div id="block-raina-theme-landing-footer" class="block block-block-content block-block-content5f09818b-e6df-4512-bc4a-d5780129c3c1"> 4328 4329 4330 4331 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><!-- शà¥à¤à¥à¤·à¤£à¤¿à¤ फà¥à¤à¤° --> 4332<footer class="site-footer p-0 m-0"> 4333 <div class="footer-section"> 4334 <div class="container"> 4335 4336 <!-- à¤à¥à¤à¤² मानà¤à¤¿à¤¤à¥à¤° à¤à¥à¤à¤¦à¥à¤° (ठसà¥à¤¥à¤¾à¤¯à¥ रà¥à¤ª सॠहà¤à¤¾à¤¯à¤¾ à¤à¤¯à¤¾ / à¤à¤¿à¤ªà¤¾à¤¯à¤¾ à¤à¤¯à¤¾) --> 4337 <!-- 4338 Map section hidden as in original 4339 --> 4340 4341 <!-- तà¥à¤µà¤°à¤¿à¤¤ लिà¤à¤ --> 4342 <div class="row"> 4343 <div class="col-12"> 4344 <div class="text-center mb-5"> 4345 <img src="/contents/iitbhu/img/quick_links.png" 4346 width="200" alt="तà¥à¤µà¤°à¤¿à¤¤ लिà¤à¤"> 4347 </div> 4348 </div> 4349 4350<div class="col-12 mb-3"> 4351 <div class="row g-3 display-footer-menu"> 4352 4353 <!-- सà¥à¤¤à¤à¤ 1 --> 4354 <div class="col-6 col-md-3 text-start border-left border-secondary line-height"> 4355 <div><a href="/rajbhasha" target="_blank">राà¤à¤à¤¾à¤·à¤¾</a></div> 4356 <div><a href="/administration/rti">à¤à¤°à¤à¥à¤à¤ </a></div> 4357 <div><a href="/administration/icc">à¤à¤à¤¤à¤°à¤¿à¤ शिà¤à¤¾à¤¯à¤¤ समिति</a></div> 4358 <div> 4359 <span class="text-warning">नाà¤à¤°à¤¿à¤ à¤à¥à¤·à¤£à¤¾ पतà¥à¤°</span> 4360 <a href="/contents/institute/admin/doc/citizens_charter_hindi.pdf">हिà¤</a> | 4361 <a href="/contents/institute/admin/doc/citizens_charter_english.pdf">EN</a> 4362 </div> 4363 <div><a href="/dean/dosa/antiragging">à¤à¤à¤à¥ रà¥à¤à¤¿à¤à¤</a></div> 4364 <div><a href="/administration/finance_certificates">पà¥à¤°à¤®à¤¾à¤£à¤ªà¤¤à¥à¤° (वितà¥à¤¤/à¤à¤°)</a></div> 4365 <div> 4366 <a href="/dean/dofa/recruitment">सà¤à¤à¤¾à¤¯ à¤à¤°à¥à¤¤à¥ </a> 4367 <a href="https://facultyrecruitment.iitbhu.ac.in/" target="_blank">(à¤à¤µà¥à¤¦à¤¨)</a> 4368 </div> 4369 <div><a href="/recruitment_nf">à¤à¥à¤°-सà¤à¤à¤¾à¤¯ à¤à¤°à¥à¤¤à¥</a></div> 4370 <div> 4371 <a href="/contents/institute/admin/doc/RPN-2019.pdf">à¤à¤°à¥à¤¤à¥ à¤à¤µà¤ पदà¥à¤¨à¥à¤¨à¤¤à¤¿ मानà¤</a> 4372 <a href="/contents/institute/admin/doc/noti_admin_amendment_7457.pdf" target="_blank">(सà¤à¤¶à¥à¤§à¤¨)</a> 4373 </div> 4374 <div><a href="/cf/ir">ठà¤à¤¤à¤°à¤°à¤¾à¤·à¥à¤à¥à¤°à¥à¤¯ सà¤à¤¬à¤à¤§</a></div> 4375 </div> 4376 4377 <!-- सà¥à¤¤à¤à¤ 2 --> 4378 <div class="col-6 col-md-3 text-start line-height"> 4379 <div><a href="/administration">सà¤à¤¸à¥à¤¥à¤¾à¤¨ पà¥à¤°à¤¶à¤¾à¤¸à¤¨</a></div> 4380 4381 <div><a href="/dean/doaa/">ठधिषà¥à¤ ाता (शà¥à¤à¥à¤·à¤£à¤¿à¤ à¤à¤¾à¤°à¥à¤¯)</a></div> 4382 <div><a href="/dean/dofa">ठधिषà¥à¤ ाता (सà¤à¤à¤¾à¤¯ à¤à¤¾à¤°à¥à¤¯))</a></div> 4383 <div><a href="/dean/dora">ठधिषà¥à¤ ाता (सà¤à¤¸à¤¾à¤§à¤¨ à¤à¤µà¤ पà¥à¤°à¥à¤µ à¤à¤¾à¤¤à¥à¤°)</a></div> 4384 <div><a href="/dean/dord">ठधिषà¥à¤ ाता (ठनà¥à¤¸à¤à¤§à¤¾à¤¨ à¤à¤µà¤ विà¤à¤¾à¤¸)</a></div> 4385 <div><a href="/dean/dosa">ठधिषà¥à¤ ाता (à¤à¤¾à¤¤à¥à¤° à¤à¤²à¥à¤¯à¤¾à¤£)</a></div> 4386 <div><a href="/hostels/people" target="_blank">सà¤à¤°à¤à¥à¤·à¤ परिषद</a></div> 4387 <div><a href="/administration/proctorial_board">सà¤à¤¸à¥à¤¥à¤¾à¤¨- à¤à¤°à¤à¥à¤·à¤¾à¤§à¤¿à¤à¤¾à¤°à¥ मà¤à¤¡à¤²</a></div> 4388 <div> 4389 <span class="text-warning">वारà¥à¤·à¤¿à¤ पà¥à¤°à¤¤à¤¿à¤µà¥à¤¦à¤¨ 2024-25:</span> 4390 <a href="/contents/institute/dean/doaa/doc/annual_report_hindi_2024-25.pdf">हिà¤</a> | 4391 <a href="/contents/institute/dean/doaa/doc/annual_report_english_2024-25.pdf">EN</a> 4392 </div> 4393 <div><a href="/administration/balance_sheet">लà¥à¤à¤¾ à¤à¤µà¤ तà¥à¤²à¤¨ पतà¥à¤°</a></div> 4394 </div> 4395 4396 <!-- सà¥à¤¤à¤à¤ 3 --> 4397 <div class="col-6 col-md-3 text-start line-height"> 4398 <div><a href="/dean/doaa">शà¥à¤à¥à¤·à¤£à¤¿à¤ लिà¤à¤</a></div> 4399 <div> 4400 4401 <a href="/cf/cis/quick_links">सà¥à¤¸à¥à¤à¤à¤à¤¸ लिà¤à¤</a> 4402 </div> 4403 <div><a href="/dean/doaa/admission/pg">पà¥à¤à¥ पà¥à¤°à¤µà¥à¤¶</a></div> 4404 <div><a href="https://www.jeeadv.ac.in/" target="_blank">à¤à¥à¤à¤( à¤à¤¡à¤µà¤¾à¤à¤¸à¥à¤¡)</a></div> 4405 <div><a href="#">शà¥à¤²à¥à¤ à¤à¤®à¤¾</a></div> 4406 <div><a href="/hostels" target="_blank">
4406à¤à¤¾à¤¤à¥à¤°à¤¾à¤µà¤¾à¤¸</a></div> 4407 <div><a href="/convocation">दà¥à¤à¥à¤·à¤¾à¤à¤¤ समारà¥à¤¹</a></div> 4408 <div><a href="/webcast">ठà¤à¤¿à¤®à¥à¤à¥à¤à¤°à¤£ à¤à¤µà¤ पà¥à¤°à¤µà¥à¤¶à¤¨</a></div> 4409 <div> 4410 <span class="text-warning">ठवà¤à¤¾à¤¶:</span> 4411 <a href="/contents/institute/dean/doaa/doc/holidays_2026.pdf">2026</a> | 4412 <a href="/contents/institute/dean/doaa/doc/holidays_2025.pdf">2025</a> 4413 </div> 4414 <div> 4415 <a href="https://intranet.iitbhu.ac.in/ccis/doc/telephone_directory.pdf"> 4416 दà¥à¤°à¤à¤¾à¤· निरà¥à¤¦à¥à¤¶à¤¿à¤à¤¾ (à¤à¤à¤à¥à¤°à¤¾à¤¨à¥à¤) 4417 </a> 4418 </div> 4419 <div> 4420 <a href="/contents/institute/dean/dosa/doc/noti_gad_5159.pdf"> 4421 à¤à¤¾à¤¤à¥à¤°à¥à¤ हà¥à¤¤à¥ सà¥à¤°à¤à¥à¤·à¤¾ परामरà¥à¤¶ 4422 </a> 4423 </div> 4424 </div> 4425 4426 <!-- सà¥à¤¤à¤à¤ 4 --> 4427 <div class="col-6 col-md-3 text-start line-height"> 4428 <div><a href="/cf/scc">सà¥à¤ªà¤°à¤à¤à¤ªà¥à¤¯à¥à¤à¤¿à¤à¤ à¤à¥à¤à¤¦à¥à¤°</a></div> 4429 <div><a href="/rnd/cif">à¤à¥à¤à¤¦à¥à¤°à¥à¤¯ à¤à¤ªà¤à¤°à¤£ à¤à¥à¤à¤¦à¥à¤°</a></div> 4430 <div><a href="/cf/peh">पà¥à¤°à¤¿à¤¸à¥à¤à¤¨ à¤à¤à¤à¥à¤¨à¤¿à¤¯à¤°à¤¿à¤à¤ हब</a></div> 4431 <div><a href="/cf/tlc">सà¤à¤à¤¾à¤¯ विà¤à¤¾à¤¸ à¤à¤µà¤ शà¥à¤à¥à¤·à¤¿à¤ विà¤à¤¾à¤¸ à¤à¥à¤à¤¦à¥à¤°</a></div> 4432 <div><a href="/qip">à¤à¥à¤¯à¥à¤à¤à¤ªà¥ à¤à¥à¤à¤¦à¥à¤°</a></div> 4433 <div><a href="/cf/gtac">ठतिथि à¤à¥à¤¹ (à¤à¥à¤à¥à¤à¤¸à¥)</a></div> 4434 <div> 4435 <a href="https://www.idapthub.org/" target="_blank">à¤à¤-डà¥à¤à¤ªà¥à¤à¥ हब</a> 4436 </div> 4437 <div> 4438 <a href="https://i3f-iitbhu.org/" target="_blank"> 4439 à¤à¤3à¤à¤« (सà¥à¤à¥à¤¶à¤¨ 8 à¤à¤à¤ªà¤¨à¥) 4440 </a> 4441 </div> 4442 <div> 4443 <a href="/cf/tpc"> 4444 पà¥à¤°à¤¶à¤¿à¤à¥à¤·à¤£ à¤à¤µà¤ पà¥à¤°à¤¸à¥à¤¥à¤¾à¤ªà¤¨à¤¾ 4445 </a> 4446 </div> 4447 <div> 4448 <a href="/news">समाà¤à¤¾à¤°</a> | 4449 <a href="/alerts">सà¥à¤à¤¨à¤¾à¤à¤</a> 4450 </div> 4451 <div> 4452 <a href="/pnm/coverage">मà¥à¤¡à¤¿à¤¯à¤¾ à¤à¤µà¤°à¥à¤</a> | 4453 <a href="/notifications">ठधिसà¥à¤à¤¨à¤¾à¤à¤ (à¤-पà¥à¤°à¤¸à¤¾à¤°à¤£)</a> 4454 </div> 4455 </div> 4456 4457 </div> 4458</div> 4459 </div> 4460 4461 </div> 4462 </div> 4463 4464 <!-- फà¥à¤à¤° निमà¥à¤¨ à¤à¤¾à¤ --> 4465 <div class="footer-bottom"> 4466 <div class="container"> 4467 <div class="row align-items-center"> 4468 <div class="col-md-6 text-start mb-2 mb-md-0"> 4469 <a href="#">सà¥à¤à¤®à¥à¤¯à¤¤à¤¾</a> | 4470 <a href="#">à¤à¥à¤ªà¤¨à¥à¤¯à¤¤à¤¾ नà¥à¤¤à¤¿</a> | 4471 <a href="#">à¤à¤ªà¤¯à¥à¤ à¤à¥ शरà¥à¤¤à¥à¤</a> | 4472 <a href="/sitemap">साà¤à¤à¤®à¥à¤ª</a><br> 4473 © à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) वाराणसà¥à¥¤ सरà¥à¤µà¤¾à¤§à¤¿à¤à¤¾à¤° सà¥à¤°à¤à¥à¤·à¤¿à¤¤à¥¤ 4474 </div> 4475 <div class="col-md-6 text-start ps-md-5"> 4476 <strong><a href="/cf/cis/website/moderators">वà¥à¤¬à¤®à¤¾à¤¸à¥à¤à¤°</a></strong><br> 4477 विà¤à¤¸à¤¿à¤¤ à¤à¤µà¤ ठनà¥à¤°à¤à¥à¤·à¤¿à¤¤ दà¥à¤µà¤¾à¤°à¤¾ <strong><a href="/cf/cis">सà¥à¤¸à¥à¤à¤à¤à¤¸, à¤à¤à¤à¤à¤à¥ (बà¥à¤à¤à¤¯à¥) वाराणसà¥</a></strong> 4478 </div> 4479 </div> 4480 </div> 4481 </div> 4482</footer> 4483<style> 4484.site-footer { 4485 font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; 4486 color: #f1f1f1; 4487 background: #0b2c4d; 4488 font-size: 0.95rem; 4489 line-height: 1.7; 4490 border-top: 3px solid #d4af37; 4491 overflow-x: hidden; 4492} 4493 4494.footer-section { 4495 background: linear-gradient(135deg, #0a1931 0%, #184a6e 100%); 4496 padding: 20px 0 0px; 4497} 4498 4499.footer-section a { 4500 color: #e0e0e0; 4501 text-decoration: none; 4502 transition: 0.3s; 4503} 4504 4505.footer-section a:hover { 4506 color: #ffd700; 4507 text-shadow: 0 0 5px rgba(255,215,0,0.5); 4508} 4509 4510.text-warning { 4511 color: #ffd700 !important; 4512} 4513 4514/* Google Map */ 4515.map-wrapper { 4516 border-radius: 10px; 4517 overflow: hidden; 4518 border: 0px solid rgba(255,255,255,0.2); 4519} 4520 4521/* Footer Bottom */ 4522.footer-bottom { 4523 background: #082238; 4524 color: #ddd; 4525 font-size: 0.9rem; 4526 padding: 10px 0; 4527} 4528 4529.footer-bottom a { 4530 color: #fff; 4531 font-weight: 500; 4532} 4533 4534.footer-bottom a:hover {
4535 color: #ffd700; 4536} 4537 4538/* Responsive */ 4539@media (max-width: 576px) { 4540 .display-footer-menu .col-6 { 4541 margin-bottom: 15px; 4542 } 4543 .footer-bottom { 4544 text-align: center; 4545 } 4546} 4547.region-footer{ 4548padding:0; 4549margin:0; 4550} 4551</style></div> 4552 4553 </div> 4554 4555 </div> 4556 4557</div> 4558 </div> 4559 4560 4561
4561<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"hi\/","currentPath":"node","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"hi"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"user":{"uid":0,"permissionsHash":"1750c91c2d55f455518c927b26c55b7d73aec1a0012fd973a08e385a935bdcbc"}}</script>
vendor: 1 bytes, line 4561
4561
4562<script src="/sites/default/files/js/js_ylX0OTfiDexuymEBJ5zdjkEDSLkU2ztfUmRbgkv9dBI.js?scope=footer&delta=0&language=hi&theme=raina_theme&include=eJx9jEEKwzAMBD9kx6e8x8hBdVQUK3iFg3_fnkJ66W2YgSlmDu90rqncGN-ISs7w8LLmdDHs4PTgBaP-awt2OUK1kWnbGJAiKj7z2S39mNBJGmXf-TupaoU0wqdKqx-ivj1R"></script>
vendor: 1 bytes, line 4562
4562
4563<script src="/themes/custom/raina_theme/js/script.js?v=1" defer></script>
vendor: 1 bytes, line 4563
4563
4564<script src="/themes/custom/raina_theme/js/splash.js?v=1" defer></script>
vendor: 1 bytes, line 4564
4564
4565<script src="/themes/custom/raina_theme/js/landing_popup.js?v=1" defer></script>
vendor: 1 bytes, line 4565
4565
4566<script src="/themes/custom/raina_theme/js/font-size.js?v=1" defer></script>
4566 4567 4568 </body> 4569</html>
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.