சுற்றுச்சூழல் முகாம் Spot Details
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #e6f2f2; margin:0;padding:20px;color:#333; }
main { max-width:900px;margin:auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 0 20px rgba(0,128,128,0.15); }
h2 { font-size:1.6rem;color:#006666;border-bottom:3px solid #ff6f61;margin-top:2em;padding-bottom:.3em; }
.bus-routes {width:100%;border-collapse:collapse;margin-top:1em;}
.bus-routes th, .bus-routes td {border:1px solid #008080;padding:.6em 1em;}
.contacts { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px; }
.contact-card { background:#d0f0f0;padding:16px;border-radius:12px;box-shadow:0 3px 6px rgba(0,128,128,0.15); }
.contact-icon { margin-right:10px;color:white;border-radius:50%;padding:10px;display:inline-block; }
.police { background:#ff6f61; } .fire { background:#e25822; } .forest { background:#228b22; }
.admin { background:#6a5acd; } .ambulance { background:#dc143c; } .district { background:#20b2aa; } .tourism { background:#ff8c00; }
/* Image gallery styling: horizontal scroll with big fixed width images */
.image-gallery {
margin-top: 1em;
display: flex;
overflow-x: auto;
gap: 16px;
padding-bottom: 10px;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #ff6f61 #e0f0f0;
}
.image-gallery::-webkit-scrollbar {
height: 8px;
}
.image-gallery::-webkit-scrollbar-track {
background: #e0f0f0;
border-radius: 8px;
}
.image-gallery::-webkit-scrollbar-thumb {
background-color: #ff6f61;
border-radius: 8px;
}
.image-gallery img {
width: 300px;
height: auto;
border-radius: 12px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
flex-shrink: 0;
user-select: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.image-gallery img:hover {
transform: scale(1.05);
}
/* Modal fullscreen styling */
.modal {
display: none;
position: fixed;
z-index: 9999;
padding-top: 60px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; /* hide scroll */
background-color: rgba(0,0,0,0.9);
user-select: none;
}
.modal-content {
margin: auto;
display: block;
max-width: 90%;
max-height: 80vh;
border-radius: 12px;
box-shadow: 0 0 25px rgba(255,111,97,0.8);
animation-name: zoom;
animation-duration: 0.4s;
user-select: none;
}
@keyframes zoom {
from {transform: scale(0.8)}
to {transform: scale(1)}
}
.close {
position: absolute;
top: 20px;
right: 35px;
color: #fff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
user-select: none;
z-index: 10001;
}
.close:hover,
.close:focus {
color: #ff6f61;
text-decoration: none;
cursor: pointer;
}
/* New buttons for prev/next */
.modal-prev, .modal-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: white;
font-size: 48px;
font-weight: bold;
padding: 10px 20px;
cursor: pointer;
user-select: none;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.3);
transition: background-color 0.3s ease;
z-index: 10000;
border: none;
}
.modal-prev:hover, .modal-next:hover {
background-color: rgba(255, 111, 97, 0.8);
}
.modal-prev {
left: 10px;
}
.modal-next {
right: 10px;
}
.booking a { background:#ff6f61;color:#fff;padding:12px 20px;border-radius:8px;display:inline-block;margin-top:1em;font-weight:bold;text-decoration:none; }
#mapClickable { background:#008080;color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;display:inline-block;margin-top:1em; }
// Store all image URLs in an array
var images = [];
// Index of currently shown image in modal
var currentIndex = 0;
window.onload = function() {
// Collect all gallery image src
var galleryImgs = document.querySelectorAll('.image-gallery img');
images = [];
galleryImgs.forEach(function(img){
images.push(img.src);
});
};
function openModal(src) {
currentIndex = images.indexOf(src);
if(currentIndex === -1) currentIndex = 0;
updateModalImage();
document.getElementById('imgModal').style.display = 'block';
}
function updateModalImage() {
var modalImg = document.getElementById('modalImage');
modalImg.src = images[currentIndex];
}
function closeModal() {
document.getElementById('imgModal').style.display = 'none';
}
function showPrev() {
currentIndex = (currentIndex - 1 + images.length) % images.length;
updateModalImage();
}
function showNext() {
currentIndex = (currentIndex + 1) % images.length;
updateModalImage();
}
// Close modal on clicking outside the image or on close button
window.onclick = function(event) {
var modal = document.getElementById('imgModal');
var modalImg = document.getElementById('modalImage');
if(event.target === modal) {
closeModal();
}
}
// Keyboard navigation for modal
window.addEventListener('keydown', function(event) {
var modal = document.getElementById('imgModal');
if(modal.style.display === 'block') {
if(event.key === 'Escape') {
closeModal();
} else if(event.key === 'ArrowLeft') {
showPrev();
} else if(event.key === 'ArrowRight') {
showNext();
}
}
});
விளக்கம் 1, ஈக்கோ -கேம்ப்பானது கீரிப்பாறைகாவல்நிலையத்தின்பக்கத்தில் உள்ளது. 3.5ஏக்கர் நிலப்பரப்பில் உள்ளது. சூரிய சக்தி விழிப்புணர்வு சென்டர் அமைந்துள்ளது. அருகாமையில் பெருஞ்சானி அணையின் பின்புறம் அமைந்துள்ளது, அதனை பார்ப்பதற்கு வாட்ச் டவர் அமைக்கப் பட்டுள்ளது. தங்குவதற்கு ஏதுவாக 3 ரூம் அமைக்கப்பட்டு பராமரித்து வரப்படுகிறது. காளிகேசம் செல்வதற்கான ரூபாய் கட்டணம் ஈக்கோ பார்க்ல் வசூலிக்கப்படுகிறது. ஈக்கோ கேன்டீன் அமைக்கப்பட்டு பார்வையாளர் விருப்பத்திற்கேற்றப உணவு அளிக்கப்பட்டு வருகிறது
நேரம் : 24 மணி நேரம்
( செக் இன் - மதியம் 12 மணி & செக் அவுட் காலை 10 மணி)
பேருந்து வழித்தடங்கள்
பேருந்து நிலையம் வழி எண் நாகர்கோவில் வடசேரி பேருந்து நிலையம் 4, 4AV, 4AVTSS, 4A. களியாக்கவிளை பேருந்து நிலையம் 330 அண்ணா பேருந்து நிலையம் 4, 4AV, 4AVTSS, 4A. கன்னியாகுமரி பேருந்து நிலையம் -' மார்த்தாண்டம் பேருந்து நிலையம் 330
×
❮
❯
