AUDIT REPORT | Thuravoor Grama Panchayat

AUDIT REPORT

<style>
/* =========================================================
MANJAPRA PANCHAYAT - AUDIT REPORTS
DRUPAL CKEDITOR 5 COMPATIBLE
========================================================= */
.audit-report-section {
width: 100%;
max-width: 1150px;
margin: 25px auto;
padding: 10px;
box-sizing: border-box;
font-family: "Meera", "Noto Sans Malayalam", sans-serif;
}
/* Main Heading */
.audit-report-title {
width: 82%;
margin: 0 auto 28px auto;
padding: 16px 22px;
box-sizing: border-box;
text-align: center;
color: #ffffff;
background: linear-gradient(135deg, #0c7893, #106f89);
border-radius: 13px;
font-size: 22px;
font-weight: bold;
line-height: 1.6;
box-shadow: 0 8px 18px rgba(0,0,0,0.18);
}
/* Grid */
.audit-report-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 24px;
align-items: start;
justify-content: center;
}
/* Card wrapper */
.audit-file {
position: relative;
height: 215px;
min-width: 0;
perspective: 1000px;
cursor: pointer;
}
/* Main file */
.audit-file-body {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
box-sizing: border-box;
padding: 23px 10px 15px 10px;
text-align: center;
color: #ffffff;
box-shadow:
0 10px 18px rgba(0,0,0,0.18),
inset 0 -12px 0 rgba(0,0,0,0.08);
transition:
transform 0.45s ease,
box-shadow 0.45s ease,
border-radius 0.45s ease;
}
/* Different file colours */
.audit-file:nth-child(1) .audit-file-body {
background: linear-gradient(180deg, #c98a2c 0%, #bd7610 100%);
}
.audit-file:nth-child(2) .audit-file-body {
background: linear-gradient(180deg, #087b48 0%, #079461 100%);
}
.audit-file:nth-child(3) .audit-file-body {
background: linear-gradient(180deg, #2257d8 0%, #2865e7 100%);
}
.audit-file:nth-child(4) .audit-file-body {
background: linear-gradient(180deg, #b51018 0%, #df2028 100%);
}
.audit-file:nth-child(5) .audit-file-body {
background: linear-gradient(180deg, #b47700 0%, #e1a900 100%);
}
/* Hover effect */
.audit-file:hover .audit-file-body {
transform: translateY(-12px) scale(1.04);
border-radius: 10px 10px 4px 4px;
box-shadow:
0 22px 35px rgba(0,0,0,0.28),
inset 0 -12px 0 rgba(0,0,0,0.08);
}
/* File top flap */
.audit-file-body:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 17px;
background: rgba(255,255,255,0.10);
border-radius: 10px 10px 0 0;
transition: height 0.35s ease;
}
.audit-file:hover .audit-file-body:before {
height: 27px;
}
/* Logo circle */
.audit-logo {
width: 48px;
height: 48px;
margin: 0 auto 7px auto;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.10);
border: 2px solid rgba(255,255,255,0.20);
box-sizing: border-box;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffd800;
transition: transform 0.4s ease;
}
.audit-file:hover .audit-logo {
transform: rotate(360deg) scale(1.08);
}
/* Small department text */
.audit-department {
font-size: 10px;
line-height: 1.35;
min-height: 29px;
color: #ffffff;
font-weight: 600;
}
/* Report heading */
.audit-report-label {
margin-top: 5px;
font-size: 19px;
line-height: 1.35;
font-weight: bold;
color: #ffffff;
}
/* Year */
.audit-year {
margin-top: 6px;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ffffff;
}
/* Bottom strip */
.audit-bottom-strip {
position: absolute;
left: 0;
right: 0;
bottom: 32px;
height: 15px;
background: #45494e;
transition: bottom 0.35s ease;
}
.audit-file:hover .audit-bottom-strip {
bottom: 42px;
}
/* Round lock */
.audit-lock {
position: absolute;
left: 50%;
bottom: 24px;
transform: translateX(-50%);
width: 20px;
height: 20px;
border-radius: 50%;
background: #e5e9ed;
border: 2px solid #59616a;
box-shadow: 0 2px 5px rgba(0,0,0,0.25);
z-index: 3;
transition:
transform 0.35s ease,
bottom 0.35s ease;
}
.audit-file:hover .audit-lock {
bottom: 34px;
transform: translateX(-50%) rotate(25deg);
}
/* Open button */
.audit-open-button {
position: absolute;
left: 50%;
bottom: -55px;
transform: translateX(-50%);
width: 82%;
padding: 8px 5px;
box-sizing: border-box;
background: #ffffff;
color: #173b58;
border-radius: 7px;
text-decoration: none !important;
font-size: 14px;
font-weight: bold;
opacity: 0;
transition:
bottom 0.4s ease,
opacity 0.4s ease,
transform 0.3s ease;
z-index: 10;
box-shadow: 0 5px 12px rgba(0,0,0,0.22);
}
.audit-file:hover .audit-open-button {
bottom: 9px;
opacity: 1;
}
.audit-open-button:hover {
transform: translateX(-50%) scale(1.05);
background: #f4f8ff;
}
/* Hint text */
.audit-hover-text {
margin-top: 22px;
text-align: center;
font-size: 14px;
color: #59636d;
font-weight: 600;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 950px) {
.audit-report-grid {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.audit-report-title {
width: 92%;
font-size: 20px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 650px) {
.audit-report-section {
padding: 5px;
}
.audit-report-title {
width: 100%;
font-size: 18px;
padding: 14px 12px;
line-height: 1.5;
}
.audit-report-grid {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.audit-file {
height: 205px;
}
.audit-report-label {
font-size: 17px;
}
.audit-year {
font-size: 15px;
}
.audit-department {
font-size: 9px;
}
}
/* Small phones */
@media (max-width: 390px) {
.audit-report-grid {
grid-template-columns: 1fr;
max-width: 220px;
margin: auto;
}
.audit-report-title {
font-size: 17px;
}
}
</style>
<div class="audit-report-section">

<div class="audit-report-title">
കേരള സംസ്ഥാന ഓഡിറ്റ് വകുപ്പ് പരിശോധന നടത്തി പ്രസിദ്ധീകരിച്ച മഞ്ഞപ്ര ഗ്രാമപഞ്ചായത്തിലെ വിവിധ വർഷങ്ങളിലെ ഓഡിറ്റ് റിപ്പോർട്ടുകൾ
</div>
<div class="audit-report-grid">

<div class="audit-file">
<div class="audit-file-body">
<div class="audit-logo">
LSDG
</div>
<div class="audit-department">
തദ്ദേശസ്വയംഭരണ വകുപ്പ്<br>
കേരള സർക്കാർ
</div>
<div class="audit-report-label">
ഓഡിറ്റ് റിപ്പോർട്ട്
</div>
<div class="audit-year">
2024 - 2025
</div>
<div class="audit-bottom-strip">
 
</div>
<div class="audit-lock">
 
</div>
<p>
<a class="audit-open-button" href="PDF-URL-2026-2027-HERE" target="_blank" rel="noopener"> കാണുക </a>
</p>
</div>
</div>

<div class="audit-file">
<div class="audit-file-body">
<div class="audit-logo">
LSDG
</div>
<div class="audit-department">
തദ്ദേശസ്വയംഭരണ വകുപ്പ്<br>
കേരള സർക്കാർ
</div>
<div class="audit-report-label">
ഓഡിറ്റ് റിപ്പോർട്ട്
</div>
<div class="audit-year">
2024 - 2025
</div>
<div class="audit-bottom-strip">
 
</div>
<div class="audit-lock">
 
</div>
<p>
<a class="audit-open-button" href="PDF-URL-2025-2026-HERE" target="_blank" rel="noopener"> കാണുക </a>
</p>
</div>
</div>

<div class="audit-file">
<div class="audit-file-body">
<div class="audit-logo">
LSDG
</div>
<div class="audit-department">
തദ്ദേശസ്വയംഭരണ വകുപ്പ്<br>
കേരള സർക്കാർ
</div>
<div class="audit-report-label">
ഓഡിറ്റ് റിപ്പോർട്ട്
</div>
<div class="audit-year">
2023 - 2024
</div>
<div class="audit-bottom-strip">
 
</div>
<div class="audit-lock">
 
</div>
<p>
<a class="audit-open-button" href="PDF-URL-2024-2025-HERE" target="_blank" rel="noopener"> കാണുക </a>
</p>
</div>
</div>

<div class="audit-file">
<div class="audit-file-body">
<div class="audit-logo">
LSD
</div>
<div class="audit-department">
തദ്ദേശസ്വയംഭരണ വകുപ്പ്<br>
കേരള സർക്കാർ
</div>
<div class="audit-report-label">
ഓഡിറ്റ് റിപ്പോർട്ട്
</div>
<div class="audit-year">
2022 - 2023
</div>
<div class="audit-bottom-strip">
 
</div>
<div class="audit-lock">
 
</div>
<p>
<a class="audit-open-button" href="PDF-URL-2023-2024-HERE" target="_blank" rel="noopener"> കാണുക </a>
</p>
</div>
</div>

<div class="audit-file">
<div class="audit-file-body">
<div class="audit-logo">
LSDG
</div>
<div class="audit-department">
തദ്ദേശസ്വയംഭരണ വകുപ്പ്<br>
കേരള സർക്കാർ
</div>
<div class="audit-report-label">
ഓഡിറ്റ് റിപ്പോർട്ട്
</div>
<div class="audit-year">
2021 - 2022
</div>
<div class="audit-bottom-strip">
 
</div>
<div class="audit-lock">
 
</div>
<p>
<a class="audit-open-button" href="PDF-URL-2022-2023-HERE" target="_blank" rel="noopener"> കാണുക </a>
</p>
</div>
</div>
</div>
<div class="audit-hover-text">
ഫയലിന് മുകളിൽ മൗസ് കൊണ്ടുവരുമ്പോൾ “കാണുക” എന്ന ബട്ടൺ തിരഞ്ഞെടുക്കുക
</div>
</div>