വിവിധ കമ്മിറ്റികള്‍

<!DOCTYPE html>
<html lang="ml">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>ചോറോട് ഗ്രാമപഞ്ചായത്ത് - ആസൂത്രണ സമിതി</title>

body {
margin: 0;
padding: 25px;
font-family: "Noto Sans Malayalam", "Nirmala UI", Arial, sans-serif;
background: linear-gradient(135deg, #eef7ff, #f8fbff);
color: #263238;
}

.container {
max-width: 1250px;
margin: auto;
}

/* Main Heading */
.header {
background: linear-gradient(135deg, #075e54, #0b8f83, #16a085);
color: white;
padding: 28px 20px;
border-radius: 18px;
text-align: center;
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
margin-bottom: 25px;
}

.header h1 {
margin: 0;
font-size: 30px;
font-weight: 800;
}

.header h2 {
margin: 8px 0 0;
font-size: 21px;
font-weight: 500;
}

.header p {
margin: 12px 0 0;
font-size: 15px;
opacity: 0.95;
}

/* Information Cards */
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 18px;
margin-bottom: 28px;
}

.info-card {
background: white;
border-radius: 15px;
padding: 20px;
text-align: center;
box-shadow: 0 5px 18px rgba(0,0,0,0.08);
border-top: 5px solid #0b8f83;
}

.info-card .number {
font-size: 30px;
font-weight: bold;
color: #075e54;
}

.info-card .label {
margin-top: 5px;
color: #546e7a;
font-size: 15px;
}

/* Section Heading */
.section-title {
background: linear-gradient(90deg, #075e54, #12a594);
color: white;
padding: 15px 20px;
border-radius: 12px 12px 0 0;
font-size: 21px;
font-weight: bold;
}

/* Table Container */
.table-box {
background: white;
border-radius: 0 0 15px 15px;
overflow-x: auto;
box-shadow: 0 6px 20px rgba(0,0,0,0.09);
margin-bottom: 30px;
}

table {
width: 100%;
border-collapse: collapse;
min-width: 850px;
}

thead th {
background: #e0f2f1;
color: #075e54;
padding: 14px 12px;
text-align: left;
font-size: 15px;
border-bottom: 3px solid #80cbc4;
}

tbody td {
padding: 13px 12px;
border-bottom: 1px solid #e6eeee;
vertical-align: middle;
font-size: 14px;
}

tbody tr:nth-child(even) {
background: #f7fbfb;
}

tbody tr:hover {
background: #e0f7f5;
transition: 0.2s;
}

.slno {
width: 60px;
text-align: center;
font-weight: bold;
color: #075e54;
}

.name {
font-weight: 600;
color: #263238;
}

.phone {
white-space: nowrap;
color: #1565c0;
font-weight: 600;
}

.designation {
font-weight: bold;
color: #6a1b9a;
}

/* Gender Badges */
.gender {
display: inline-block;
padding: 5px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
}

.female {
background: #fce4ec;
color: #ad1457;
}

.male {
background: #e3f2fd;
color: #1565c0;
}

/* Footer */
.footer {
background: #263238;
color: white;
text-align: center;
padding: 20px;
border-radius: 15px;
margin-top: 25px;
line-height: 1.7;
}

.footer strong {
color: #80cbc4;
}

/* Mobile */
@media (max-width: 700px) {

body {
padding: 12px;
}

.header {
padding: 22px 12px;
}

.header h1 {
font-size: 23px;
}

.header h2 {
font-size: 17px;
}

.section-title {
font-size: 18px;
}

.info-grid {
grid-template-columns: 1fr 1fr;
}
}
</style>
</head>

<body>

<div class="header">
<h1>ചോറോട് ഗ്രാമപഞ്ചായത്ത്</h1>
<h2>ആസൂത്രണ സമിതി അംഗങ്ങളുടെ വിവരങ്ങൾ</h2>
<p>വികസന ആസൂത്രണ പ്രവർത്തനങ്ങളുമായി ബന്ധപ്പെട്ട സമിതി വിവരങ്ങൾ</p>
</div>

<div class="info-grid">

<div class="info-card">
<div class="number">01</div>
<div class="label">കൺവീനർ</div>
</div>

</div>

<div class="section-title">
📋 ആസൂത്രണ സമിതി അംഗങ്ങളുടെ വിശദാംശങ്ങൾ
</div>

<table>

<thead>
<tr>
<th>ക്രമ നമ്പർ</th>
<th>പേര്</th>
<th>ഫോൺ നമ്പർ</th>
<th>സമിതിയിലെ സ്ഥാനം</th>
<th>ഉൾപ്പെടുന്ന വിഭാഗം</th>
<th>ലിംഗം</th>
</tr>
</thead>

<tbody>

<tr>
<td class="slno">1</td>
<td class="name">
ഷൈജി പ്രമോദ്, നീലാംബരി, മുട്ടുങ്ങൽ പി.ഒ
</td>
<td class="phone">9446577931</td>
<td class="designation">അധ്യക്ഷൻ</td>
<td>പൊതു</td>
<td><span class="gender female">സ്ത്രീ</span></td>
</tr>

<tr>
<td class="slno">2</td>
<td class="name">
പി പി ചന്ദ്രശേഖരൻ മാസ്റ്റർ, പുത്തൻപുരയിൽ
</td>
<td class="phone">9846499010</td>
<td class="designation">ഉപാധ്യക്ഷൻ</td>
<td>പൊതു</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">3</td>
<td class="name">സജിതകുമാരി സി.കെ, മഠത്തിൽ, ചോറോട്</td>
<td class="phone">9495887515</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender female">സ്ത്രീ</span></td>
</tr>

<tr>
<td class="slno">4</td>
<td class="name">
അജിത വിനോദൻ, പൊന്നേരി കുനിയിൽ, ചേന്ദമംഗലം, ചോറോട്
</td>
<td class="phone">9048343883</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender female">സ്ത്രീ</span></td>
</tr>

<tr>
<td class="slno">5</td>
<td class="name">കെ പി ചന്ദ്രൻ, ദീപ്തി, കുരിക്കിലാട് പി.ഒ</td>
<td class="phone">9447752904</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">7</td>
<td class="name">ടി.എം രാജൻ, തെക്കെ മനയിൽ, പി.ഒ മുട്ടുങ്ങൽ</td>
<td class="phone">9947160837</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">8</td>
<td class="name">വി ദിനേശൻ, വാപ്രത്ത്, പി.ഒ രയരങ്ങോത്ത്</td>
<td class="phone">9446644244</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">9</td>
<td class="name">കെ പി ഗിരിജ</td>
<td class="phone">9744797525</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender female">സ്ത്രീ</span></td>
</tr>

<tr>
<td class="slno">10</td>
<td class="name">പി ഇസ്മയിൽ മാസ്റ്റർ</td>
<td class="phone">9847645611</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">11</td>
<td class="name">കെ.എം നാരായണൻ</td>
<td class="phone">9495594415</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">12</td>
<td class="name">വിശ്വനാഥൻ മാസ്റ്റർ, കുളങ്ങരത്ത്</td>
<td class="phone">7025585546</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">13</td>
<td class="name">പി കെ സതീശൻ</td>
<td class="phone">9497216565</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">14</td>
<td class="name">വിജില അമ്പലത്തിൽ</td>
<td class="phone">8086038616</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender female">സ്ത്രീ</span></td>
</tr>

<tr>
<td class="slno">15</td>
<td class="name">രാജീവൻ തയ്യുളത്തിൽ</td>
<td class="phone">9495228128</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">16</td>
<td class="name">സുരേഷ് പി, പറമ്പത്ത്</td>
<td class="phone">9446261483</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">17</td>
<td class="name">രാജീവൻ ആശാരിമീത്തൽ</td>
<td class="phone">9846533175</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">18</td>
<td class="name">മോഹൻദാസ് മാസ്റ്റർ കെ.കെ, കൊയിലോത്ത്</td>
<td class="phone">8547560220</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">19</td>
<td class="name">കെ പി കരുണൻ</td>
<td class="phone">9846260363</td>
<td class="designation">അംഗം</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

<tr>
<td class="slno">20</td>
<td class="name">സതീഷ് കുമാർ കെ വി</td>
<td class="phone">9496048105</td>
<td class="designation">കൺവീനർ</td>
<td>—</td>
<td><span class="gender male">പുരുഷൻ</span></td>
</tr>

</tbody>

</table>

</div>

<div class="footer">
<strong>ചോറോട് ഗ്രാമപഞ്ചായത്ത്</strong><br>
വികസന ആസൂത്രണ പ്രവർത്തനങ്ങളിൽ ജനപങ്കാളിത്തം ഉറപ്പാക്കുന്നതിനുള്ള
ആസൂത്രണ സമിതി
</div>

</div>

</body>
</html>

Chorod Grama panchayat

വിവിധ കമ്മിറ്റികള്‍

Disclaimer

Copyright Policy

Chorod
Grama panchayat