https://sgou.ac.in/backend/assets/js/colors.js

1  
2
3     const schoolCard = document.getElementById('school');
4
5    schoolCard.addEventListener('mouseover', function() 
6    {
7  schoolCard.style.backgroundColor = '#B2BEB5'; // New background color on hover
8    });
9   
10   schoolCard.addEventListener('mouseout', function() {
11  schoolCard.style.backgroundColor = 'transparent'; // Original background color
12});
13
14
15    const governanceCard = document.getElementById('governance');
16
17    governanceCard.addEventListener('mouseover', function() 
18    {
19  governanceCard.style.backgroundColor = '#B2BEB5'; // New background color on hover
20    });
21   
22   governanceCard.addEventListener('mouseout', function() {
23  governanceCard.style.backgroundColor = 'transparent'; // Original background color
24});
25
26    const programmesCard = document.getElementById('programmes');
27
28    programmesCard.addEventListener('mouseover', function() 
29    {
30 programmesCard.style.backgroundColor = '#B2BEB5'; // New background color on hover
31    });
32   
33   programmesCard.addEventListener('mouseout', function() {
34  programmesCard.style.backgroundColor = 'transparent'; // Original background color
35});
36  
37
38  const centreCard = document.getElementById('centre');
39
40    centreCard.addEventListener('mouseover', function() 
41    {
42 centreCard.style.backgroundColor = '#B2BEB5'; // New background color on hover
43    });
44   
45   centreCard.addEventListener('mouseout', function() {
46  centreCard.style.backgroundColor = 'transparent'; // Original background color
47});