Haryana State Pollution Control Board

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="6vVtxzrYQFuQirG6OIPNeDBzfYBLxY0BzD6rVCGb" />  <link rel="apple-touch-icon" href="https://www.hspcb.org.in/assets/hswebsite/images/favicon/apple-touch-icon.png" /> <link rel="icon" href="https://www.hspcb.org.in/assets/hswebsite/images/favicon/favicon.ico" type="image/png" > <title>Haryana State Pollution Control Board - Home Page </title> <meta name="keywords" content="HSPCB, Haryana State Pollution Control Board, Panchkula, ministry, department"> <meta name="description" content="HSPCB, Haryana State Pollution Control Board, Panchkula, Haryana"> <meta name="author" content="Haryana State Pollution Control Board(NIC)"> <style> /* Full height and zero margin */ body, html { height: 100%; margin: 0; font-family: Verdana, Geneva, Tahoma, sans-serif; background-color: #f4f4f4; } /* Container for the grid */ .image-grid-container { display: grid; grid-template-columns: repeat(3, 1fr); /* 3 columns for larger screens */ gap: 20px; padding: 20px; justify-items: center; } /* Ensure the images scale and are responsive */ .image-grid-container img { max-width: 100%; /* Full width of the grid column */ height: auto; /* Keep the aspect ratio */ border-radius: 10px; /* Optional: Add rounded corners */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a box shadow */ } /* Responsive grid for smaller screens */ @media (max-width: 768px) { .image-grid-container { grid-template-columns: 1fr; /* Stack images vertically on smaller screens */ padding: 20px; } } /* Button styling */ .enter-site-button { display: block; margin: 40px auto; padding: 10px 20px; font-size: 18px; background-color: #9597B5; color: #fff; border: none; border-radius: 5px; cursor: pointer; text-decoration: none; width: 100%; max-width: 300px; } .enter-site-button:hover { background-color: #FCB814; } </style> </head> <body> <div class="image-grid-container"> <img src="https://www.hspcb.org.in/assets/hswebsite/images/celebration.jpg" alt="celebration"> <img src="https://www.hspcb.org.in/assets/hswebsite/images/first_employee_of_hspcb.jpg" alt="First Employee of HSPCB"> <img src="https://www.hspcb.org.in/assets/hswebsite/images/speech.jpg" alt="speech"> </div>  <a href="/home" class="enter-site-button">Click Here to Visit Website</a> <br /> </body> </html>

CINXE.COM

Haryana State Pollution Control Board - Home Page