.carousel {
position: relative;
width: 100%;
height:53vh;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
}
.carousel img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.carousel img.active {
opacity: 1;
}
/* Title always visible */
.image-title {
position: absolute;
top: 10px;
left: 10%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.75);
color: #fff;
padding: 8px 16px;
border-radius: 5px;
font-size: 1.5em;
letter-spacing: 1px;
text-align: center;
z-index: 10; /* stays above images */
}
/* Overlay at the bottom */
.overlay {
position: absolute;
top: 70%;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
text-align: center;
padding: 20px;
}
.overlay h2 {
font-size: 1.5em;
color: #fff;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.overlay p {
font-size: 1.25em;
color: #f0f0f0;
line-height: 1.4;
}
/* Hide overlay on mobile devices */
@media (max-width: 768px) {
.overlay {
display: none;
}
.carousel {
position: relative;
width: 100%;
height: 30vh;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
}
.image-title {
font-size: 0.9em;
left: 50%;
}
}
![]()
const images = document.querySelectorAll('.carousel img');
const imageTitle = document.getElementById('imageTitle');
let current = 0;
function showImage(index) {
images.forEach(img => img.classList.remove('active'));
images[index].classList.add('active');
imageTitle.textContent = images[index].alt; // update title immediately
}
setInterval(() => {
current = (current + 1) % images.length;
showImage(current);
}, 5000);
Amar Mahal
What's New
- Financial Assistance under PM Package for the West Pakistani Refugee of 1947 calling for objections
- Regulation of Use of Loudspeakers / DJ Systems / Amplified Sound Systems in Marriage Halls, Banquet Halls and Social Functions within District Jammu
- Order Under Section 163 BNSS , 2023 regulating operation of Spa and Massage Centres in District Jammu
- Tentative Seniority List of Junior Assistant of District Cadre Jammu as it stood on 01-01-2026
- Tentative Seniority List of Class-IV(MTS) of District Jammu as it stood on 01-01-2026
- Declaration Under Section 19(1) – Land measuring 82KI-06Ml situated at village Balli(36Kl-03Ml), Nathal(11Kl-03Ml), Dori(19Kl-15Ml), Kartyal Simbal(05Kl-00Ml) of Tehsil Kharah Balli and Kalah(10Kl-05Ml) of Tehsil Khour District Jammu
- Financial Assistance under PM Package for the West Pakistani Refugee of 1947 calling for objections
- Imposing of BNSS-163 ariund the examiniation centers for the Conduct of OMR Based written Exemination conducted by JKSSB scheduled to held on 08-02-2026(Time 11:00am to 12:20pm)
/* Bigger call-to-action button */
.cta-button {
display: inline-block;
padding: 12px 28px;
background: #004080;
color: #fff;
text-decoration: none;
border-radius: 6px;
font-size: 1em;
font-weight: 600;
transition: background 0.3s ease, transform 0.2s ease;
}
.cta-button:hover {
background: #004c99;
color: #fff;
transform: translateY(-2px);
}
/* Fancy but official card container */
.official-card-container {
display: flex;
align-items: center;
justify-content: flex-start;
max-width: 420px;
margin: 20px auto;
background: linear-gradient(135deg, #fffdd0 0%, #fffdd0 100%);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
opacity: 0;
animation: officialFadeIn 1.5s forwards;
transition: transform 0.3s ease;
}
.official-card-container:hover {
transform: translateY(-4px);
box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}
/* Image section */
.official-card-image {
flex: 0 0 130px;
border-right: 1px solid #e0e0e0;
height: 180px; /* fixed height based on District Magistrate card image */
}
.official-card-image img {
width: 100%;
height: 100%; /* force image to fill the container height */
display: block;
object-fit: cover; /* crop/scale to maintain uniform look */
}
/* Content section */
.official-card-content {
flex: 1;
padding: 15px;
text-align: left;
}
.official-card-content h3 {
font-size: 1.1em;
margin: 0 0 6px;
color: #1a1a1a;
font-weight: 600;
}
.official-card-content p {
font-size: 0.9em;
line-height: 1.4;
color: #444;
margin-bottom: 12px;
}
/* Contact button */
.official-card-button {
display: inline-block;
padding: 6px 14px;
background: #004080;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 0.85em;
font-weight: 500;
transition: background 0.3s ease;
}
.official-card-button:hover {
background: #002d5c;
color: #fff
}
/* Fade animation */
@keyframes officialFadeIn {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
District Magistrate / District Collector / Deputy Commissioner
Dr. Rakesh Minhas, IAS
From the Desk of DDC ContactLatest Events
-
Deputy Commissioner Jammu, Dr. Rakesh Minhas, chaired a Public Darbar in Khour to address grievances from the border population. -
Laying of Foundation Stone for reconstruction of Houses damaged during recent floods and Operation Sindoor -
An awareness workshop on the Jute Mark India Scheme was today organised in Jammu by the Textiles Committee, @TexMinIndia in collaboration with the National Jute Board. -
The district administration, in collaboration with JKSPYM and @MSJEGOI , organised Two-day Training Programme for police personnel on drug abuse prevention, under #NashaMuktBharat Abhiyaan.
District at a Glance
- Geographical Area: 2336 Sq Kms
- Population (2011): 15.30 Lacs
- Gender Ratio (2011): 880
- Literacy Rate: 83.45%
- Tehsils: 21
- Blocks: 20
- Panchayats: 305
Important Links
Map of Jammu District
Photos and Videos
Video Gallery
View All
HELPLINE NUMBERS
-
Police : 100
-
Fire : 101
-
Ambulance : 102
-
Child Helpline : 1098
-
Women Helpline : 1091
-
Crime Stopper : 1090
-
Cyber Crime Helpline: 1930
-
District Nasha Mukt Helpline : 01912571616
