|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Ministry of Earth Sciences | Government of India</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
|
|
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/animejs/lib/anime.iife.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<style> |
|
|
.dropdown:hover .dropdown-menu { |
|
|
display: block; |
|
|
} |
|
|
.nav-link:hover { |
|
|
color: #2563eb; |
|
|
border-bottom: 2px solid #2563eb; |
|
|
} |
|
|
.carousel-item { |
|
|
transition: transform 0.5s ease; |
|
|
} |
|
|
.news-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 20px rgba(0,0,0,0.1); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans bg-gray-50"> |
|
|
|
|
|
<div class="bg-blue-900 text-white py-2 px-4"> |
|
|
<div class="container mx-auto flex flex-wrap justify-between items-center"> |
|
|
<div class="flex space-x-4 text-sm"> |
|
|
<a href="https://india.gov.in/" class="hover:text-blue-200">भारत सरकार</a> |
|
|
<a href="https://www.india.gov.in/" class="hover:text-blue-200">Government of India</a> |
|
|
</div> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<a href="#main-content" class="text-sm hover:text-blue-200">Skip to main content</a> |
|
|
<a href="/screen-reader-access" class="text-sm hover:text-blue-200">Screen Reader Access</a> |
|
|
<div class="relative"> |
|
|
<button class="flex items-center hover:text-blue-200"> |
|
|
<i data-feather="search" class="w-4 h-4 mr-1"></i> Search |
|
|
</button> |
|
|
</div> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<button class="text-sm hover:text-blue-200">A+</button> |
|
|
<button class="text-sm hover:text-blue-200">A</button> |
|
|
<button class="text-sm hover:text-blue-200">A-</button> |
|
|
</div> |
|
|
<div class="flex space-x-2"> |
|
|
<a href="https://www.facebook.com/moesgoi/" class="hover:text-blue-200"><i data-feather="facebook" class="w-4 h-4"></i></a> |
|
|
<a href="https://twitter.com/moesgoi" class="hover:text-blue-200"><i data-feather="twitter" class="w-4 h-4"></i></a> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<select class="bg-blue-900 text-white text-sm border-none focus:ring-0"> |
|
|
<option>English</option> |
|
|
<option>हिन्दी</option> |
|
|
</select> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<header class="bg-white shadow-sm"> |
|
|
<div class="container mx-auto py-4 px-4 flex justify-between items-center"> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://moes.gov.in/sites/default/files/inline-images/emblem-dark.png" alt="Emblem" class="h-16 mr-4"> |
|
|
<div> |
|
|
<h1 class="text-xl font-bold text-blue-900">Ministry of Earth Sciences</h1> |
|
|
<p class="text-sm text-gray-600">Government of India</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex space-x-4"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/inline-images/yoga-logo-days_1.png" alt="Yoga Day" class="h-12"> |
|
|
<img src="https://moes.gov.in/sites/default/files/inline-images/swach-bharat.png" alt="Swachh Bharat" class="h-12"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/inline-images/beti-bachao-logo2.png" alt="Beti Bachao" class="h-12"> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<nav class="bg-blue-800 text-white"> |
|
|
<div class="container mx-auto"> |
|
|
<ul class="flex flex-wrap"> |
|
|
<li class="px-4 py-3 nav-link"><a href="/" class="font-medium">Home</a></li> |
|
|
<li class="px-4 py-3 dropdown relative group"> |
|
|
<a href="#" class="font-medium flex items-center">About Us <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i></a> |
|
|
<div class="dropdown-menu absolute hidden group-hover:block bg-white text-gray-800 shadow-lg rounded mt-1 w-48 z-10"> |
|
|
<a href="/about-us/about-our-Ministry" class="block px-4 py-2 hover:bg-blue-50">About our Ministry</a> |
|
|
<a href="/about-us/Vision-and-Mission" class="block px-4 py-2 hover:bg-blue-50">Vision and Mission</a> |
|
|
<a href="/about-us/Meet-our-Minister" class="block px-4 py-2 hover:bg-blue-50">Meet our Minister</a> |
|
|
<a href="/about-us/Meet-our-Secretary" class="block px-4 py-2 hover:bg-blue-50">Meet our Secretary</a> |
|
|
</div> |
|
|
</li> |
|
|
<li class="px-4 py-3 dropdown relative group"> |
|
|
<a href="#" class="font-medium flex items-center">Schemes <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i></a> |
|
|
<div class="dropdown-menu absolute hidden group-hover:block bg-white text-gray-800 shadow-lg rounded mt-1 w-48 z-10"> |
|
|
<a href="/schemes/prithvi" class="block px-4 py-2 hover:bg-blue-50">PRITHVI</a> |
|
|
<a href="/schemes/dom" class="block px-4 py-2 hover:bg-blue-50">DOM</a> |
|
|
<a href="/schemes/mission-mausam" class="block px-4 py-2 hover:bg-blue-50">Mission Mausam</a> |
|
|
</div> |
|
|
</li> |
|
|
<li class="px-4 py-3"><a href="/achievement" class="font-medium">Achievements</a></li> |
|
|
<li class="px-4 py-3"><a href="/awards" class="font-medium">Awards</a></li> |
|
|
<li class="px-4 py-3"><a href="/documents" class="font-medium">Documents</a></li> |
|
|
<li class="px-4 py-3"><a href="/contact-us" class="font-medium">Contact Us</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<main id="main-content" class="container mx-auto py-8 px-4"> |
|
|
|
|
|
<div class="relative mb-8 overflow-hidden rounded-lg shadow-lg"> |
|
|
<div class="carousel flex transition-transform duration-500"> |
|
|
<div class="carousel-item w-full flex-shrink-0"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/Swachhata-Pakhwada-2025.jpeg" alt="Swachhata Pakhwada 2025" class="w-full h-64 object-cover"> |
|
|
</div> |
|
|
<div class="carousel-item w-full flex-shrink-0"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/MoES_Bannar14042025.png" alt="MoES Banner" class="w-full h-64 object-cover"> |
|
|
</div> |
|
|
<div class="carousel-item w-full flex-shrink-0"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/Yoga-Award-Banner.jpg" alt="PM Yoga Awards 2025" class="w-full h-64 object-cover"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="absolute bottom-4 left-0 right-0 flex justify-center space-x-2"> |
|
|
<button class="w-3 h-3 rounded-full bg-white"></button> |
|
|
<button class="w-3 h-3 rounded-full bg-white opacity-50"></button> |
|
|
<button class="w-3 h-3 rounded-full bg-white opacity-50"></button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<section class="mb-12"> |
|
|
<h2 class="text-2xl font-bold text-blue-900 mb-6 border-b-2 border-blue-900 pb-2">NEWS AND ANNOUNCEMENTS</h2> |
|
|
<div class="grid md:grid-cols-3 gap-6"> |
|
|
<div class="news-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="p-4"> |
|
|
<p class="text-sm text-gray-500 mb-2">28 Aug 2025</p> |
|
|
<h3 class="font-semibold text-lg mb-2">Empanelment of retired officers as inquiry Officers</h3> |
|
|
<p class="text-gray-600 mb-4">Appointment of retired officers as inquiry Officers in Ministry of Defence for conducting Departmental Inquiries under CCS (CCA)</p> |
|
|
<a href="#" class="text-blue-600 hover:underline">Read More</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="news-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="p-4"> |
|
|
<p class="text-sm text-gray-500 mb-2">27 Aug 2025</p> |
|
|
<h3 class="font-semibold text-lg mb-2">Withdrawal of Recruitment Notice</h3> |
|
|
<p class="text-gray-600 mb-4">Withdrawal of Recruitment Notice for the post of Sc-G in IMD</p> |
|
|
<a href="#" class="text-blue-600 hover:underline">Read More</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="news-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="p-4"> |
|
|
<p class="text-sm text-gray-500 mb-2">25 Aug 2025</p> |
|
|
<h3 class="font-semibold text-lg mb-2">Transforming India's blue economy</h3> |
|
|
<p class="text-gray-600 mb-4">Investment, innovation and sustainable growth in India's blue economy sector</p> |
|
|
<a href="#" class="text-blue-600 hover:underline">Read More</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center mt-6"> |
|
|
<a href="/documents/news-and-announcements" class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"> |
|
|
View All News <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-12 bg-white rounded-lg shadow-md p-6"> |
|
|
<h2 class="text-2xl font-bold text-blue-900 mb-6 border-b-2 border-blue-900 pb-2">About the Ministry</h2> |
|
|
<div class="flex flex-col md:flex-row gap-8"> |
|
|
<div class="md:w-2/3"> |
|
|
<p class="text-gray-700 mb-4"> |
|
|
The Ministry of Earth Sciences (MoES), under the Government of India, is mandated to provide services for weather, climate, ocean and coastal state, hydrology, seismology, and natural hazards; to explore and harness marine living and non-living resources in a sustainable manner for the country and to explore the three poles of the Earth (Arctic, Antarctic and Himalayas). |
|
|
</p> |
|
|
<p class="text-gray-700 mb-6"> |
|
|
MoES was formerly the Department of Ocean Development (DOD), which was created in July 1981 as a part of the Cabinet Secretariat directly under the charge of the Prime Minister of India. It came into existence as a separate department in March 1982. |
|
|
</p> |
|
|
<a href="/about-us/about-our-Ministry" class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"> |
|
|
Read More <i data-feather="arrow-right" class="w-4 h-4 ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
<div class="md:w-1/3"> |
|
|
<div class="grid grid-cols-2 gap-4"> |
|
|
<div class="text-center"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/inline-images/pm_0.png" alt="PM Modi" class="w-24 h-24 rounded-full mx-auto mb-2"> |
|
|
<h4 class="font-semibold">Shri Narendra Modi</h4> |
|
|
<p class="text-sm text-gray-600">Hon'ble Prime Minister of India</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/inline-images/Jitendra%20Singh_1_0.jpg" alt="Dr. Jitendra Singh" class="w-24 h-24 rounded-full mx-auto mb-2"> |
|
|
<h4 class="font-semibold">Dr. Jitendra Singh</h4> |
|
|
<p class="text-sm text-gray-600">Hon'ble Minister of Earth Sciences</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/inline-images/Dr-M-Ravichandran_0.jpg" alt="Dr. M. Ravichandran" class="w-24 h-24 rounded-full mx-auto mb-2"> |
|
|
<h4 class="font-semibold">Dr. M. Ravichandran</h4> |
|
|
<p class="text-sm text-gray-600">Secretary</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-12"> |
|
|
<h2 class="text-2xl font-bold text-blue-900 mb-6 border-b-2 border-blue-900 pb-2">Quick Links</h2> |
|
|
<div class="grid md:grid-cols-4 gap-6"> |
|
|
<div class="bg-white rounded-lg shadow-md p-4"> |
|
|
<h3 class="font-semibold text-lg mb-3 text-blue-800">Press Releases</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="file-text" class="w-4 h-4 mr-2"></i> Parliament Question: Blue Carbon</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="file-text" class="w-4 h-4 mr-2"></i> Climate Preparedness</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="file-text" class="w-4 h-4 mr-2"></i> Climate Forecasting</a></li> |
|
|
</ul> |
|
|
<a href="/documents/press-releases" class="inline-block mt-3 text-blue-600 hover:underline text-sm">View All</a> |
|
|
</div> |
|
|
<div class="bg-white rounded-lg shadow-md p-4"> |
|
|
<h3 class="font-semibold text-lg mb-3 text-blue-800">Recruitments</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="user-plus" class="w-4 h-4 mr-2"></i> Recruitment Notice Sc-G</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="user-plus" class="w-4 h-4 mr-2"></i> Recommended Candidates</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="user-plus" class="w-4 h-4 mr-2"></i> Consultant Project</a></li> |
|
|
</ul> |
|
|
<a href="/documents/recruitments" class="inline-block mt-3 text-blue-600 hover:underline text-sm">View All</a> |
|
|
</div> |
|
|
<div class="bg-white rounded-lg shadow-md p-4"> |
|
|
<h3 class="font-semibold text-lg mb-3 text-blue-800">Tenders</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="shopping-cart" class="w-4 h-4 mr-2"></i> Strategic Knowledge</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="shopping-cart" class="w-4 h-4 mr-2"></i> External Evaluators</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="shopping-cart" class="w-4 h-4 mr-2"></i> Vessel Chartering</a></li> |
|
|
</ul> |
|
|
<a href="/documents/tenders" class="inline-block mt-3 text-blue-600 hover:underline text-sm">View All</a> |
|
|
</div> |
|
|
<div class="bg-white rounded-lg shadow-md p-4"> |
|
|
<h3 class="font-semibold text-lg mb-3 text-blue-800">Monthly Reports</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="calendar" class="w-4 h-4 mr-2"></i> September 2024</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="calendar" class="w-4 h-4 mr-2"></i> August 2024</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-blue-600 flex items-center"><i data-feather="calendar" class="w-4 h-4 mr-2"></i> July 2024</a></li> |
|
|
</ul> |
|
|
<a href="/documents/monthly-reports" class="inline-block mt-3 text-blue-600 hover:underline text-sm">View All</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-12"> |
|
|
<div class="flex justify-between items-center mb-6"> |
|
|
<h2 class="text-2xl font-bold text-blue-900 border-b-2 border-blue-900 pb-2">Photo Gallery</h2> |
|
|
<a href="/documents/photo-gallery" class="text-blue-600 hover:underline">View All</a> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-3 gap-6"> |
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/styles/small_large/public/WhatsApp%20Image%202024-09-19%20at%205.02.23%20PM.jpeg?itok=OvBNiBPL" alt="Hindi Pakhawada" class="w-full h-48 object-cover"> |
|
|
<div class="p-4"> |
|
|
<h3 class="font-medium">Hindi Pakhawada 1st</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/styles/small_large/public/WhatsApp%20Image%202024-09-19%20at%205.02.23%20PM%20%283%29.jpeg?itok=vV_iBDAZ" alt="Hindi Pakhawada" class="w-full h-48 object-cover"> |
|
|
<div class="p-4"> |
|
|
<h3 class="font-medium">Hindi Pakhawada 2nd</h3> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/styles/small_large/public/WhatsApp%20Image%202024-09-19%20at%205.02.23%20PM%20%281%29.jpeg?itok=VoWAdJDY" alt="Hindi Pakhawada" class="w-full h-48 object-cover"> |
|
|
<div class="p-4"> |
|
|
<h3 class="font-medium">Hindi Pakhawada 3rd</h3> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="mb-12"> |
|
|
<h2 class="text-2xl font-bold text-blue-900 mb-6 border-b-2 border-blue-900 pb-2">Our Institutes</h2> |
|
|
<div class="grid grid-cols-2 md:grid-cols-5 gap-4"> |
|
|
<a href="http://www.ncaor.gov.in/" class="bg-white p-4 rounded-lg shadow-md hover:shadow-lg transition flex flex-col items-center"> |
|
|
<img src="https://www.moes.gov.in/themes/custom/dsir1/images/carousel/1.png" alt="NCPOR" class="h-16 mb-2"> |
|
|
<span class="text-center text-sm">National Center for Polar and Ocean Research</span> |
|
|
</a> |
|
|
<a href="https://www.tropmet.res.in/" class="bg-white p-4 rounded-lg shadow-md hover:shadow-lg transition flex flex-col items-center"> |
|
|
<img src="https://www.moes.gov.in/themes/custom/dsir1/images/carousel/2.png" alt="IITM" class="h-16 mb-2"> |
|
|
<span class="text-center text-sm">Indian Institute of Tropical Meteorology</span> |
|
|
</a> |
|
|
<a href="https://www.niot.res.in/" class="bg-white p-4 rounded-lg shadow-md hover:shadow-lg transition flex flex-col items-center"> |
|
|
<img src="https://www.moes.gov.in/themes/custom/dsir1/images/carousel/3.png" alt="NIOT" class="h-16 mb-2"> |
|
|
<span class="text-center text-sm">National Institute of Ocean Technology</span> |
|
|
</a> |
|
|
<a href="https://www.cmlre.gov.in/" class="bg-white p-4 rounded-lg shadow-md hover:shadow-lg transition flex flex-col items-center"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/inline-images/CMLRE.png" alt="CMLRE" class="h-16 mb-2"> |
|
|
<span class="text-center text-sm">Centre for Marine Living Resources</span> |
|
|
</a> |
|
|
<a href="https://mausam.imd.gov.in/" class="bg-white p-4 rounded-lg shadow-md hover:shadow-lg transition flex flex-col items-center"> |
|
|
<img src="https://www.moes.gov.in/sites/default/files/inline-images/IMD.png" alt="IMD" class="h-16 mb-2"> |
|
|
<span class="text-center text-sm">India Meteorological Department</span> |
|
|
</a> |
|
|
</div> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-800 text-white py-8"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid md:grid-cols-4 gap-8 mb-8"> |
|
|
<div> |
|
|
<h3 class="font-semibold text-lg mb-4">Quick Links</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="/website-policies" class="hover:text-blue-300">Website Policies</a></li> |
|
|
<li><a href="/help" class="hover:text-blue-300">Help</a></li> |
|
|
<li><a href="/contact-us" class="hover:text-blue-300">Contact Us</a></li> |
|
|
<li><a href="/terms-and-conditions" class="hover:text-blue-300">Terms and Conditions</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="font-semibold text-lg mb-4">Resources</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="/accessibility-statement" class="hover:text-blue-300">Accessibility Statement</a></li> |
|
|
<li><a href="/form/feedback1" class="hover:text-blue-300">Feedback</a></li> |
|
|
<li><a href="/web-information-manager" class="hover:text-blue-300">Web Information Manager</a></li> |
|
|
<li><a href="/frequently-asked-questions" class="hover:text-blue-300">FAQs</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="font-semibold text-lg mb-4">Government Links</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="http://digitalindia.gov.in/" class="hover:text-blue-300">Digital India</a></li> |
|
|
<li><a href="http://goidirectory.nic.in/" class="hover:text-blue-300">GOI Directory</a></li> |
|
|
<li><a href="https://mygov.in/" class="hover:text-blue-300">MyGov</a></li> |
|
|
<li><a href="https://rtionline.gov.in/" class="hover:text-blue-300">RTI Online</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="font-semibold text-lg mb-4">Connect With Us</h3> |
|
|
<div class="flex space-x-4 mb-4"> |
|
|
<a href="https://www.facebook.com/moesgoi/" class="hover:text-blue-300"><i data-feather="facebook" class="w-6 h-6"></i></a> |
|
|
<a href="https://twitter.com/moesgoi" class="hover:text-blue-300"><i data-feather="twitter" class="w-6 h-6"></i></a> |
|
|
<a href="https://instagram.com/moesgoi" class="hover:text-blue-300"><i data-feather="instagram" class="w-6 h-6"></i></a> |
|
|
<a href="https://youtube.com/moesgoi" class="hover:text-blue-300"><i data-feather="youtube" class="w-6 h-6"></i></a> |
|
|
</div> |
|
|
<img src="https://www.moes.gov.in/themes/custom/dsir1_bckup/images/cqw.jpg" alt="Certificate" class="h-12"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="pt-4 border-t border-gray-700 text-sm"> |
|
|
<p>Website content managed by the <strong>Ministry of Earth Sciences, Government of India.</strong></p> |
|
|
<p class="mt-2">Designed, developed and hosted by <a href="http://www.nic.in/" class="text-blue-300 hover:underline">National Informatics Centre (NIC)</a></p> |
|
|
<p class="mt-2">Last Updated: 28-08-2025</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
|
|
|
<div class="fixed bottom-6 right-6 z-50"> |
|
|
<div id="chatbotWidget" class="relative"> |
|
|
<div id="chatbotPeek" class="bg-blue-600 text-white rounded-full w-16 h-16 flex items-center justify-center shadow-xl cursor-pointer hover:bg-blue-700 transition-all duration-300"> |
|
|
<i data-feather="message-circle" class="w-8 h-8"></i> |
|
|
</div> |
|
|
<div id="chatbotTooltip" class="absolute bottom-full right-0 mb-4 w-64 bg-white rounded-lg shadow-lg p-4 hidden"> |
|
|
<div class="flex items-start"> |
|
|
<div class="bg-blue-100 text-blue-800 rounded-full w-10 h-10 flex items-center justify-center mr-3"> |
|
|
<i data-feather="cpu" class="w-5 h-5"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-blue-800">Samudhraa AI</h4> |
|
|
<p class="text-sm text-gray-600">I can help you explore ARGO ocean data!</p> |
|
|
</div> |
|
|
</div> |
|
|
<form id="chatbotQuickForm" class="mt-3"> |
|
|
<input type="text" placeholder="Ask about ocean data..." |
|
|
class="w-full border border-gray-300 rounded-md py-2 px-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"> |
|
|
<button type="submit" class="mt-2 w-full bg-blue-600 text-white py-2 px-4 rounded-md text-sm font-medium hover:bg-blue-700 transition"> |
|
|
Ask Samudhraa |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
AOS.init(); |
|
|
feather.replace(); |
|
|
|
|
|
|
|
|
const chatbotWidget = document.getElementById('chatbotWidget'); |
|
|
const chatbotPeek = document.getElementById('chatbotPeek'); |
|
|
const chatbotTooltip = document.getElementById('chatbotTooltip'); |
|
|
const chatbotQuickForm = document.getElementById('chatbotQuickForm'); |
|
|
|
|
|
chatbotPeek.addEventListener('click', () => { |
|
|
chatbotTooltip.classList.toggle('hidden'); |
|
|
}); |
|
|
|
|
|
chatbotQuickForm.addEventListener('submit', (e) => { |
|
|
e.preventDefault(); |
|
|
const input = e.target.querySelector('input').value.trim(); |
|
|
if (input) { |
|
|
|
|
|
sessionStorage.setItem('quickChatInput', input); |
|
|
window.location.href = 'chatbot.html'; |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
document.addEventListener('click', (e) => { |
|
|
if (!chatbotWidget.contains(e.target)) { |
|
|
chatbotTooltip.classList.add('hidden'); |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const carousel = document.querySelector('.carousel'); |
|
|
const items = document.querySelectorAll('.carousel-item'); |
|
|
const dots = document.querySelectorAll('.absolute button'); |
|
|
let currentIndex = 0; |
|
|
|
|
|
function showSlide(index) { |
|
|
carousel.style.transform = `translateX(-${index * 100}%)`; |
|
|
dots.forEach((dot, i) => { |
|
|
dot.classList.toggle('opacity-50', i !== index); |
|
|
}); |
|
|
currentIndex = index; |
|
|
} |
|
|
|
|
|
dots.forEach((dot, index) => { |
|
|
dot.addEventListener('click', () => showSlide(index)); |
|
|
}); |
|
|
|
|
|
setInterval(() => { |
|
|
showSlide((currentIndex + 1) % items.length); |
|
|
}, 5000); |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
