Page not found | Official website of Indian Council for Cultural Relations, Government of India

<!DOCTYPE html > <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " > <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-GTDW32DNBF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GTDW32DNBF'); </script> <script> async function trackVisitor() { try { const response = await fetch('https://iccr.gov.in/visitors.php', { method: 'POST', }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); } catch (error) { } } // Ensure the function runs only once globally if (!window.visitorTracked) { window.visitorTracked = true; // Prevent duplicate execution trackVisitor(); } </script> <meta charset="utf-8" /> <style>/* @see https://github.com/aFarkas/lazysizes#broken-image-symbol */.js img.lazyload:not([src]) { visibility: hidden; }/* @see https://github.com/aFarkas/lazysizes#automatically-setting-the-sizes-attribute */.js img.lazyloaded[data-sizes=auto] { display: block; width: 100%; }</style> <meta name="Generator" content="Drupal 8 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="/profiles/custom/iccr/themes/custom/iccr_theme/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Page not found | Official website of Indian Council for Cultural Relations, Government of India</title> <link rel="stylesheet" media="all" href="/core/assets/vendor/normalize-css/normalize.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/misc/normalize-fixes.css?srvni4" /> <link rel="stylesheet" media="all" href="/libraries/superfish/css/superfish.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/ajax-progress.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/align.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/autocomplete-loading.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/fieldgroup.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/container-inline.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/clearfix.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/details.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/hidden.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/item-list.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/js.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/nowrap.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/position-container.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/progress.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/reset-appearance.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/resize.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/sticky-header.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/system-status-counter.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/system-status-report-counters.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/system-status-report-general-info.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/tabledrag.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/tablesort.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/stable/css/system/components/tree-child.module.css?srvni4" /> <link rel="stylesheet" media="all" href="/modules/contrib/calendar/css/calendar.css?srvni4" /> <link rel="stylesheet" media="all" href="/modules/contrib/calendar/css/calendar_multiday.css?srvni4" /> <link rel="stylesheet" media="all" href="/modules/simple_popup_blocks/css/simple_popup_blocks.css?srvni4" /> <link rel="stylesheet" media="all" href="/modules/contrib/social_media_links/css/social_media_links.theme.css?srvni4" /> <link rel="stylesheet" media="all" href="/modules/contrib/extlink/extlink.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/action-links.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/breadcrumb.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/button.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/collapse-processed.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/container-inline.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/details.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/exposed-filters.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/field.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/form.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/icons.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/inline-form.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/item-list.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/link.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/links.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/menu.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/more-link.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/pager.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/tabledrag.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/tableselect.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/tablesort.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/tabs.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/textarea.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/ui-dialog.css?srvni4" /> <link rel="stylesheet" media="all" href="/core/themes/classy/css/components/messages.css?srvni4" /> <link rel="stylesheet" media="all" href="/profiles/custom/iccr/themes/custom/iccr_theme/css/application.css?srvni4" /> <link rel="stylesheet" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />  </head> <body class="path-online-form"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>  <header aria-label="Site header" class="header" id="header"> <div class="header-container"> <div class="header-container-top"> <div class="headerLeft "> <div class="region region-header-left"> <div id="block-sitelogo" class="block block-block-content block-block-contentf5dc6718-ac89-4af0-99f7-9c3397527636"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div style="background-color: rgba(255, 255, 255, 0); margin-top: 25px;" class="branding-block logo-left"><a class="no-lazy" href="/" rel="home" title=""><img class="site-logo-new" width="80%" alt="Official website of Indian Council for Cultural Relations, Government of India" title="Official website of Indian Council for Cultural Relations, Ministry of External Affairs , Government of India" src="https://iccr.gov.in/sites/default/files/2024-02/iccr_background.png" /> </a> </div> <style> @media (max-width: 768px) { .branding-block { margin-top: 0px !important; } } .site-logo-new{ filter: invert(1) brightness(0); } </style></div> </div> <div id="block-minimenu" class="block block-block-content block-block-contentb907f784-901e-455b-bb91-ca18a7a2b79c"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="navbar1"> <a href="/online-forms-links">Online Forms & Links</a><span style="font-size: 13px">|</span> <a href="/media-tabs">Media</a><span style="font-size: 13px">|</span> <a href="/newsletter-details">Newsletter</a><span style="font-size: 13px">|</span> <a href="/utiks/about-utiks">Utiks</a><span style="font-size: 13px">|</span> <a href="/showcasing-indian-culture-g20-book">G20</a> </div> <style> .navbar1 { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; display: flex; justify-content: flex-start; align-items: center; background-color: transparent; padding: 0px 20px; margin-top: 10px; margin-left: 30px; } .navbar1 a { text-decoration: none; color: #333; margin: 0 0px; padding: 0px 10px; font-size: 14px; } .navbar1 a:hover { color: black; background-color: skyblue; /* Matches the Feedback color in the image */ border-radius: 3px; } .navbar1 span { color: #999; margin: 0 5px; } /* Hide navbar on screens smaller than 769px */ @media (max-width: 768px) { .navbar1 { display: none; } } </style></div> </div> </div> </div> <div class="headerRight"> <div class="region region-header-right"> <div id="block-minimenuright" class="block block-block-content block-block-content6b874a20-90fb-4270-8aaf-8a77db97be1f"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="navbar1"> <a href="/annual-reports">Annual Reports</a><span style="font-size: 13px">|</span> <a href="/publication/gagananchal">Gagananchal</a><span style="font-size: 13px">|</span> <a href="/psc">Pratibha Sangam</a> </div> <style> .navbar1 { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; display: flex; justify-content: flex-end; align-items: center; background-color: transparent; padding: 0px 20px; margin-top: 10px; } .navbar1 a { text-decoration: none; color: #333; margin: 0 0px; padding: 0px 10px; font-size: 14px; } .navbar1 a:hover { color: black; background-color: skyblue; /* Matches the Feedback color in the image */ border-radius: 3px; } .navbar1 span { color: #999; margin: 0 5px; } @media (max-width: 768px) { .navbar1 { display: none; } } </style></div> </div> <div class="search-block-form custom-search-form custom-search-block" data-drupal-selector="search-block-form" id="block-searchform" role="search"> <div class="custom-search-content"> <form action="/search/node" method="get" class="custom-search-form"> <div class="custom-search-input-wrapper"> <div class="js-form-item form-item js-form-type-search form-type-search js-form-item-keys form-item-keys form-no-label"> <label for="edit-keys" class="visually-hidden js-form-required form-required">Search</label> <input placeholder="Type your search here..." class="custom-search-input form-search required" title="Enter the terms you wish to search for." data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="20" maxlength="128" required="required" aria-required="true" /> </div> <button type="submit" class="custom-search-button" aria-label="Search"> <i class="fas fa-search" aria-hidden="true"></i> </button> </div> </form> </div> </div> <div id="block-textresizer" class="block block-block-content block-block-content8cef244f-3bd0-4688-90db-25b8a78dbea4"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="text-resizer-container">  <img src="https://iccr.gov.in/profiles/custom/iccr/themes/custom/iccr_theme/images/icon/svg/usabilty.svg" alt="Usability Icon" class="usability-icon">  <div class="text-resizer-controls"> <button onclick="resizeText('decrease')">A-</button> <button onclick="resizeText('reset')">A</button> <button onclick="resizeText('increase')">A+</button> </div> </div> <style> .text-resizer-container { position: absolute; right: 5.5%; z-index: 100; bottom: 75px; } @media (max-width: 768px) { .text-resizer-container { bottom: 25px; } } .usability-icon { width: 30px; height: 30px; cursor: pointer; filter: invert(100%); /* Invert color of the icon */ } .text-resizer-controls { display: none; /* Hide buttons by default */ position: absolute; top: 30px; right: 0; background: white; padding: 5px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .text-resizer-controls button { display: block; /* Vertical alignment */ padding: 8px 0; margin: 5px 0; background-color: #0a58ca; color: white !important; border: none; border-radius: 3px; font-weight: bold; cursor: pointer; width: 30px; font-size: 10px !important; } .text-resizer-controls button:hover { background-color: #004085; } /* Show buttons when hovering over the container */ .text-resizer-container:hover .text-resizer-controls { display: block; } </style> <script> document.addEventListener("DOMContentLoaded", function () { // -------------------------------------- // 1. Gather all elements we want to resize // -------------------------------------- const textElements = document.querySelectorAll( "p, a, h1, h2, h3, h4, h5, h6, span, li, td, th, div, button, label" ); // -------------------------------------- // 2. Store their original font sizes // -------------------------------------- const originalSizes = new Map(); textElements.forEach((el) => { const computedSize = parseFloat(window.getComputedStyle(el).fontSize); originalSizes.set(el, computedSize); }); // -------------------------------------- // 3. Load saved multiplier or default to 1.0 // -------------------------------------- let fontSizeMultiplier = 1.0; const storedMultiplier = localStorage.getItem("fontSizeMultiplier"); if (storedMultiplier !== null) { fontSizeMultiplier = parseFloat(storedMultiplier) || 1.0; } // -------------------------------------- // 4. Apply the font size to elements // -------------------------------------- function applyFontSize() { textElements.forEach((el) => { const originalSize = originalSizes.get(el); el.style.fontSize = (originalSize * fontSizeMultiplier) + "px"; }); } // Initial apply to ensure any stored setting is reflected applyFontSize(); // -------------------------------------- // 5. The resizeText function that the buttons call // -------------------------------------- window.resizeText = function (action) { const step = 0.1; // Amount to zoom in/out per click const minMultiplier = 0.8; // Minimum 80% const maxMultiplier = 1.2; // Maximum 120% if (action === "increase") { fontSizeMultiplier = Math.min(fontSizeMultiplier + step, maxMultiplier); } else if (action === "decrease") { fontSizeMultiplier = Math.max(fontSizeMultiplier - step, minMultiplier); } else if (action === "reset") { fontSizeMultiplier = 1.0; } // Update text sizes applyFontSize(); // Store in localStorage so other pages & refreshes see the new setting localStorage.setItem("fontSizeMultiplier", fontSizeMultiplier); }; }); </script> </div> </div> <div id="block-darkmode" class="block block-block-content block-block-content851a4738-c64f-4e9b-bc6c-fee7547f7dc6"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><style> /* Default (light mode) styles */ body { background-color: white; color: black; transition: background-color 0.3s, color 0.3s; } /* Dark mode styles */ body.dark-mode { background-color: black; color: white; } /* Dark mode toggle switch container */ .switch-container { position: absolute; right: 8.5%; bottom: 80px; display: flex; align-items: center; cursor: pointer; background: #ddd; padding: 5px; border-radius: 20px; transition: background 0.3s; width: 50px; height: 25px; border: 2px solid skyblue; } /* Responsive position for mobile screens */ @media (max-width: 768px) { .switch-container { right: 29%; bottom: 75px; } } /* Dark mode switch (inner circle) */ .switch-circle { width: 15px; height: 15px; background: white; border-radius: 50%; position: relative; transition: transform 0.3s, background 0.3s; display: flex; align-items: center; justify-content: center; } /* Sun and Moon icons */ .switch-container .icon { font-size: 14px; position: absolute; transition: opacity 0.3s; } .suns { right: 5px; color: orange; } .moon { left: 5px; color: #333; opacity: 0; } /* Dark mode styles for the switch */ body.dark-mode .switch-container { background: #444; } /* Move the switch circle to the right in dark mode */ body.dark-mode .switch-circle { transform: translateX(25px); background: #222; } /* Show moon icon in dark mode */ body.dark-mode .suns { opacity: 0; } body.dark-mode .moon { opacity: 1; } /* Dark mode for #block-iccr-theme-content */ #block-iccr-theme-content { background-color: white; } body.dark-mode #block-iccr-theme-content { background-color: black; } /* Dark mode text for paragraphs */ p { color: black; } body.dark-mode p { color: white; } /* Dark mode navbar link color */ .navbar1 a { color: black; } body.dark-mode .navbar1 a { color: white; } /* Dark mode for language switcher */ #block-languageswitcher ul li a { color: black; } body.dark-mode #block-languageswitcher ul li a { color: white !important; } /* Dark mode for .newcardslider1 and .clearfix */ .newcardslider1, .clearfix { background-color: white; } body.dark-mode .newcardslider1, body.dark-mode .clearfix { background-color: black; } body.dark-mode .dginfo, body.dark-mode button, body.dark-mode .flash, body.dark-mode .font, body.dark-mode .gallerynew, body.dark-mode td, body.dark-mode .th, body.dark-mode .galleryhead, body.dark-mode th, body.dark-mode .exhibition-text, body.dark-mode .custom-table td { color: black !important; } body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode strong, body.dark-mode td, body.dark-mode .td, body.dark-mode td a, body.dark-mode b, body.dark-mode .categories ul ul ul a, body.dark-mode .categories h2 a { color: white !important; } body.dark-mode .calendar-calendar tr, body.dark-mode .pager, body.dark-mode .calendar-calendar .month-view .full td .inner div.calendar.monthview div, body.dark-mode .calendar-calendar .month-view .full td.single-day div.monthview, body.dark-mode .categories ul ul li:hover { background-color: black !important; } body.dark-mode .sections { opacity: 1 !important; } body.dark-mode .td, body.dark-mode td { border: 1px solid white; } /* Default (light mode) header gradient */ header { background: linear-gradient( to right, #FF9933 30%, /* Saffron dominant */ rgba(255, 153, 51, 0.8) 33%, /* Slight fade of saffron */ white 35%, /* Transition to white */ white 65%, /* White dominant */ rgba(19, 136, 8, 0.8) 67%, /* Slight fade to green */ #138808 70% /* Green dominant */ ) 0 0 / 100% 14px no-repeat, white; } /* Dark mode header gradient */ body.dark-mode header { background: linear-gradient( to right, #FF9933 30%, /* Saffron dominant */ rgba(255, 153, 51, 0.8) 33%, /* Slight fade of saffron */ white 35%, /* Transition to black */ white 65%, /* Black dominant */ rgba(19, 136, 8, 0.8) 67%, /* Slight fade to green */ #138808 70% /* Green dominant */ ) 0 0 / 100% 14px no-repeat, black; } /* Default site logo with invert filter */ .site-logo-new { filter: invert(1); } /* Remove invert filter for dark mode */ body.dark-mode .site-logo-new { filter: none; } /* Default toptextresizer filter */ .usability-icon { filter: invert(100%); } /* Dark mode: Display toptextresizer in white */ body.dark-mode .usability-icon { filter: none; color: white; } /* Default (light mode) text colors */ .small-text1, .small-text2, .small-text3 { color: black; } /* Dark mode text color */ body.dark-mode .small-text1, body.dark-mode .small-text2, body.dark-mode .small-text3 { color: white; } </style>  <div class="switch-container" id="dark-mode-toggle"> <span class="icon suns">🌞</span> <div class="switch-circle"></div> <span class="icon moon">🌙</span> </div> <script> document.addEventListener('DOMContentLoaded', function () { const toggleDarkMode = document.getElementById('dark-mode-toggle'); toggleDarkMode.addEventListener('click', function () { document.body.classList.toggle('dark-mode'); // Save the user's preference in localStorage const isDarkMode = document.body.classList.contains('dark-mode'); localStorage.setItem('darkMode', isDarkMode); }); // Apply the saved preference on page load if (localStorage.getItem('darkMode') === 'true') { document.body.classList.add('dark-mode'); } }); </script> </div> </div> <div class="language-switcher-language-url block block-language block-language-blocklanguage-interface" id="block-languageswitcher" role="navigation"> <ul class="links"><li data-drupal-language="en" data-drupal-link-query="{"_exception_statuscode":404,"destination":"\/"}" data-drupal-link-system-path="system/404" class="en"><a href="/system/404?destination=/&_exception_statuscode=404" class="language-link" hreflang="en" data-drupal-link-query="{"_exception_statuscode":404,"destination":"\/"}" data-drupal-link-system-path="system/404">English</a></li><li data-drupal-language="hi" data-drupal-link-query="{"_exception_statuscode":404,"destination":"\/"}" data-drupal-link-system-path="system/404" class="hi"><a href="/hi/system/404?destination=/&_exception_statuscode=404" class="language-link" hreflang="hi" data-drupal-link-query="{"_exception_statuscode":404,"destination":"\/"}" data-drupal-link-system-path="system/404">Hindi</a></li></ul> </div> <div id="block-mealogo" class="block block-block-content block-block-contentf482ab87-d0d4-43c7-86da-6c0be99364c0"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><a href="https://www.mea.gov.in/" class="responsive-link" > <img class="image" width="30%" src="https://iccr.gov.in/sites/default/files/2024-04/satyanew.png" alt="Ministry of External Affairs" style="max-width: 100%;"> <span class="small-text3">सत्यमेव जयते</span> <span class="small-text1" >Ministry of External Affairs</span> <span class="small-text2">Government of India</span> </a> <style> .small-text1 { font-size: 0.8rem; font-weight: bold; margin-top: 5px; width: 200px; text-align: center; color: black; } .small-text2 { font-size: 0.7rem; margin: 0; color: black; } .small-text3 { font-size: 0.6rem; margin-top: -8px; color: black; } .responsive-link { position: absolute; right: 16%; top: 23%; display: flex; flex-direction: column; align-items: center; text-decoration: none; color: white; width: 150px; height: 100px; } @media (max-width: 768px) { .responsive-link { position: absolute; top: 8%; right: -7%; } .image{ width: 20%; } .small-text1 { font-size: 0.4rem; } .small-text2 { font-size: 0.3rem; /* Adjust the font size for the second text element */ } .small-text3 { font-size: 0.3rem; margin-top: -6px; } } </style></div> </div> <div id="block-socialmediablock" class="block block-block-content block-block-content68b9c6fc-98b7-4a23-96e7-be198117114e"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="hide-on-small-screen"> <a href="https://www.facebook.com/ICCROfficial/"><img src="https://iccr.gov.in/sites/default/files/2024-05/fb.png" alt="Logo 1" style="width: 30px; height: auto; margin-right: 10px;"></a> <a href="https://www.instagram.com/iccr_delhi/"><img src="https://iccr.gov.in/sites/default/files/2024-05/insta.png" alt="Logo 2" style="width: 30px; height: auto; margin-right: 10px;"></a> <a href="https://twitter.com/iccr_hq"><img src="https://iccr.gov.in/sites/default/files/2024-05/tweet.png" alt="Logo 3" style="width: 30px; height: auto; margin-right: 10px;"></a> <a href="https://www.youtube.com/@ICCRHQ"><img src="https://iccr.gov.in/sites/default/files/2024-05/youtub.png" alt="Logo 4" style="width: 30px; height: auto;"></a> </div> <style> .hide-on-small-screen{ position: absolute; top: 25%; right: 2%; display: flex; flex-direction: row; align-items: center; } @media screen and (max-width: 768px) { .hide-on-small-screen { display: none; } } </style></div> </div> <div id="block-hamburgermenu" class="block block-block-content block-block-content0142c987-7cab-4c1f-9f46-e52e9f9ddcde"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="burger-body"> <div class="menu-toggle1" onclick="toggleMenu()"> <span class="bar1"></span> <span class="bar1"></span> <span class="bar1"></span> </div> <div class="menu-container1" id="menu"> <div class="menu-item1" style="height: 56px; background: transparent; cursor: default;"></div> <div class="menu-item1" onclick="toggleSubmenu1('submenu-visitors-programme')"> Visitor's Programme <span class="arrow">▶</span> </div> <div class="submenu1" id="submenu-visitors-programme"> <div class="menu-item1" onclick="window.location.href='/conference-seminar/foreign-visitors-programme'">Foreign Visitors Programme</div> <div class="menu-item1" onclick="window.location.href='/conference-seminar/visitors-programme/distinguished-visitors-programme'">Distinguished Visitors Programme</div> <div class="menu-item1" onclick="window.location.href='/conference-seminar/visitors-programme/academic-visitors-programme'">Academic Visitors Programme</div> <div class="menu-item1" onclick="window.location.href='/gen-next-democracy-network-programme'">Gen-Next Democracy Network Programme</div> <div class="menu-item1" onclick="window.location.href='/orientation-programme-students-hindi'">Orientation Programme for Students of Hindi</div> <div class="menu-item1" onclick="toggleSubmenu1('submenu-travel-grant')"> Travel Grant <span class="arrow">▶</span> </div> <div class="submenu1" id="submenu-travel-grant"> <div class="menu-item1" onclick="window.location.href='/conference-special-projects/visitors-programme/travel-grant/introduction'">Introduction</div> <div class="menu-item1" onclick="window.location.href='/conference-seminar/visitors-programme/travel-grant/guidelines-outgoing-visitors-programme'">Guidelines for Outgoing Visitors Programme</div> </div> </div> <div class="menu-item1" onclick="window.location.href='/conference-seminar/award'"> Awards </div> <div class="menu-item1" onclick="toggleSubmenu1('submenu14')"> Publication <span class="arrow">▶</span> </div> <div class="submenu1" id="submenu14"> <div class="menu-item1" onclick="window.location.href='/annual-reports'">Annual Reports & Accounts</div> <div class="menu-item1" onclick="window.location.href='/publication/horizon'">Horizon</div> <div class="menu-item1" onclick="window.location.href='/publication/gagananchal'">Gagananchal</div> <div class="menu-item1" onclick="window.location.href='/Publication/gosha-e-azad'">GOSA-E-AZAD</div> <div class="menu-item1" onclick="window.location.href='/publication/archives/archives-publication'">Archives Publication</div> </div> <div class="menu-item1" onclick="toggleSubmenu1('submenu13')"> Chairs<span class="arrow">▶</span> </div> <div class="submenu1" id="submenu13"> <div class="menu-item1" onclick="window.location.href='/online-forms-links/chairs/introduction'"> Introduction </div> <div class="menu-item1" onclick="window.location.href='/online-forms-links/chairs/guidelines'">Guidelines</div> </div> <div class="menu-item1" onclick="window.location.href='/cultural/incoming-cultural-delegation'"> Incoming Cultural Delegations </div> <div class="menu-item1" onclick="window.location.href='/cultural/outgoing-cultural-delegation'"> Outgoing Cultural Delegations </div> <div class="menu-item1" onclick="toggleSubmenu1('submenu15')"> Exhibitions <span class="arrow">▶</span> </div> <div class="submenu1" id="submenu15"> <div class="menu-item1" onclick="window.location.href='/cultural/exhibitions/general-exhibition'">General Exhibition</div> <div class="menu-item1" onclick="window.location.href='/exhibition-visiting-india-masters-online-exhibition-7-indian-artists'">Virtual Exhibition</div> <div class="menu-item1" onclick="window.location.href='/cultural/exhibitions/gift-busts-and-statues'">Busts and Statues</div> </div> <div class="menu-item1" onclick="toggleSubmenu1('submenu17')"> Conference & Seminar <span class="arrow">▶</span> </div> <div class="submenu1" id="submenu17"> <div class="menu-item1" onclick="window.location.href='/conference-seminar/conference-seminar/introduction'">Introduction</div> <div class="menu-item1" onclick="window.location.href='/app'">Online Form for Conference & Seminar</div> </div> <div class="menu-item1" onclick="toggleSubmenu1('submenu18')"> Scholarship <span class="arrow">▶</span> </div> <div class="submenu1" id="submenu18"> <div class="menu-item1" onclick="toggleSubmenu1('submenu19')"> ICCR Scholarships <span class="arrow">▶</span> </div> <div class="submenu1" id="submenu19"> <div class="menu-item1" onclick="window.location.href='/iccr-scholarship/indian-council-cultural-relations-scholarship'">About</div> <div class="menu-item1" onclick="window.location.href='/iccr-scholarship-schemes'">ICCR Scholarship Schemes</div> <div class="menu-item1" onclick="window.location.href='/online-forms-links/a2a-scholarship/guidelines-students'">Guidelines</div> <div class="menu-item1" onclick="window.location.href='https://a2ascholarships.iccr.gov.in/'">Apply Online</div> </div> <div class="menu-item1" onclick="toggleSubmenu1('submenu20')"> Fellowship Programme <span class="arrow">▶</span> </div> <div class="submenu1" id="submenu20"> <div class="menu-item1" onclick="window.location.href='/online-form-%26-links/fellowship-program/introduction'">Introduction</div> <div class="menu-item1" onclick="window.location.href='/online-form-%26-links/fellowship-program/guidelines'">Guidelines</div> <div class="menu-item1" onclick="window.location.href='/app'">Fellowship Application Form</div> </div> </div> </div> </div> <style> .burger-body { margin: 0; font-family: 'Arial', sans-serif; } @media screen and (max-width: 768px) { .burger-body { display: none; } } .menu-container1 { position: fixed; top: 0; right: 0; height: 100%; width: 250px; background: skyblue; color: black; overflow-y: auto; transform: translateX(100%); transition: transform 0.5s ease, opacity 0.5s ease; z-index: 999; opacity: 0; } .menu-container1.active { transform: translateX(0); opacity: 1; } .menu-toggle1 { position: absolute; top: 81.5%; right: 10%; cursor: pointer; z-index: 1001; transition: transform 0.3s ease; } .menu-toggle1.active { position: fixed; top: 3%; right: 1%; transform: none; } .bar1 { display: block; width: 30px; height: 4px; margin: 4px 0; background-color: black; transition: all 0.3s ease; } .bar1.white { background: white; } .bar1:nth-child(1).active { transform: translateY(8px) rotate(45deg); background-color: black; } .bar1:nth-child(2).active { opacity: 0; } .bar1:nth-child(3).active { transform: translateY(-8px) rotate(-45deg); background-color: black; } .menu-item1 { padding: 15px 14px; border-bottom: 1px solid #444; display: flex; font-size: 13px; justify-content: space-between; align-items: start; cursor: pointer; position: relative; z-index: 998; transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease; opacity: 0; transform: translateX(-20px); font-weight: 500; } .menu-container1.active .menu-item1 { opacity: 1; transform: translateX(0); } .menu-item1:hover { background-color: white; color: rgba(10, 63, 132, 1); } .submenu1, .sub-submenu1 { padding-left: 20px; background: skyline; transition: max-height 0.5s ease, opacity 0.3s ease; overflow: hidden; max-height: 0; opacity: 0; } .submenu1.active, .sub-submenu1.active { max-height: 400px; /* Adjust based on submenu1 content */ opacity: 1; } .submenu1 .menu-item1 { border-bottom: none; text-align: start; } .arrow { transition: transform 0.3s ease; } .arrow.down { transform: rotate(90deg); } .submenu1 .submenu1 { padding-left: 40px; } @media (max-width: 600px) { .menu-toggle1 { top: 10px; left: 10px; } .bar1 { width: 25px; height: 3px; margin: 5px 0; } .menu-item1 { font-size: 14px; padding: 12px 15px; } } </style> <script> function toggleMenu() { const menu = document.getElementById('menu'); const bars = document.querySelectorAll('.bar1'); const menuToggle = document.querySelector('.menu-toggle1'); menu.classList.toggle('active'); bars.forEach(bar => bar.classList.toggle('active')); menuToggle.classList.toggle('active'); } function toggleSubmenu1(id) { const submenu1 = document.getElementById(id); const arrow = submenu1.previousElementSibling.querySelector('.arrow'); submenu1.classList.toggle('active'); arrow.classList.toggle('down'); } document.addEventListener('click', function (event) { const menu = document.getElementById('menu'); const menuToggle = document.querySelector('.menu-toggle1'); // Check if the click was outside the menu and the toggle button if (!menu.contains(event.target) && !menuToggle.contains(event.target)) { if (menu.classList.contains('active')) { toggleMenu(); // Close the menu } } }); </script></div> </div> <div id="block-mobilemenunew" class="block block-block-content block-block-content404929a9-1efb-4397-a74b-c5272b4efccc"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="burger-body1"> <div class="menu-toggle2" onclick="toggleMenu1()"> <span class="bar2"></span> <span class="bar2"></span> <span class="bar2"></span> </div> <div class="menu-container2" id="menu1"> <div class="menu-item2" style="height: 56px; background: transparent; cursor: default;"></div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-aboutus')"> About Us <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-aboutus"> <div class="menu-item2" onclick="window.location.href='/about-us/history'">History</div> <div class="menu-item2" onclick="window.location.href='/about-us/president'">President</div> <div class="menu-item2" onclick="window.location.href='/about-us/director-general'">Director General</div> <div class="menu-item2" onclick="window.location.href='/about-us/memorandum-association'">Memorandum of Association</div> <div class="menu-item2" onclick="window.location.href='/about-us/former-presidents'">Former Presidents</div> <div class="menu-item2" onclick="window.location.href='/about-us/former-director-general'">Former Director Generals</div> <div class="menu-item2" onclick="window.location.href='/about-us/registration-certificate'">Registration Certificate</div> <div class="menu-item2" onclick="window.location.href='/about-us/member-general-assembly-0'">Member of General Assembly</div> <div class="menu-item2" onclick="window.location.href='/member-governing-body-0'">Member of Governing Body</div> <div class="menu-item2" onclick="window.location.href='/cultural/indian-cultural-center-map'">Indian Cultural Centers Abroad</div> <div class="menu-item2" onclick="window.location.href='/regional-center-list-view'">Zonal and Sub-Zonal Centers</div> <div class="menu-item2" onclick="window.location.href='/about-us/staff-strength'">Staff Strength</div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-acts-rules')">Acts & Rules <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-acts-rules"> <div class="menu-item2" onclick="window.location.href='/about-us/iccr-recruitment-rules'">ICCR Recruitment Rules</div> <div class="menu-item2" onclick="window.location.href='/about-us/constitution'">Constitution</div> </div> <div class="menu-item2" onclick="window.location.href='/about-us/whos-who'">Who's Who</div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-cultural')"> Cultural <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-cultural"> <div class="menu-item2" onclick="window.location.href='/culture/incoming-cultural-delegation'">Incoming Cultural Delegations</div> <div class="menu-item2" onclick="window.location.href='/culture/outgoing-cultural-delegation'">Outgoing Cultural Delegations</div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-exhibitions')"> Exhibitions <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-exhibitions"> <div class="menu-item2" onclick="window.location.href='/cultural/exhibitions/general-exhibition'">General Exhibition</div> <div class="menu-item2" onclick="window.location.href='/exhibition-visiting-india-masters-online-exhibition-7-indian-artists'">Virtual Exhibition</div> <div class="menu-item2" onclick="window.location.href='/cultural/exhibitions/gift-busts-and-statues'">Busts and Statues</div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-empanelment')"> Empanelment of Artists/Groups <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-empanelment"> <div class="menu-item2" onclick="window.location.href='/online-form/empanelment-artistgroup/introduction'">Introduction</div> <div class="menu-item2" onclick="window.location.href='/cultural/empanelment-artistsgroups/list-empanelled-artist'">List of Empanelled Artists</div> </div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu21')"> Online Forms & Links <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu21"> <div class="menu-item2" onclick="window.location.href='/online-forms-and-links/apar-forms'"> APAR Forms </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu21-2')"> Engagement with ICCR <span class="arrow">▶</span> </div> <div class="submenu2 sub-submenu2" id="submenu21-2"> <div class="menu-item2" onclick="window.location.href='/app'">Online Form for teachers</div> </div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-scholarship')"> Scholarships <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-scholarship"> <div class="menu-item2" onclick="toggleSubmenu2('submenu-scholarship1')"> ICCR Scholarships<span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-scholarship1"> <div class="menu-item2" onclick="window.location.href='/iccr-scholarship/indian-council-cultural-relations-scholarship'">About</div> <div class="menu-item2" onclick="window.location.href='/scholarship/iccr-scholarship/iccr-scholarship-schemes'">ICCR Scholarship Schemes</div> <div class="menu-item2" onclick="window.location.href='/online-forms-links/a2a-scholarship/guidelines-students'">Guidelines</div> <div class="menu-item2" onclick="window.location.href='https://a2ascholarships.iccr.gov.in/'">Apply online</div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-scholarship2')"> Fellowship Programme<span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-scholarship2"> <div class="menu-item2" onclick="window.location.href='/online-form-%26-links/fellowship-program/introduction'">Introduction</div> <div class="menu-item2" onclick="window.location.href='/online-form-%26-links/fellowship-program/guidelines'">Guidelines</div> <div class="menu-item2" onclick="window.location.href='/online-forms-links/a2a-scholarship/guidelines-students'">Fellowship Application Form</div> </div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-conference')"> Conferences & Special Projects <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-conference"> <div class="menu-item2" onclick="toggleSubmenu2('submenu-conference-form')"> Conferences & Seminars <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-conference-form"> <div class="menu-item2" onclick="window.location.href='/conference-seminar/conference-seminar/introduction'">Introduction</div> <div class="menu-item2" onclick="window.location.href='/app'">Online Form for Conferences & Seminars</div> </div>  <div class="menu-item2" onclick="toggleSubmenu2('submenu-visitors')"> Visitor's Programme <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-visitors"> <div class="menu-item2" onclick="window.location.href='/conference-seminar/foreign-visitors-programme'">Foreign Visitors Programme</div> <div class="menu-item2" onclick="window.location.href='/conference-seminar/visitors-programme/distinguished-visitors-programme'">Distinguished Visitors Programme</div> <div class="menu-item2" onclick="window.location.href='/conference-seminar/visitors-programme/academic-visitors-programme'">Academic Visitors Programme</div> <div class="menu-item2" onclick="window.location.href='/gen-next-democracy-network-programme'">Gen-Next Democracy Network Programme</div> <div class="menu-item2" onclick="window.location.href='/orientation-programme-students-hindi'">Orientation Programme for Students of Hindi</div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-travel')" > Travel Grant </div> <div class="submenu2" id="submenu-travel"> <div class="menu-item2" onclick="window.location.href='/conference-special-projects/visitors-programme/travel-grant/introduction'">Introduction</div> <div class="menu-item2" onclick="window.location.href='/conference-seminar/visitors-programme/travel-grant/guidelines-outgoing-visitors-programme'">Guidelines for outgoing visitors programme</div> </div> </div> <div class="menu-item2" onclick="window.location.href='/conference-seminar/award'">Awards</div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-annapurna')"> Annapurna Certificate <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-annapurna"> <div class="menu-item2" onclick="window.location.href='/conference-seminar/annapurna-certificate/about-annapurna-certificatet'">About Annapurna Certificate</div> <div class="menu-item2" onclick="window.location.href='/annapurna-certificate-general-terms-condition'">Terms & Conditions</div> <div class="menu-item2" onclick="window.location.href='/conference-seminar/annapurna-certificate/annapurna-certificate-winner-lists'">Winners</div> <div class="menu-item2" onclick="window.location.href='/annapurna-certificate-application-form'">Application Form</div> </div> <div class="menu-item2" onclick="window.location.href='/psc'">Pratibha Sangam</div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu-announcement')"> Announcements <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-announcement">  <div class="menu-item2" onclick="toggleSubmenu2('submenu-whats-new')"> What's New <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu-whats-new"> <div class="menu-item2" onclick="window.location.href='/current-event'">Current Events</div> <div class="menu-item2" onclick="window.location.href='/circulars'">Circulars</div> <div class="menu-item2" onclick="window.location.href='/notice'">Notice</div> </div> <div class="menu-item2" onclick="window.location.href='/tenders'">Tenders</div> <div class="menu-item2" onclick="window.location.href='/rti'">RTI</div> <div class="menu-item2" onclick="window.location.href='/vacancy'">Vacancy</div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu22')"> Media <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu22"> <div class="menu-item2" onclick="window.location.href='/media/speeches-statement-press-release'">Press Release</div> <div class="menu-item2" onclick="window.location.href='/media/photo-gallery'">Photo Gallery</div> <div class="menu-item2" onclick="window.location.href='/media/video-gallery'">Video Gallery</div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu23')"> Chairs<span class="arrow">▶</span> </div> <div class="submenu2" id="submenu23"> <div class="menu-item2" onclick="window.location.href='/online-forms-links/chairs/introduction'">Indroduction</div> <div class="menu-item2" onclick="window.location.href='/online-forms-links/chairs/guidelines'">Guidelines</div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu24')"> Publication <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu24"> <div class="menu-item2" onclick="window.location.href='/annual-reports'">Annual Reports & Accounts</div> <div class="menu-item2" onclick="window.location.href='/publication/horizon'">Horizon</div> <div class="menu-item2" onclick="window.location.href='/publication/gagananchal'">Gagananchal</div> <div class="menu-item2" onclick="window.location.href='/Publication/gosha-e-azad'">GOSA-E-AZAD</div> <div class="menu-item2" onclick="window.location.href='/publication/archives/archives-publication'">Archives Publication</div> </div> <div class="menu-item2" onclick="window.location.href='/newsletter-details'"> Newsletter </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu25')"> UTIKS <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu25"> <div class="menu-item2" onclick="window.location.href='/utiks/about-utiks'">About Utiks</div> <div class="menu-item2" onclick="window.location.href='https://utiks.co.in'">Utiks Portal</div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu26')"> G20 <span class="arrow">▶</span> </div> <div class="submenu2" id="submenu26"> <div class="menu-item2" style="border-bottom: 1px solid #444;" onclick="window.location.href='/showcasing-indian-culture-g20-book'">Showcasing Indian Culture at G20 Book</div> </div> <div class="menu-item2" onclick="toggleSubmenu2('submenu27')"> Contact<span class="arrow">▶</span> </div> <div class="submenu2" id="submenu27"> <div class="menu-item2" onclick="window.location.href='/contact/organizational-structure-iccr'">ICCR Organogram</div> <div class="menu-item2" onclick="window.location.href='/contact/contact-list'">Contact List</div> <div class="menu-item2" onclick="window.location.href='/contact/contact-us'">Contact Us</div> </div> </div> </div> <style> .burger-body1 { margin: 0; font-family: 'Arial', sans-serif; } @media screen and (min-width: 768px) { .burger-body1 { display: none; } } .menu-container2 { position: fixed; top: 0; left: 0; height: 100%; width: 250px; background: skyblue; color: black; overflow-y: scroll; /* Enable scrolling */ scrollbar-width: none; /* For Firefox: Hide scrollbar */ -ms-overflow-style: none; /* For Internet Explorer and Edge: Hide scrollbar */ transform: translateX(-100%); transition: transform 0.5s ease, opacity 0.5s ease; z-index: 999; opacity: 0; } .menu-container2.active { transform: translateX(0); opacity: 1; } .menu-toggle2 { position: absolute; top: 10px; left: 2%; cursor: pointer; z-index: 1001; transition: transform 0.3s ease; } .menu-toggle2.active { position: absolute; top: 10px; left: 255px; transform: none; } .bar2 { display: block; width: 30px; height: 4px; margin: 4px 0; background-color: black; transition: all 0.3s ease; } .bar2.white { background: white; } .bar2:nth-child(1).active { transform: translateY(8px) rotate(45deg); background-color: black; } .bar2:nth-child(2).active { opacity: 0; } .bar2:nth-child(3).active { transform: translateY(-8px) rotate(-45deg); background-color: black; } .menu-item2 { padding: 8px 10px; border-bottom: 1px solid #444; border: 1px solid black; display: flex; font-size: 13px; justify-content: space-between; align-items: start; cursor: pointer; position: relative; z-index: 998; transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease; opacity: 0; transform: translateX(-20px); font-weight: 500; text-align: start; } .menu-container2.active .menu-item2 { opacity: 1; transform: translateX(0); } .menu-item2:hover { background-color: white; color: rgba(10, 63, 132, 1); } .submenu2, .sub-submenu2 { padding-left: 20px; background: skyline; transition: max-height 0.5s ease, opacity 0.3s ease; overflow: hidden; max-height: 0; opacity: 0; } .submenu2.active, .sub-submenu2.active { max-height: 800px; /* Adjust based on submenu2 content */ opacity: 1; } .submenu2 .menu-item2 { border-bottom: none; } .arrow { transition: transform 0.3s ease; } .arrow.down { transform: rotate(90deg); } .submenu2 .submenu2 { padding-left: 40px; } @media (max-width: 600px) { .menu-toggle2 { top: 10px; left: 10px; } .bar2 { width: 25px; height: 3px; margin: 5px 0; } .menu-item2 { font-size: 14px; padding: 12px 15px; } } </style> <script> function toggleMenu1() { const menu = document.getElementById('menu1'); const bars = document.querySelectorAll('.bar2'); const menuToggle = document.querySelector('.menu-toggle2'); menu.classList.toggle('active'); bars.forEach(bar => bar.classList.toggle('active')); menuToggle.classList.toggle('active'); } function toggleSubmenu2(id) { const submenu2 = document.getElementById(id); const arrow = submenu2.previousElementSibling.querySelector('.arrow'); submenu2.classList.toggle('active'); arrow.classList.toggle('down'); } document.addEventListener('click', function (event) { const menu = document.getElementById('menu1'); const menuToggle = document.querySelector('.menu-toggle2'); // Check if the click was outside the menu and the toggle button if (!menu.contains(event.target) && !menuToggle.contains(event.target)) { if (menu.classList.contains('active')) { toggleMenu1(); // Close the menu } } }); </script></div> </div> </div> <a href="#"> <img title="जी-20" alt="जी-20" class="g20-logo" src="/sites/default/files/2022-12/blue3.png"/> </a> <a href="https://amritmahotsav.nic.in/" class="sw-logo" target="_blank"> <img class="logo-75" title="75 th Azadi Ka Amrit Mahotsav" src="/profiles/custom/iccr/themes/custom/iccr_theme/images/top-header-logo-150.png" alt="Image of 75 th Azadi Ka Amrit Mahotsav"/> </a> <a href="https://swachhbharat.mygov.in/" class="sw-logo" target="_blank"> <img class="bharat" title="Swachh Bharat Abhiyan" src="/profiles/custom/iccr/themes/custom/iccr_theme/images/top-header-logo-bharat.png" alt="Image of Swachh Bharat Abhiyan"/> </a> </div> </div> </div> <div class="main-menu"> <div class="region region-menu"> <div id="block-homeicon" class="block block-block-content block-block-content94ebcffc-d4ea-4407-be8c-4d099ff432dd"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><a href="/"> <div class="home"> <i class="fas fa-home fa-2x"></i> </div> </a> <style> .home { position: absolute; top: 20%; left: 10%; cursor: pointer; z-index: 1001; transition: transform 0.3s ease; } .home i { font-size: 28px; /* Custom size for the icon */ color: #333; /* Optional: Set color */ } .home:hover { transform: scale(1.2); /* Optional hover effect */ } </style></div> </div> <div id="block-mainmenu-2" class="block block-superfish block-superfishmain"> <ul id="superfish-main" class="menu sf-menu sf-main sf-horizontal sf-style-none"> <li id="main-menu-link-content1181a364-e8b6-4417-a42b-395424ccc63f" class="sf-depth-1 main-menu-custom-hide menuparent"><span title="About Us" class="sf-depth-1 menuparent nolink">About Us</span><ul><li id="main-menu-link-content762c848c-a77d-4c8f-b0f6-c2c78e7ffbb5" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/history" title="History" class="sf-depth-2">History</a></li><li id="main-menu-link-contentf46bd8d9-6f07-41ea-9111-44591bd52549" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/president" title="President" class="sf-depth-2">President</a></li><li id="main-menu-link-content47cc829b-c4ee-49b1-9372-f12f2d954288" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/director-general" title="Director General" class="sf-depth-2">Director General </a></li><li id="main-menu-link-content9d6b2b50-39d3-42f7-964b-050c9eec8f07" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/memorandum-association" title="Memorandum of Association" class="sf-depth-2">Memorandum of Association</a></li><li id="main-menu-link-contentf56ddee0-ea1e-46c7-bf3d-bece1ff0e4f1" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/former-presidents" class="sf-depth-2">Former Presidents</a></li><li id="main-menu-link-content44b9fc7b-bab0-40c0-9fd0-d439deb462cb" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/former-director-general" title="Former Director Generals" class="sf-depth-2">Former Director Generals</a></li><li id="main-menu-link-contentfce56a01-621b-457e-9810-23241c2d5d6b" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/member-general-assembly-0" title="Member of General Assembly" class="sf-depth-2">Member of General Assembly</a></li><li id="main-menu-link-content4415175a-e13e-48e1-8234-175d38fafe3d" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/member-governing-body-0" class="sf-depth-2">Member of Governing Body</a></li><li id="main-menu-link-content40a066b1-fbc2-4dc0-8bdd-a37fa5f272c3" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/registration-certificate" class="sf-depth-2">Registration Certificate</a></li><li id="main-menu-link-contentb8371adf-bcd1-4ff3-8f08-f3e7d3398604" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/cultural/indian-cultural-center-map" class="sf-depth-2">Indian Cultural Centers Abroad</a></li><li id="main-menu-link-content7fa84444-bc67-4e38-b56c-d5e87572cfb6" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/regional-center-list-view" class="sf-depth-2">Zonal and sub-zonal centers</a></li><li id="main-menu-link-content9f025d40-911b-48a0-80f4-7e9de9df20cc" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/staff-strength" title="Staff Strength" class="sf-depth-2">Staff Strength</a></li><li id="main-menu-link-content09b24b4c-1c5e-4c4e-b2eb-70a5e13477e1" class="sf-depth-2 main-menu-custom-hide menuparent"><span title="Acts & Rules" class="sf-depth-2 menuparent nolink">Acts & Rules</span><ul><li id="main-menu-link-contentf50ee4f2-80fb-45bf-a051-38e201217132" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/about-us/iccr-recruitment-rules" title="Indian Council for Cultural Relations Recruitment Rules" class="sf-depth-3">ICCR Recruitment Rules</a></li><li id="main-menu-link-contenteef4792a-1982-486a-a65c-a45868124a7b" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/about-us/constitution" title="Constitution" class="sf-depth-3">Constitution</a></li></ul></li><li id="main-menu-link-content02c935c1-0b86-4ecc-9be3-24eca140a421" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/about-us/whos-who" title="Who’s Who" class="sf-depth-2">Who’s Who</a></li></ul></li><li id="main-menu-link-content2e5b9a47-5fdb-4027-b0aa-07150516bedf" class="sf-depth-1 main-menu-custom-hide menuparent"><span title="Cultural" class="sf-depth-1 menuparent nolink">Culture</span><ul><li id="main-menu-link-content4094484f-5b98-4fad-b3a6-bcc04aa824fc" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/culture/incoming-cultural-delegation" title="Incoming Cultural Delegations" class="sf-depth-2">Incoming Cultural Delegations</a></li><li id="main-menu-link-content8d6d9253-25b4-459a-b9c3-48f375e864cc" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/culture/outgoing-cultural-delegation" title="Outgoing Cultural Delegations" class="sf-depth-2">Outgoing Cultural Delegations</a></li><li id="main-menu-link-content1392d475-bf70-47c6-ad4d-1c713e789ed7" class="sf-depth-2 main-menu-custom-hide menuparent"><span title="Exhibitions" class="sf-depth-2 menuparent nolink">Exhibitions</span><ul><li id="main-menu-link-contentb3e08ee4-b5b6-4492-89ed-8df9d6cddd3c" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/cultural/exhibitions/general-exhibition" class="sf-depth-3">General Exhibition</a></li><li id="main-menu-link-content071f17a6-762e-4e92-955e-175ab6a55cb2" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/exhibition-visiting-india-masters-online-exhibition-7-indian-artists" class="sf-depth-3">Virtual Exhibition</a></li><li id="main-menu-link-content144da7cb-1591-45da-b537-e5b4499ae544" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/culture/exhibitions/gift-busts-and-statues" class="sf-depth-3">Busts and Statues</a></li></ul></li><li id="main-menu-link-contenta8d12c4e-eba7-4223-afa6-6aca3a5af972" class="sf-depth-2 main-menu-custom-hide menuparent"><span title="Empanelment of Artists/Groups" class="sf-depth-2 menuparent nolink">Empanelment of Artists/Groups</span><ul><li id="main-menu-link-content53d94d1d-ed95-4674-a9a0-179eb59413e8" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/culture/empanelment-artistsgroups/introduction" title="Introduction" class="sf-depth-3">Introduction</a></li><li id="main-menu-link-content6e0da67b-93e1-44f8-8459-3634be76c11c" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/cultural/empanelment-artistsgroups/list-empanelled-artist" title="List of Empanelled Artists" class="sf-depth-3">List of Empanelled Artists</a></li></ul></li></ul></li><li id="main-menu-link-content6b67a9b7-b2f9-481c-bd5a-b4682c5436eb" class="sf-depth-1 main-menu-custom-hide menuparent"><span title="Conference Seminar" class="sf-depth-1 menuparent nolink">Conferences & Special Projects</span><ul><li id="main-menu-link-content4e607d38-540f-4687-9cd6-8b919d7b7eee" class="sf-depth-2 main-menu-custom-hide menuparent"><span title="Conference Seminar" class="sf-depth-2 menuparent nolink">Conferences & Seminars</span><ul><li id="main-menu-link-content85ec0034-9ba3-4794-a874-8e0da2dbccd1" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/conference-seminar/conference-seminar/introduction" title="Introduction" class="sf-depth-3">Introduction</a></li><li id="main-menu-link-contentf6223b71-b333-4d7c-8e67-308c5be3fa07" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="https://iccr.gov.in/app/academic_coordinator/academic_coordinator_form" title="Online Form for Conference & Seminar" class="sf-depth-3 sf-external">Online Form for Conferences & Seminars</a></li></ul></li><li id="main-menu-link-contentc75b3067-8d76-4ff9-8a7e-2b8cf2e52988" class="sf-depth-2 main-menu-custom-hide menuparent"><span title="Foreign Visitor's Programme" class="sf-depth-2 menuparent nolink">Visitor's Programme</span><ul><li id="main-menu-link-content0f7991fa-68f2-429f-928d-cb58e37cc53c" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/conference-seminar/foreign-visitors-programme" class="sf-depth-3">Foreign Visitors Programme</a></li><li id="main-menu-link-content63f46a94-10c1-4649-a0eb-7e2f2a0e62e6" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/conference-seminar/visitors-programme/distinguished-visitors-programme" title="List of Distinguished Visitors Programme" class="sf-depth-3">Distinguished Visitors Programme</a></li><li id="main-menu-link-contentf2cd50b4-ef56-48cf-98eb-63778f8234d4" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/conference-seminar/visitors-programme/academic-visitors-programme" title="Academic Visitors Programme" class="sf-depth-3">Academic Visitors Programme</a></li><li id="main-menu-link-contente406dabb-98f4-4313-b0f4-be0a96c2f96b" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/gen-next-democracy-network-programme" class="sf-depth-3">Gen-Next Democracy Network Programme</a></li><li id="main-menu-link-content6955dfff-6d4e-4046-9cd8-bde14d70eec1" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/orientation-programme-students-hindi" class="sf-depth-3">Orientation Programme for Students of Hindi</a></li><li id="main-menu-link-contentde5f190d-dff3-4183-a075-ba6c98cae6b2" class="sf-depth-3 main-menu-custom-hide menuparent"><span title="Travel Grant" class="sf-depth-3 menuparent nolink">Travel Grant</span><ul><li id="main-menu-link-content25682575-8b74-4904-a00d-1534c4783133" class="sf-depth-4 main-menu-custom-hide sf-no-children"><a href="/conference-special-projects/visitors-programme/travel-grant/introduction" title="Introduction" class="sf-depth-4">Introduction</a></li><li id="main-menu-link-content82287f9b-78db-4c01-9c91-7642124b367a" class="sf-depth-4 main-menu-custom-hide sf-no-children"><a href="/conference-seminar/visitors-programme/travel-grant/guidelines-outgoing-visitors-programme" class="sf-depth-4">Guidelines for Outgoing Visitors Programme</a></li></ul></li></ul></li><li id="main-menu-link-content6714d79d-5a2d-43cb-871d-f39771a6635d" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/conference-seminar/award" title="Awards" class="sf-depth-2">Awards</a></li><li id="main-menu-link-content9581c2c9-a7c5-49b2-a790-2108d7dea276" class="sf-depth-2 main-menu-custom-hide menuparent"><span class="sf-depth-2 menuparent nolink">Annapurna Certificate</span><ul><li id="main-menu-link-contentc602042d-3b35-4864-8277-987d0fb68ded" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/conference-seminar/annapurna-certificate/about-annapurna-certificate" class="sf-depth-3">About Annapurna Certificate </a></li><li id="main-menu-link-contentdafb32e8-d270-4d31-868e-c977510d84c3" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/annapurna-certificate-general-terms-condition" class="sf-depth-3">Terms & Conditions</a></li><li id="main-menu-link-contentc678eb2e-0ee0-4ad5-a44f-fdb6ed78081c" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/conference-seminar/annapurna-certificate/annapurna-certificate-winner-lists" class="sf-depth-3">Winners</a></li><li id="main-menu-link-contentcbbf0031-45f9-4517-9b54-504864cdf91d" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/annapurna-certificate-application-form" class="sf-depth-3">Application Form</a></li></ul></li><li id="main-menu-link-content04f739c0-d7ce-47f9-85e2-aa3cbb89ea85" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/psc" class="sf-depth-2">Pratibha Sangam Competition</a></li></ul></li><li id="main-menu-link-contentbce3c5b4-b027-4a91-8095-12138d0ba8b9" class="sf-depth-1 main-menu-custom-hide menuparent"><span class="sf-depth-1 menuparent nolink">Scholarships</span><ul><li id="main-menu-link-contentc2105b22-7248-4ae0-a84a-d9c7d51235ed" class="sf-depth-2 main-menu-custom-hide menuparent"><span title="Indian Council for Cultural Relations Scholarships" class="sf-depth-2 menuparent nolink">ICCR Scholarship</span><ul><li id="main-menu-link-contentd92309bf-3906-41d3-ad62-efec0c2c3250" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/iccr-scholarship/indian-council-cultural-relations-scholarship" class="sf-depth-3">About</a></li><li id="main-menu-link-contente66a4798-ea3b-47ad-9f62-573ace85b2fb" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/scholarship/iccr-scholarship/iccr-scholarship-schemes" class="sf-depth-3">ICCR Scholarship Schemes</a></li><li id="main-menu-link-contentd64a1a4e-b389-45ea-9c34-2c813d4b8208" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/online-forms-links/a2a-scholarship/guidelines-students" class="sf-depth-3">Guidelines</a></li><li id="main-menu-link-content5778e2c8-cfbd-455a-ada8-5def0dc7c11e" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="http://a2ascholarships.iccr.gov.in/" title="Apply Online" class="sf-depth-3 sf-external">Apply Online</a></li></ul></li><li id="main-menu-link-contentfc3a13d7-ad45-44ae-b345-75cc4969c68b" class="sf-depth-2 main-menu-custom-hide menuparent"><span title="Fellowship Programme" class="sf-depth-2 menuparent nolink">Fellowship Programme</span><ul><li id="main-menu-link-content33bd7242-d3e0-43a3-9ab9-198fc01fafd1" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/online-form-%26-links/fellowship-program/introduction" title="Introduction" class="sf-depth-3">Introduction</a></li><li id="main-menu-link-content0a9bd0dd-dbf3-4f84-97ec-b5250e5c9a5a" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/online-form-%26-links/fellowship-program/guidelines" title="Guidelines" class="sf-depth-3">Guidelines</a></li><li id="main-menu-link-content3d2332d1-2ddc-4b8c-8e86-b9bcea2c7256" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="https://iccr.gov.in/app/fellowship" title="Fellowship Application Form" class="sf-depth-3 sf-external">Fellowship Application Form</a></li></ul></li></ul></li><li id="main-menu-link-content228c3596-c87b-464e-b02d-559b1d7d11a1" class="sf-depth-1 main-menu-custom-hide menuparent"><span class="sf-depth-1 menuparent nolink">Announcements</span><ul><li id="main-menu-link-content060277a1-da6e-4902-9c98-385b7d2d4168" class="sf-depth-2 main-menu-custom-hide menuparent"><a href="/what%27s-new" title="Announcement" class="sf-depth-2 menuparent">What's New</a><ul><li id="main-menu-link-content41e5ce5e-1492-40e4-9655-8d6ee531bd64" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/current-event" title="Current Events" class="sf-depth-3">Current Events</a></li><li id="main-menu-link-content53678bec-8a13-4476-8ea3-a7ce0320450b" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/circulars" title="Circulars" class="sf-depth-3">Circulars</a></li><li id="main-menu-link-contentb23da9d0-6e8f-462e-8a64-7a0e0e55ce92" class="sf-depth-3 main-menu-custom-hide sf-no-children"><a href="/notice" title="Notice" class="sf-depth-3">Notice</a></li></ul></li><li id="main-menu-link-content0b45fc7e-58ed-468f-b6f8-9edda35f4eaa" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/tenders" title="Tenders" class="sf-depth-2">Tenders</a></li><li id="main-menu-link-contentc6849a08-2a3b-4a6a-ba1b-97c982f89655" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/rti" title="Right to Information" class="sf-depth-2">RTI</a></li><li id="main-menu-link-content1a01e82c-0924-4e3f-b309-7ca8cf75d0d8" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/vacancy" title="Vacancy" class="sf-depth-2">Vacancy</a></li></ul></li><li id="main-menu-link-contentc29bcdff-d08b-45d9-b593-a6f53d0fb4c7" class="sf-depth-1 main-menu-custom-hide menuparent"><span title="Contact" class="sf-depth-1 menuparent nolink">Contact</span><ul><li id="main-menu-link-content4a0b4133-ecf0-4a65-a6dd-83dcadbbed7c" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/contact/organizational-structure-iccr" class="sf-depth-2">ICCR Organogram</a></li><li id="main-menu-link-contente0e2c7b3-78f7-472a-8b1e-5f1c720f4a03" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/contact/contact-list" title="Contact List" class="sf-depth-2">Contact List</a></li><li id="main-menu-link-contenta2e9a8dc-dbfe-44c9-9d80-783c3a255489" class="sf-depth-2 main-menu-custom-hide sf-no-children"><a href="/contact/contact-us" title="Contact Us" class="sf-depth-2">Locate Us</a></li></ul></li> </ul> </div> <div id="block-newmailingslider" class="block block-block-content block-block-content23bf7d2c-1c50-4199-806b-11f97c2a0a92"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div id="popup-container" style="position: fixed; top: 50%; transform: translateY(-50%); left: -300px; width: 280px; height: 180px; background-color: #ffffff; border-radius: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transition: 1s;"> <div id="popup-content" style="padding: 10px; display: flex; flex-direction: column; gap: 21px; margin-top: 20px"> </div> <a href="/newslettersubs/login/auth/register"> <img src="/sites/default/files/2024-04/side.webp" alt="Girl in a jacket" width="100%" height="110%"> </a> </div> </div> </div> <div id="open-btn" onclick="togglePopup()" style="position: fixed; top: 47%; left: 5px; height: 40px; cursor: pointer; background-color: skyblue; color: #fff; padding: 10px; border-radius: 5px; transition: 1s; display: flex; align-items: center;"> <span id="chevron-icon" style="transition: transform 0.3s; display: inline-block; font-weight: 900; font-size: 30px; color: #000000; margin: 0 auto;">></span> </div> <script> document.addEventListener("DOMContentLoaded", function () { // Check if the popup has been shown before var popupShown = localStorage.getItem('popupShown'); if (!popupShown) { // Show the popup on the first visit after a refresh togglePopup(); // Set the flag in local storage to indicate that the popup has been shown localStorage.setItem('popupShown', 'true'); // Automatically close the popup after 4 seconds setTimeout(function () { togglePopup(); }, 4000); } }); function togglePopup() { var popupContainer = document.getElementById('popup-container'); var openBtn = document.getElementById('open-btn'); var chevronIcon = document.getElementById('chevron-icon'); if (popupContainer.style.left === '0px' || popupContainer.style.left === '') { // Close the popup from right to left popupContainer.style.left = '-280px'; openBtn.style.left = '5px'; chevronIcon.style.transform = 'rotate(0deg)'; } else { // Open the popup from left to right popupContainer.style.left = '0px'; openBtn.style.left = '290px'; chevronIcon.style.transform = 'rotate(-180deg)'; } } </script></div> </div> <div id="block-messagebox" class="block block-block-content block-block-content56b3b322-1d98-473d-b214-1e1b54d3ce88"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> <div class="messagewholecontainer"> <div id="message-box"> <button id="toggle-button"><img class="sanskriti2" style="mix-blend-mode: multiply; background-color: transparent;" width="200" src="https://iccr.gov.in/sites/default/files/2025-01/file.png" alt=""><span class="sanskriti1" style="text-align: center; font-size: 19px;">Click me</span></button> <div id="content-box"> <div id="main-view"> <div id="event-message"> <h4 style="margin-bottom: 8px !important;">Current Event</h4> <a href="/current-event" style="text-decoration: none; font-size: 14px; font-weight: bold; color: black; display: flex; align-items: center; margin-top: 10px;"> 📅 Click to view ICCR Current Events </a> </div> <br> <br> <div id="sections"> <h5 style="margin-bottom: 10px;">Select a Section:</h5> <ul> <li><button class="section-btn" data-section="dg">DG Office</button></li> <li><button class="section-btn" data-section="ddgae">DDG (Administration & Establishment)</button></li> <li><button class="section-btn" data-section="ddgcd">DDG (Culture) Division</button></li> <li><button class="section-btn" data-section="ddgcrsp">DDG (Conference, Research & Special Projects) Division</button></li> <li><button class="section-btn" data-section="admin">Administration Section</button></li> <li><button class="section-btn" data-section="fpa">FPA Section</button></li> <li><button class="section-btn" data-section="icc">ICC Section</button></li> <li><button class="section-btn" data-section="pac">Parliament and Coordination</button></li> <li><button class="section-btn" data-section="egit">eGIT & Media Section</button></li> <li><button class="section-btn" data-section="scholarship">Scholarship Section</button></li> <li><button class="section-btn" data-section="ocd">OCD Section</button></li> <li><button class="section-btn" data-section="icd">ICD Section</button></li> <li><button class="section-btn" data-section="aae">Agreement & Exchanges</button></li> <li><button class="section-btn" data-section="conference">Conference, Research and Special Projects</button></li> <li><button class="section-btn" data-section="visitors">Visitors Programme</button></li> <li><button class="section-btn" data-section="hindi">Hindi, Library & Publication Section</button></li>  </ul> </div> </div> <div id="section-content" style="display: none;"> <button id="back-button">⬅ Back</button> <div id="section-table"></div> </div> </div> </div> </div> <style> .sanskriti2 { height: auto; filter: drop-shadow(0 0 10px rgba(255, 223, 0, 0.9)) drop-shadow(0 0 20px rgba(255, 223, 0, 0.8)) drop-shadow(0 0 30px rgba(255, 223, 0, 0.9)); /* Glow effect */ animation: enhanced-glow 0.5s infinite alternate; /* Pulsing animation */ } @keyframes enhanced-glow { from { filter: drop-shadow(0 0 10px rgba(255, 223, 0, 0.8)) drop-shadow(0 0 20px rgba(255, 223, 0, 0.6)) drop-shadow(0 0 30px rgba(255, 223, 0, 0.4)); } to { filter: drop-shadow(0 0 20px rgba(255, 223, 0, 1)) drop-shadow(0 0 40px rgba(255, 223, 0, 0.8)) drop-shadow(0 0 60px rgba(255, 223, 0, 0.6)); } } .sanskriti1 { color: #ffdf00; /* Yellowish text color */ font-size: 22px; font-weight: bold; text-shadow: -1px -1px 0 #000, /* Black border on the top-left */ 1px -1px 0 #000, /* Black border on the top-right */ -1px 1px 0 #000, /* Black border on the bottom-left */ 1px 1px 0 #000; /* Black border on the bottom-right */ } .messagewholecontainer { font-family: Arial, sans-serif; margin: 0; padding: 0; } #block-iccr-theme-content{ line-height: 16px; } #message-box { position: fixed; /* Ensures the box stays in the same position */ bottom: 0px; /* Distance from the bottom of the screen */ right: 10px; /* Distance from the right side of the screen */ /* Fixed width for the message box */ z-index: 1000; /* Ensures it appears above other elements */ } #toggle-button { width: 105px; height: 105px; border: none; background: transparent; border-radius: 50%; font-size: 40px; cursor: pointer; margin-right: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 10px; } #content-box { display: none; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 5px; padding: 15px; max-height: 400px; overflow-y: auto; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 440px; } /* Media query for screens smaller than 769px */ @media (max-width: 768px) { #content-box { width: 300px; } } #sections ul { list-style: none; padding: 0; } #sections ul li { margin-bottom: 5px; } .section-btn { width: 100%; padding: 10px; background-color: #007bff; color: white; border: none; border-radius: 3px; cursor: pointer; text-align: left; } .section-btn:hover { background-color: #0056b3; } #section-content #back-button { margin-bottom: 15px; padding: 5px 10px; background-color: #007bff; color: white; border: none; border-radius: 3px; cursor: pointer; } #section-content #back-button:hover { background-color: #0056b3; } </style> <script> document.addEventListener("DOMContentLoaded", () => { // ------------------------------------------------ // 1) Cache references to the needed elements // ------------------------------------------------ const messageBox = document.getElementById("message-box"); // IMPORTANT! const toggleButton = document.getElementById("toggle-button"); const contentBox = document.getElementById("content-box"); const mainView = document.getElementById("main-view"); const sectionContent = document.getElementById("section-content"); const sectionTable = document.getElementById("section-table"); const backButton = document.getElementById("back-button"); // ------------------------------------------------ // 2) A helper function to CLOSE the message box // ------------------------------------------------ function closeMessageBox() { contentBox.style.display = "none"; // Restore the toggle button to "Click me" state toggleButton.innerHTML = ` <img class="sanskriti2" width="200" src="https://iccr.gov.in/sites/default/files/2025-01/file.png" alt=""> <span class="sanskriti1" style="text-align: center; font-size: 19px; width: 90px;"> Click me </span> `; } // ------------------------------------------------ // 3) Toggle button logic (unchanged) // ------------------------------------------------ toggleButton.addEventListener("click", (event) => { // Prevent this click from counting as an “outside” click event.stopPropagation(); if (contentBox.style.display === "block") { closeMessageBox(); } else { contentBox.style.display = "block"; // Change the toggle button appearance while open toggleButton.innerHTML = ` <img style="margin-bottom: -30px; margin-left: -20px;" width="200" src="https://iccr.gov.in/sites/default/files/2025-01/file.png" alt=""> `; } }); // ------------------------------------------------ // 4) Outside-click listener to close the box // ------------------------------------------------ document.addEventListener("click", (event) => { // If the box is open & the click is NOT inside #message-box, close it if (contentBox.style.display === "block" && !messageBox.contains(event.target)) { closeMessageBox(); } }); // ------------------------------------------------ // 5) Your existing logic for changing sections // ------------------------------------------------ document.querySelectorAll(".section-btn").forEach((button) => { button.addEventListener("click", () => { const section = button.dataset.section; mainView.style.display = "none"; sectionContent.style.display = "block"; sectionTable.innerHTML = getSectionContent(section); }); }); backButton.addEventListener("click", () => { sectionContent.style.display = "none"; mainView.style.display = "block"; }); function getSectionContent(section) { switch (section) { case "dg": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/director-general-info">DG Office</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth" class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Ms. K. Nandini Singla</td> <td>DG</td> <td>dg[dot]iccr[at]mea[dot]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Mohd. Khaliq, Bharti Rani</td> <td>DGO</td> <td>dgoffice[dot]iccr[at]mea[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "ddgae": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-info">DDG (Administration & Establishment)</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri Rajeev Kumar</td> <td>DDG</td> <td>ddgad[dot]iccr[at]mea[dot]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Smt. Renu Sharma</td> <td>PO</td> <td>ddgadoffice[dot]iccr[at]gov[dot]in</td> </tr> </tbody> </table>`; case "admin": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-info">Administration Section</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri Vinay Vohra</td> <td>SPD</td> <td>directoradmin[dot]iccr[at]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Shri Pankaj Vohra</td> <td>PD</td> <td>pd-admin[at]iccr[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "fpa": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="#">FPA Section</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri Kamaljit Singh</td> <td>Director</td> <td>spdfp[dot]iccr[at]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Shri Ved Parkash Mehta</td> <td>PD</td> <td>pdfa[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>3</td> <td>Smt. Sunita Rawat</td> <td>PD</td> <td>isdac[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>4</td> <td>Shri Umesh Garg</td> <td>PO</td> <td>poac2[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>5</td> <td>Shri Virpal Singh</td> <td>PO</td> <td>apoacttt[dot]iccr[at]gov[dot]in</td> </tr> </tbody> </table>`; case "icc": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="#">ICC Section</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Smt. Archana Sharma</td> <td>PD</td> <td>pdicc[dot]iccr[at]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Shri Naresh Chandra</td> <td>PO</td> <td>iccsection[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>3</td> <td>Shri Sameer Kumar</td> <td>PO</td> <td>pdchair[dot]iccr[at]nic[dot]in</td> </tr> </tbody> </table>`; case "pac": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="#">Parliament and Coordination</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Smt. Hemlata Malhotra</td> <td>PD</td> <td>parl-coord[at]iccr[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "egit": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="#">eGIT & Media Section</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri Suraj Kumar</td> <td>PO</td> <td>po-egit[at]iccr[dot]gov[dot]in, <br> po-media[at]iccr[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "ddgcd": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-culture-info">DDG (Culture) Division</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Smt. Anju Ranjan</td> <td>DDG</td> <td>ddgculture[dot]iccr[at]mea[dot]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Smt. Mamta</td> <td>PO</td> <td>mamtak[at]iccr[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "scholarship": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .firstth { padding: 3px !important; width: 8%; } table.custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px !important; } table.custom-table td { border: 1px solid #ddd; text-align: center; padding: 5px; line-height: 1.6; } .t4 { width: 40%; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-culture-info">Scholarship Section</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th class="t4">Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri Manoj Kumar</td> <td>SPD</td> <td>spdscholarship[dot]iccr[at]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Shri Kailash Chand</td> <td>PD</td> <td>pdafg[dot]iccr[at]nic[dot]in, afghsection[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>3</td> <td>Smt. Hemlata Bansal</td> <td>PD</td> <td>poisd1[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>4</td> <td>Shri Deep Kumar</td> <td>PO</td> <td>poafghan[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>5</td> <td>Smt. Kavita Mittal</td> <td>PO</td> <td>isd2section[dot]iccr[at]nic[dot]in</td> </tr> </tbody> </table>`; case "ocd": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-culture-info">OCD Section</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Smt. Nalini Singhal</td> <td>SPD</td> <td>spdocd[dot]iccr[at]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Shri Anurag Singh</td> <td>PD</td> <td>spdexbn[dot]iccr[at]gov[dot]in</td> </tr> <tr> <td>3</td> <td>Shri Vishal Vikram</td> <td>PO</td> <td>ocdsection[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>4</td> <td>Shri Angshuman Pal</td> <td>PO</td> <td>angshuman[dot]pal[at]iccr[dot]gov[dot]in</td> </tr> <tr> <td>5</td> <td>Shri Vivek Saini</td> <td>PO</td> <td>vivek[dot]saini[at]iccr[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "icd": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-culture-info">ICD Section</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri Amit Sahai Mathur</td> <td>PD</td> <td>pdicd[dot]iccr[at]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Shri Sunil Kumar Vishwakarma</td> <td>PO</td> <td>skvishwakarma[at]iccr[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "aae": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-culture-info">Agreement & Exchanges</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Smt. Dimple Gambhir</td> <td>PD</td> <td>pd-agreementexchange[at]iccr[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "ddgcrsp": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-iccr-conference-research-special-projects-info">DDG (Conference, Research & Special Projects) Division</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri Abhay Kumar</td> <td>DDG</td> <td>ddgsp[dot]iccr[at]mea[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "conference": return ` <style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .firstth { padding: 3px !important; width: 8%; } table.custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px !important; } table.custom-table td { border: 1px solid #ddd; text-align: center; padding: 5px; line-height: 1.6; } .t4 { width: 40%; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-iccr-conference-research-special-projects-info">Conference, Research & Special Projects</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th class="t4">Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri Sunil Kumar Singh</td> <td>SPD</td> <td>spdcs[dot]iccr[at]gov[dot]in, spdawards[dot]iccr[at]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Shri Naresh Gulati</td> <td>PD</td> <td>pd-csp[at]iccr[dot]gov[dot]in</td> </tr> <tr> <td>3</td> <td>Shri Alok Verma</td> <td>US</td> <td>usiccr[at]mea[dot]gov[dot]in</td> </tr> <tr> <td>4</td> <td>Shri Harbhajan Lal Verma</td> <td>PD</td> <td>hlverma[at]iccr[dot]gov[dot]in</td> </tr> <tr> <td>5</td> <td>Shri Ramesh Chand</td> <td>PD</td> <td>-</td> </tr> </tbody> </table>`; case "visitors": return `<style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .firstth { padding: 3px !important; width: 8%; } table.custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px !important; } table.custom-table td { border: 1px solid #ddd; text-align: center; padding: 5px; line-height: 1.6; } .t4 { width: 40%; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-iccr-conference-research-special-projects-info">Visitors Programme</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th class="jabardasti">Name</th> <th>Designation</th> <th class="t4">Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri K. Ayyanar</td> <td>SPD</td> <td>spd-vp[at]iccr[dot]gov[dot]in</td> </tr> <tr> <td>2</td> <td>Shri Mahinder Sehgal</td> <td>PD</td> <td>spd-dvp[at]iccr[dot]gov[dot]in</td> </tr> <tr> <td>3</td> <td>Shri Rakesh Kumar</td> <td>PO</td> <td>po-G20[at]iccr[dot]gov[dot]in, kumar[dot]rakesh03[at]iccr[dot]gov[dot]in</td> </tr> </tbody> </table>`; case "hindi": return `<style> .custom-table { font-size: 9px; border-collapse: collapse; width: 100%; text-align: left; background-color: #f9f9f9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); margin: 10px 0; border: 1px solid #ddd; } .custom-table th { background-color: #007bff; color: white; border: 1px solid #ddd; padding: 4px; } .firstth{ padding: 3px !important; } .custom-table td { border: 1px solid #ddd; text-align: center; padding: 0px; color: black !important; } </style> <h4><a style="text-decoration: none; color: black;" href="https://iccr.gov.in/deputy-director-general-iccr-conference-research-special-projects-info">Hindi, Library & Publication Section</a></h4> <table class="custom-table"> <thead> <tr> <th class="firstth">S No</th> <th>Name</th> <th>Designation</th> <th>Email Address</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Shri Ashok Jajoria</td> <td>SPD</td> <td>pdlib[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>2</td> <td>Smt. Kunwari Tiga</td> <td>PD</td> <td>pohindi[dot]iccr[at]nic[dot]in</td> </tr> <tr> <td>3</td> <td>Shri Raju Lal Meena</td> <td>PD</td> <td>rlmeena[at]iccr[dot]gov[dot]in</td> </tr> </tbody> </table>`; default: return `<p>No content available for this section.</p>`; } } }); </script></div> </div> </div> </div> </div> </header>   <main class="container"> <div class="wrapper" id="skipCont"></div>  <div class="main-content">  <section class="region-breadcrumb"> <div class="region region-breadcrumb"> <div id="block-iccr-theme-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol> <li> <a href="/">Home</a> </li> <li> System </li> <li> Page Not Found </li> </ol> </nav> </div> <div id="block-iccr-theme-page-title" class="block block-core block-page-title-block"> <h1 class="page-title">Page not found</h1> </div> </div> </section>   <div class="region region-content"> <div data-drupal-messages-fallback class="hidden"></div><div id="block-iccr-theme-content" class="block block-system block-system-main-block"> The requested page could not be found. </div> <div id="block-visitorscount-2" class="block block-block-content block-block-content017b5fc5-d559-49c6-b131-35f21d6be776"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"></div> </div> </div>  </div>  </main>   <footer> <div class="container"> <div class="footer__inner_wrapepr"> <div class="region region-footer"> <div id="block-newfooter" class="block block-block-content block-block-content06095584-2609-482e-8660-691e6afed597"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <style> .newfooter { font-family: "Poppins", sans-serif; background: linear-gradient(to bottom, rgba(120, 120, 120, 1) 0%, rgba(60, 60, 60, 1) 100%); color: white; padding: 20px; } .newfooter a { color: white; text-decoration: none; } .newfooter a:hover { text-decoration: underline; } .newfooter img { display: block; max-width: 100%; height: auto; } .newfooter .footer-links { text-align: center; margin-bottom: 20px; } .newfooter .footer-links ul { list-style: none; display: inline-flex; flex-wrap: wrap; gap: 15px; margin: 0; padding: 0; } .newfooter .footer-content { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 20px; } .newfooter .footer-content > div { flex: 1; min-width: 300px; } .newfooter .footer-content .logos { display: flex; gap: 30px; justify-content: center; } /* Responsive Adjustments */ @media screen and (max-width: 768px) { .newfooter .footer-content { flex-direction: column; align-items: center; } .newfooter .footer-content > div { text-align: center; } .newfooter .footer-links ul { flex-direction: column; gap: 10px; } .admincontact { flex-direction: column; } .linehider { display: none; } } @media screen and (max-width: 480px) { .newfooter { padding: 0px; } .newfooter .footer-links ul { font-size: 12px; } .newfooter p { font-size: 12px; } .newfooter img { width: 100%; height: auto; } .admincontact { flex-direction: column; } .linehider { display: none; } } </style> <footer class="newfooter">  <div class="footer-links"> <ul> <li><a href="/help">Help</a></li><strong class="linehider">|</strong> <li><a href="/Feedback">Feedback</a></li><strong class="linehider">|</strong> <li><a href="/rti">RTI</a></li><strong class="linehider">|</strong> <li><a href="/disclaimer-iccr-indian-council-cultural-relations">Disclaimer</a></li><strong class="linehider">|</strong> <li><a href="/terms-conditions">Terms & Conditions</a></li><strong class="linehider">|</strong> <li><a href="/website-policies/term-of-use">Website Policies</a></li><strong class="linehider">|</strong> <li><a href="/security-policy">Security Policy</a></li><strong class="linehider">|</strong> <li><a href="/sitemap">Sitemap</a></li><strong class="linehider">|</strong> <li><a href="/newslettersubs/login/auth/">Employee Login</a></li><strong class="linehider">|</strong> <li id="visitor-count-footer">Total Visitors: Loading...</li> </ul> </div>  <div class="footer-content">  <div> <strong style="color: white;">Copyright © 2025 - All Rights Reserved</strong><br> <p style="font-size: 12px; line-height: 1.6; color: white;"> Official website of Indian Council for Cultural Relations, Ministry of External Affairs, Government of India.<br> Note: Content on this website is published and managed by Indian Council for Cultural Relations. </p> <p class="admincontact" style="font-size: 12px; line-height: 1.6; color: white;"> For any query regarding this website, please contact the Web Information Manager:<br> <span style="font-weight: 200; color: white;">Name:</span> Shri Suraj Kumar <strong style="color: white;">  |  </strong> <span style="font-weight: 200; color: white;">Designation:</span> Programme Officer (eG & IT) <strong style="color: white;">  |  </strong> <span style="font-weight: 200; color: white;">Email:</span> po-egit[at]iccr[dot]gov[dot]in<br> </p> </div>  <div class="logos"> <img src="https://iccr.gov.in/sites/default/files/2023-04/image_2023_04_21T08_58_44_177Z.png" alt="Logo 1" style="width: 200px;"> <img src="https://iccr.gov.in/profiles/custom/iccr/themes/custom/iccr_theme/images/top-header-logo-bharat.png" alt="Logo 2" style="width: 130px;"> <img src="https://iccr.gov.in/profiles/custom/iccr/themes/custom/iccr_theme/images/top-header-logo-150.png" alt="Logo 3" style="width: 130px;"> </div> </div>  <div style="text-align: center; margin-top: 20px; color: white;"> <p style="color: white; margin-bottom: -20px;">Website Last Updated: 13/01/2024</p> </div> </footer> <script> async function trackVisitor(subtract = false) { try { const url = `https://iccr.gov.in/visitors.php${subtract ? '?subtract=true' : ''}`; console.log('Tracking visitor with URL:', url); const response = await fetch(url, { method: 'POST', }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); console.log("Visitor count updated:", data); // Display the visitor count with the added number const visitorCountElement = document.getElementById('visitor-count-footer'); if (visitorCountElement) { visitorCountElement.innerText = `Total Visitors: ${Number(data.total_visitors) + 902299}`; } else { console.error("Visitor count element not found in the DOM"); } } catch (error) { console.error("Error updating visitor count:", error); // Fallback for displaying an error message const visitorCountElement = document.getElementById('visitor-count-footer'); if (visitorCountElement) { visitorCountElement.innerText = "Failed to load visitor count."; } } } // Call the function (no changes needed here) if (window.location.pathname === '/visitors-0') { trackVisitor(true); // Subtract 1 } else { trackVisitor(); // Increment (add 1) } </script></div> </div> </div> </div> </div> </footer> <div class="navOverlay"></div>   <div class="flyout_menu_wrapper"> <div class="flyout_menu__inner_wrapepr"> <div class="flyout_menu_title" id="flyout_menu_title"> <img alt="menu" src="/profiles/custom/iccr/themes/custom/iccr_theme/images/flyout_menu.jpg" > </div> </div> </div>  </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","text_resize":{"text_resize_scope":"body","text_resize_minimum":"10","text_resize_maximum":"18","text_resize_line_height_allow":1,"text_resize_line_height_min":"","text_resize_line_height_max":""},"suppressDeprecationErrors":true,"lazy":{"lazysizes":{"lazyClass":"lazyload","loadedClass":"lazyloaded","loadingClass":"lazyloading","preloadClass":"lazypreload","errorClass":"lazyerror","autosizesClass":"lazyautosizes","srcAttr":"data-src","srcsetAttr":"data-srcset","sizesAttr":"data-sizes","minSize":40,"customMedia":[],"init":true,"expFactor":1.5,"hFac":0.8,"loadMode":2,"loadHidden":true,"ricTimeout":0,"throttleDelay":125,"plugins":{"twitter":"twitter\/ls.twitter"}},"placeholderSrc":"","preferNative":true},"simple_popup_blocks":{"settings":[{"identifier":"block-homepopup","uid":"home_popup","type":"0","css_selector":"1","layout":"4","visit_counts":"0","overlay":"0","trigger_method":"0","trigger_selector":"#custom-css-id","enable_escape":"1","delay":"0","minimize":"0","close":"1","use_time_frequency":"0","time_frequency":"3600","show_minimized_button":"1","width":"400","cookie_expiry":"100","status":"1","trigger_width":""}]},"data":{"extlink":{"extTarget":true,"extTargetNoOverride":true,"extNofollow":false,"extNoreferrer":true,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":false,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":true,"extAlertText":"You are being redirected to an external website.","mailtoClass":"mailto","mailtoLabel":"(link sends email)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":[]}},"superfish":{"superfish-main":{"id":"superfish-main","sf":{"animation":{"opacity":"show","height":"show"},"speed":"fast"},"plugins":{"smallscreen":{"mode":"window_width","title":"Main menu"},"supposition":true,"supersubs":true}}},"user":{"uid":0,"permissionsHash":"5c32f624310bd50412a6af0d6cb456f4322d323316ed50d393db78da5b42656a"}}</script> <script src="/core/assets/vendor/jquery/jquery.min.js?v=3.5.1"></script> <script src="/core/assets/vendor/jquery-once/jquery.once.min.js?v=2.2.3"></script> <script src="/core/misc/drupalSettingsLoader.js?v=8.9.17"></script> <script src="/core/misc/drupal.js?v=8.9.17"></script> <script src="/core/misc/drupal.init.js?v=8.9.17"></script> <script src="/modules/contrib/cheeseburger_menu/js/cheeseburger_menu.js?v=1.x"></script> <script src="/modules/contrib/lazy/js/lazy.js?v=8.9.17"></script> <script src="/modules/contrib/moderated_content_bulk_publish/js/moderated_content_bulk_publish.js?srvni4"></script> <script src="/modules/simple_popup_blocks/js/simple_popup_blocks.js?v=8.9.17"></script> <script src="/profiles/custom/iccr/themes/custom/iccr_theme/js/custom.js?v=1.x"></script> <script src="/libraries/marquee/jquery.marquee.min.js?v=1.x"></script> <script src="/modules/contrib/extlink/extlink.js?v=8.9.17"></script> <script src="/libraries/superfish/superfish.js?srvni4"></script> <script src="/libraries/superfish/jquery.hoverIntent.minified.js?srvni4"></script> <script src="/libraries/superfish/sfsmallscreen.js?srvni4"></script> <script src="/libraries/superfish/supposition.js?srvni4"></script> <script src="/libraries/superfish/supersubs.js?srvni4"></script> <script src="/modules/contrib/superfish/js/superfish.js?v=2.0"></script> </body> </html>

CINXE.COM

Page not found | Official website of Indian Council for Cultural Relations, Government of India