|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Rainwater Harvesting Schemes</title>
|
|
|
<style>
|
|
|
|
|
|
* {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
|
|
|
body {
|
|
|
font-family: Arial, sans-serif;
|
|
|
background-color: #f0f2f5;
|
|
|
padding: 20px;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
margin: 0;
|
|
|
min-height: 100vh;
|
|
|
color: #333;
|
|
|
}
|
|
|
|
|
|
|
|
|
.container {
|
|
|
max-width: 900px;
|
|
|
width: 100%;
|
|
|
background: #fff;
|
|
|
padding: 30px;
|
|
|
border-radius: 8px;
|
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
|
text-align: center;
|
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
|
animation: slideUp 0.6s ease-out;
|
|
|
}
|
|
|
|
|
|
|
|
|
.container::before {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
height: 4px;
|
|
|
background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%);
|
|
|
}
|
|
|
|
|
|
|
|
|
.section {
|
|
|
margin-bottom: 25px;
|
|
|
}
|
|
|
.section-header {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
margin-bottom: 15px;
|
|
|
padding-bottom: 8px;
|
|
|
border-bottom: 1px solid #eee;
|
|
|
}
|
|
|
.section-header .icon {
|
|
|
font-size: 1.2em;
|
|
|
margin-right: 10px;
|
|
|
color: #5a5a5a;
|
|
|
}
|
|
|
.section-header h3 {
|
|
|
margin: 0;
|
|
|
font-size: 1.1em;
|
|
|
color: #333;
|
|
|
}
|
|
|
|
|
|
|
|
|
.checkbox-grid, .radio-group {
|
|
|
display: grid;
|
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
|
gap: 15px;
|
|
|
}
|
|
|
|
|
|
.section:nth-of-type(4) .radio-group,
|
|
|
.section:nth-of-type(6) .radio-group,
|
|
|
.section:nth-of-type(7) .radio-group {
|
|
|
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
|
max-width: 600px;
|
|
|
margin-left: auto;
|
|
|
margin-right: auto;
|
|
|
}
|
|
|
|
|
|
|
|
|
.option-box {
|
|
|
background-color: #f7f9fc;
|
|
|
border: 1px solid #dcdfe6;
|
|
|
border-radius: 6px;
|
|
|
padding: 12px 15px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
cursor: pointer;
|
|
|
transition: all 0.2s ease-in-out;
|
|
|
text-align: left;
|
|
|
}
|
|
|
.option-box:hover {
|
|
|
border-color: #9cb1d4;
|
|
|
background-color: #eef3fb;
|
|
|
}
|
|
|
|
|
|
|
|
|
.option-box input[type="checkbox"],
|
|
|
.option-box input[type="radio"] {
|
|
|
margin-right: 10px;
|
|
|
appearance: none;
|
|
|
width: 18px;
|
|
|
height: 18px;
|
|
|
border: 1px solid #ccc;
|
|
|
cursor: pointer;
|
|
|
position: relative;
|
|
|
flex-shrink: 0;
|
|
|
}
|
|
|
|
|
|
.option-box input[type="checkbox"] {
|
|
|
border-radius: 4px;
|
|
|
}
|
|
|
.option-box input[type="checkbox"]:checked {
|
|
|
background-color: #4CAF50;
|
|
|
border-color: #4CAF50;
|
|
|
}
|
|
|
.option-box input[type="checkbox"]:checked::before {
|
|
|
content: '✔';
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%, -50%);
|
|
|
color: white;
|
|
|
font-size: 12px;
|
|
|
line-height: 1;
|
|
|
}
|
|
|
|
|
|
.option-box input[type="radio"] {
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
.option-box input[type="radio"]:checked {
|
|
|
border-color: #2196F3;
|
|
|
background-color: #2196F3;
|
|
|
}
|
|
|
.option-box input[type="radio"]:checked::before {
|
|
|
content: '';
|
|
|
display: block;
|
|
|
width: 8px;
|
|
|
height: 8px;
|
|
|
background-color: white;
|
|
|
border-radius: 50%;
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%, -50%);
|
|
|
}
|
|
|
|
|
|
|
|
|
.option-box label {
|
|
|
flex-grow: 1;
|
|
|
cursor: pointer;
|
|
|
font-size: 0.95em;
|
|
|
color: #555;
|
|
|
}
|
|
|
|
|
|
.option-box input[type="radio"]:checked + label {
|
|
|
color: #2196F3;
|
|
|
}
|
|
|
.option-box input[type="checkbox"]:checked + label {
|
|
|
color: #4CAF50;
|
|
|
}
|
|
|
|
|
|
|
|
|
.input-group {
|
|
|
display: flex;
|
|
|
gap: 15px;
|
|
|
align-items: center;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
.input-group input[type="text"] {
|
|
|
flex-grow: 1;
|
|
|
padding: 10px 12px;
|
|
|
border: 1px solid #dcdfe6;
|
|
|
border-radius: 6px;
|
|
|
font-size: 1em;
|
|
|
outline: none;
|
|
|
transition: border-color 0.2s;
|
|
|
box-sizing: border-box;
|
|
|
max-width: 200px;
|
|
|
}
|
|
|
.input-group input[type="text"]:focus {
|
|
|
border-color: #4CAF50;
|
|
|
}
|
|
|
.input-group select {
|
|
|
padding: 10px 12px;
|
|
|
border: 1px solid #dcdfe6;
|
|
|
border-radius: 6px;
|
|
|
background-color: #f7f9fc;
|
|
|
font-size: 1em;
|
|
|
cursor: pointer;
|
|
|
outline: none;
|
|
|
appearance: none;
|
|
|
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2C114.7L159.2%2C242.5c-4.5%2C4.5-10.6%2C6.7-16.8%2C6.7s-12.3-2.2-16.8-6.7L5.4%2C114.7c-9-9-9-23.5%2C0-32.5s23.5-9%2C32.5%2C0l120.3%2C120.3l120.3-120.3c9-9%2C23.5-9%2C32.5%2C0C296%2C91.2%2C296%2C105.7%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E');
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: right 10px center;
|
|
|
background-size: 12px;
|
|
|
padding-right: 30px;
|
|
|
box-sizing: border-box;
|
|
|
max-width: 150px;
|
|
|
}
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
color: #2c3e50;
|
|
|
margin-bottom: 30px;
|
|
|
font-size: 2.2rem;
|
|
|
font-weight: 700;
|
|
|
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
-webkit-background-clip: text;
|
|
|
-webkit-text-fill-color: transparent;
|
|
|
background-clip: text;
|
|
|
}
|
|
|
|
|
|
|
|
|
.form-group {
|
|
|
margin-bottom: 25px;
|
|
|
text-align: left;
|
|
|
}
|
|
|
|
|
|
|
|
|
label {
|
|
|
display: block;
|
|
|
margin-bottom: 8px;
|
|
|
font-weight: 600;
|
|
|
color: #555;
|
|
|
font-size: 0.95rem;
|
|
|
text-transform: uppercase;
|
|
|
letter-spacing: 0.5px;
|
|
|
}
|
|
|
|
|
|
|
|
|
select, .form-group input[type="text"], input[type="number"] {
|
|
|
width: 100%;
|
|
|
padding: 15px 20px;
|
|
|
border: 2px solid #e1e8ed;
|
|
|
border-radius: 12px;
|
|
|
font-size: 16px;
|
|
|
transition: all 0.3s ease;
|
|
|
background: #fff;
|
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
|
|
|
-webkit-appearance: none;
|
|
|
-moz-appearance: none;
|
|
|
appearance: none;
|
|
|
}
|
|
|
|
|
|
select:focus, .form-group input[type="text"]:focus, input[type="number"]:focus {
|
|
|
outline: none;
|
|
|
border-color: #667eea;
|
|
|
transform: translateY(-2px);
|
|
|
box-shadow: 0 5px 20px rgba(102, 126, 234, 0.2);
|
|
|
}
|
|
|
|
|
|
select:hover, .form-group input[type="text"]:hover, input[type="number"]:hover {
|
|
|
border-color: #b8c6db;
|
|
|
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
|
|
|
|
|
|
button {
|
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
color: white;
|
|
|
padding: 18px 40px;
|
|
|
border: none;
|
|
|
border-radius: 12px;
|
|
|
cursor: pointer;
|
|
|
font-size: 18px;
|
|
|
font-weight: 600;
|
|
|
text-transform: uppercase;
|
|
|
letter-spacing: 1px;
|
|
|
transition: all 0.3s ease;
|
|
|
box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
|
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
|
|
|
button:hover {
|
|
|
transform: translateY(-3px);
|
|
|
box-shadow: 0 15px 35px rgba(102, 126, 234, 0.4);
|
|
|
}
|
|
|
|
|
|
button:active {
|
|
|
transform: translateY(-1px);
|
|
|
}
|
|
|
|
|
|
button::before {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: -100%;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
|
|
|
transition: left 0.5s ease;
|
|
|
}
|
|
|
|
|
|
button:hover::before {
|
|
|
left: 100%;
|
|
|
}
|
|
|
|
|
|
|
|
|
.or-divider {
|
|
|
margin: 30px 0;
|
|
|
font-weight: 600;
|
|
|
color: #777;
|
|
|
position: relative;
|
|
|
text-transform: uppercase;
|
|
|
letter-spacing: 2px;
|
|
|
}
|
|
|
|
|
|
.or-divider::before,
|
|
|
.or-divider::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
width: 40%;
|
|
|
height: 2px;
|
|
|
background: linear-gradient(90deg, transparent, #ddd, transparent);
|
|
|
}
|
|
|
|
|
|
.or-divider::before {
|
|
|
left: 0;
|
|
|
}
|
|
|
|
|
|
.or-divider::after {
|
|
|
right: 0;
|
|
|
}
|
|
|
|
|
|
|
|
|
hr {
|
|
|
border: none;
|
|
|
height: 2px;
|
|
|
background: linear-gradient(90deg, transparent, #e1e8ed, transparent);
|
|
|
margin: 30px 0;
|
|
|
}
|
|
|
|
|
|
|
|
|
h3 {
|
|
|
color: #2c3e50;
|
|
|
margin-bottom: 15px;
|
|
|
font-size: 1.5rem;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
|
|
|
p {
|
|
|
color: #666;
|
|
|
margin-bottom: 20px;
|
|
|
line-height: 1.6;
|
|
|
font-style: italic;
|
|
|
}
|
|
|
|
|
|
|
|
|
.water-icon {
|
|
|
font-size: 3rem;
|
|
|
margin-bottom: 20px;
|
|
|
color: #667eea;
|
|
|
}
|
|
|
|
|
|
|
|
|
@media (max-width: 768px) {
|
|
|
.container {
|
|
|
padding: 30px 25px;
|
|
|
margin: 10px;
|
|
|
}
|
|
|
|
|
|
h1 {
|
|
|
font-size: 1.8rem;
|
|
|
}
|
|
|
|
|
|
button {
|
|
|
padding: 15px 30px;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
|
|
|
.checkbox-grid, .radio-group {
|
|
|
grid-template-columns: 1fr;
|
|
|
}
|
|
|
|
|
|
.input-group {
|
|
|
flex-direction: column;
|
|
|
align-items: flex-start;
|
|
|
}
|
|
|
.input-group input[type="text"],
|
|
|
.input-group select {
|
|
|
max-width: 100%;
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
::placeholder {
|
|
|
color: #aaa;
|
|
|
font-style: italic;
|
|
|
}
|
|
|
|
|
|
|
|
|
select {
|
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
|
|
|
background-position: right 12px center;
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: 16px;
|
|
|
padding-right: 40px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<div class="water-icon">💧</div>
|
|
|
<h1>Find Rainwater Harvesting Schemes in India</h1>
|
|
|
<form action="/schemes" method="post">
|
|
|
|
|
|
<div class="form-group">
|
|
|
<label for="state_name">Select a State/UT:</label>
|
|
|
<select id="state_name" name="state_name">
|
|
|
<option value="">-- Select --</option>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% for state in states %}
|
|
|
<option value="{{ state.lower() }}">{{ state.title() }}</option>
|
|
|
{% endfor %}
|
|
|
<option value="pan-india">Pan-India Schemes</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
|
|
|
<div class="or-divider">OR</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
<label for="state_name_manual">Enter State/UT Name:</label>
|
|
|
<input type="text" id="state_name_manual" name="state_name_manual" placeholder="e.g., Goa, Uttar Pradesh">
|
|
|
</div>
|
|
|
|
|
|
<hr>
|
|
|
|
|
|
|
|
|
<h3>Your Profile</h3>
|
|
|
<p>These values will be used by the AI to tailor financial and benefit advice.</p>
|
|
|
|
|
|
|
|
|
<div class="section">
|
|
|
<div class="section-header">
|
|
|
<span class="icon">🏔</span>
|
|
|
<h3>Plot/Land Size (if applicable):</h3>
|
|
|
</div>
|
|
|
<div class="input-group">
|
|
|
<input type="text" placeholder="e.g., 1000" id="plot_land_size_value" name="plot_land_size_value">
|
|
|
<select id="plot_land_size_unit" name="plot_land_size_unit">
|
|
|
<option value="sq_meters">sq. meters</option>
|
|
|
<option value="sq_feet">sq. feet</option>
|
|
|
<option value="acres">acres</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
|
<label for="user_income">Your Annual Household Income (INR):</label>
|
|
|
<input type="number" id="user_income" name="user_income" value="1000000" min="0">
|
|
|
</div>
|
|
|
|
|
|
<hr>
|
|
|
|
|
|
|
|
|
<div class="section">
|
|
|
<div class="section-header">
|
|
|
<span class="icon">👥</span>
|
|
|
<h3>Beneficiary Type(s):</h3>
|
|
|
</div>
|
|
|
<div class="checkbox-grid">
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary1" name="beneficiary_types[]" value="building_owners"><label for="beneficiary1">Building Owners</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary2" name="beneficiary_types[]" value="building_owners_residential_commercial_institutional"><label for="beneficiary2">Building Owners (Residential, Commercial, Institutional)</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary3" name="beneficiary_types[]" value="central_state_government_planners"><label for="beneficiary3">Central and State Government Planners</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary4" name="beneficiary_types[]" value="colleges"><label for="beneficiary4">Colleges</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary5" name="beneficiary_types[]" value="commercial_industrial_users"><label for="beneficiary5">Commercial & Industrial Users</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary6" name="beneficiary_types[]" value="commercial_establishments"><label for="beneficiary6">Commercial establishments</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary7" name="beneficiary_types[]" value="community"><label for="beneficiary7">Community</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary8" name="beneficiary_types[]" value="community_in_una_district"><label for="beneficiary8">Community in Una District</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary9" name="beneficiary_types[]" value="extension_workers"><label for="beneficiary9">Extension Workers</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary10" name="beneficiary_types[]" value="farmer_producer_organizations"><label for="beneficiary10">Farmer Producer Organizations (FPOs)</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary11" name="beneficiary_types[]" value="farmers"><label for="beneficiary11">Farmers</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary12" name="beneficiary_types[]" value="farmers_indirectly"><label for="beneficiary12">Farmers (indirectly)</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary13" name="beneficiary_types[]" value="farmers_in_rainfed_areas"><label for="beneficiary13">Farmers in rainfed areas</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary14" name="beneficiary_types[]" value="farmers_in_vulnerable_districts"><label for="beneficiary14">Farmers in vulnerable districts</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary15" name="beneficiary_types[]" value="fertilizer_industry"><label for="beneficiary15">Fertilizer Industry</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary16" name="beneficiary_types[]" value="fishermen_cooperatives"><label for="beneficiary16">Fishermen Cooperatives</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary17" name="beneficiary_types[]" value="general_public"><label for="beneficiary17">General Public</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary18" name="beneficiary_types[]" value="general_public_awareness"><label for="beneficiary18">General Public (for awareness)</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary19" name="beneficiary_types[]" value="government_agencies"><label for="beneficiary19">Government Agencies</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary20" name="beneficiary_types[]" value="government_departments"><label for="beneficiary20">Government Departments</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary21" name="beneficiary_types[]" value="government_institutions"><label for="beneficiary21">Government Institutions</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary22" name="beneficiary_types[]" value="gram_panchayats"><label for="beneficiary22">Gram Panchayats</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary23" name="beneficiary_types[]" value="homeowner"><label for="beneficiary23">Homeowner</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary24" name="beneficiary_types[]" value="households"><label for="beneficiary24">Households</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary25" name="beneficiary_types[]" value="households_with_open_wells"><label for="beneficiary25">Households with open wells</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary26" name="beneficiary_types[]" value="industries"><label for="beneficiary26">Industries</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary27" name="beneficiary_types[]" value="institutions"><label for="beneficiary27">Institutions</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary28" name="beneficiary_types[]" value="landless_laborers"><label for="beneficiary28">Landless laborers</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary29" name="beneficiary_types[]" value="msmes"><label for="beneficiary29">MSMEs</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary30" name="beneficiary_types[]" value="ngos"><label for="beneficiary30">NGOs</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary31" name="beneficiary_types[]" value="other_educational_institutions"><label for="beneficiary31">Other educational institutions</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary32" name="beneficiary_types[]" value="policy_makers"><label for="beneficiary32">Policy Makers</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary33" name="beneficiary_types[]" value="public_sector_undertakings"><label for="beneficiary33">Public Sector Undertakings</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary34" name="beneficiary_types[]" value="rural_households"><label for="beneficiary34">Rural Households</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary35" name="beneficiary_types[]" value="schools"><label for="beneficiary35">Schools</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary36" name="beneficiary_types[]" value="self_help_groups"><label for="beneficiary36">Self Help Groups</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary37" name="beneficiary_types[]" value="self_help_groups_in_watershed_areas"><label for="beneficiary37">Self Help Groups in watershed areas</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary38" name="beneficiary_types[]" value="small_marginal_farmers_in_arid_districts"><label for="beneficiary38">Small and marginal farmers in arid districts</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary39" name="beneficiary_types[]" value="state_agencies"><label for="beneficiary39">State Agencies</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary40" name="beneficiary_types[]" value="state_government_departments"><label for="beneficiary40">State Government Departments</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary41" name="beneficiary_types[]" value="state_governments"><label for="beneficiary41">State Governments</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary42" name="beneficiary_types[]" value="state_power_department"><label for="beneficiary42">State Power Department</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary43" name="beneficiary_types[]" value="universities"><label for="beneficiary43">Universities</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary44" name="beneficiary_types[]" value="urban_households"><label for="beneficiary44">Urban Households</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary45" name="beneficiary_types[]" value="urban_local_bodies"><label for="beneficiary45">Urban Local Bodies</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary46" name="beneficiary_types[]" value="village_councils_darbar_shirong"><label for="beneficiary46">Village Councils (Darbar Shirong)</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary47" name="beneficiary_types[]" value="village_watershed_committees"><label for="beneficiary47">Village Watershed Committees</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary48" name="beneficiary_types[]" value="villagers_of_anvari_catchment_area"><label for="beneficiary48">Villagers of the Anvari catchment area</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary49" name="beneficiary_types[]" value="water_user_associations"><label for="beneficiary49">Water User Associations</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="beneficiary50" name="beneficiary_types[]" value="general_public_awareness_only"><label for="beneficiary50">General Public (for awareness)</label></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="section">
|
|
|
<div class="section-header">
|
|
|
<span class="icon">🏗</span>
|
|
|
<h3>Construction Type:</h3>
|
|
|
</div>
|
|
|
<div class="radio-group">
|
|
|
<div class="option-box"><input type="radio" name="construction_type" value="new_construction" id="construction1" checked><label for="construction1">New Construction</label></div>
|
|
|
<div class="option-box"><input type="radio" name="construction_type" value="existing_building" id="construction2"><label for="construction2">Existing Building</label></div>
|
|
|
<div class="option-box"><input type="radio" name="construction_type" value="not_applicable_community_projects" id="construction3"><label for="construction3">Not Applicable (community projects)</label></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="section">
|
|
|
<div class="section-header">
|
|
|
<span class="icon">💧</span>
|
|
|
<h3>Type of RWH/Water Conservation Interest:</h3>
|
|
|
</div>
|
|
|
<div class="checkbox-grid">
|
|
|
<div class="option-box"><input type="checkbox" id="rwh1" name="rwh_interest[]" value="rooftop_rainwater_harvesting_storage"><label for="rwh1">Rooftop Rainwater Harvesting (for storage)</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="rwh2" name="rwh_interest[]" value="rooftop_rainwater_harvesting_groundwater_recharge"><label for="rwh2">Rooftop Rainwater Harvesting (for groundwater recharge)</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="rwh3" name="rwh_interest[]" value="farm_pond_check_dam_construction"><label for="rwh3">Farm Pond / Check Dam Construction</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="rwh4" name="rwh_interest[]" value="spring_rejuvenation_springshed_management"><label for="rwh4">Spring Rejuvenation / Springshed Management</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="rwh5" name="rwh_interest[]" value="efficient_irrigation_drip_sprinkler"><label for="rwh5">Efficient Irrigation (Drip/Sprinkler)</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="rwh6" name="rwh_interest[]" value="wasteland_development_watershed_management"><label for="rwh6">Wasteland Development / Watershed Management</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="rwh7" name="rwh_interest[]" value="urban_water_body_rejuvenation"><label for="rwh7">Urban Water Body Rejuvenation</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="rwh8" name="rwh_interest[]" value="greywater_management"><label for="rwh8">Greywater Management</label></div>
|
|
|
<div class="option-box"><input type="checkbox" id="rwh9" name="rwh_interest[]" value="traditional_water_system_revival"><label for="rwh9">Traditional Water System Revival</label></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="section">
|
|
|
<div class="section-header">
|
|
|
<span class="icon">💰</span>
|
|
|
<h3>Are you seeking Financial Assistance/Subsidy?</h3>
|
|
|
</div>
|
|
|
<div class="radio-group">
|
|
|
<div class="option-box"><input type="radio" name="financial_assistance" value="yes_financial_support" id="finance1" checked><label for="finance1">Yes, I need financial support</label></div>
|
|
|
<div class="option-box"><input type="radio" name="financial_assistance" value="no_just_information" id="finance2"><label for="finance2">No, just information</label></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="section">
|
|
|
<div class="section-header">
|
|
|
<span class="icon">💪</span>
|
|
|
<h3>Are you looking for Technical Guidance/NGO Support?</h3>
|
|
|
</div>
|
|
|
<div class="radio-group">
|
|
|
<div class="option-box"><input type="radio" name="technical_guidance" value="yes_need_guidance" id="guidance1" checked><label for="guidance1">Yes, I need guidance</label></div>
|
|
|
<div class="option-box"><input type="radio" name="technical_guidance" value="no_manage_myself" id="guidance2"><label for="guidance2">No, I can manage myself</label></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<button type="submit">Show Schemes and Advice</button>
|
|
|
</form>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html> |
