Spaces:
Running
Running
File size: 10,688 Bytes
8e11898 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VISUALIZATION</title>
<style>
body {
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
background-image: url(../new3.jpeg);
background-size: cover; /* Ensure the background image covers the entire page */
background-repeat: no-repeat; /* Prevent the background image from repeating */
background-attachment: fixed; /* Ensure the background image remains fixed as the page scrolls */
padding-top: 0%;
color: #080808; /* Text color */
font-weight: bold;
margin: 0; /* Remove default margin */
}
header {
display: flex;
align-items: center;
justify-content: center;
background-color: #001F3F;
color: #fff;
padding: 10px 10px;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
}
.logo {
height: 50px;
margin-right: 20px;
}
h1 {
font-size: 2rem;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: calc(50vh - 70px); /* Adjusted for header height */
padding-top: 70px;
box-sizing: border-box;
}
.dropdown-container {
background-color: rgba(241, 245, 245, 0.1);
padding: 10px;
border-radius: 5px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.dropdown {
width: 300px;
padding: 10px;
font-size: 1rem;
margin: 10px 0;
background-color: #17202A;
color: #fff;
border: none;
border-radius: 5px;
outline: none;
}
.dropdown option {
background-color: #17202A;
color: #fff;
}
.enter-btn {
background-color: #f30808;
color: #fff;
padding: 10px 20px;
font-size: 1rem;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.enter-btn:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<header>
<img src="../assets/img/logo.png" alt="Karnataka Police Logo" class="logo">
<h1>KARNATAKA POLICE</h1>
</header>
<div class="container">
<div class="dropdown-container">
<select id="districts" class="dropdown">
<option value="" disabled selected>Select District</option>
<!-- Options here -->
<option value="Bagalkot">Bagalkot</option>
<option value="Ballari">Ballari</option>
<option value="Belagavi City">Belagavi City</option>
<option value="Belagavi Dist">Belagavi Dist</option>
<option value="Bengaluru City">Bengaluru City</option>
<option value="Bengaluru Dist">Bengaluru Dist</option>
<option value="Bidar">Bidar</option>
<option value="Chamarajanagar">Chamarajanagar</option>
<option value="Chickballapura">Chickballapura</option>
<option value="Chikkamagaluru">Chikkamagaluru</option>
<option value="Chitradurga">Chitradurga</option>
<option value="CID">CID</option>
<option value="Coastal Security Police">Coastal Security Police</option>
<option value="Dakshina Kannada">Dakshina Kannada</option>
<option value="Davanagere">Davanagere</option>
<option value="Dharwad">Dharwad</option>
<option value="Gadag">Gadag</option>
<option value="Hassan">Hassan</option>
<option value="Haveri">Haveri</option>
<option value="Hubballi Dharwad City">Hubballi Dharwad City</option>
<option value="ISD Bengaluru">ISD Bengaluru</option>
<option value="K.G.F">K.G.F</option>
<option value="Kalaburagi">Kalaburagi</option>
<option value="Kalaburagi City">Kalaburagi City</option>
<option value="Karnataka Railways">Karnataka Railways</option>
<option value="Kodagu">Kodagu</option>
<option value="Kolar">Kolar</option>
<option value="Koppal">Koppal</option>
<option value="Mandya">Mandya</option>
<option value="Mangaluru City">Mangaluru City</option>
<option value="Mysuru City">Mysuru City</option>
<option value="Mysuru Dist">Mysuru Dist</option>
<option value="Raichur">Raichur</option>
<option value="Ramanagara">Ramanagara</option>
<option value="Shivamogga">Shivamogga</option>
<option value="Tumakuru">Tumakuru</option>
<option value="Udupi">Udupi</option>
<option value="Uttara Kannada">Uttara Kannada</option>
<option value="Vijayanagara">Vijayanagara</option>
<option value="Vijayapur">Vijayapur</option>
<option value="Yadgir">Yadgir</option>
</select>
<select id="units" class="dropdown">
<option value="" disabled selected>Select Unit</option>
<!-- Options here -->
<option value="Amengad PS">Amengad PS</option>
<option value="Anekal">Anekal PS</option>
<option value="Alur PS">Alur PS</option>
<option value="Bagalkot Rural PS">Bagalkot Rural PS</option>
<option value="Bagalkot Town PS">Bagalkot Town PS</option>
<option value="Bagalkot Traffic PS">Bagalkot Traffic PS</option>
<option value="Bagalkot Women PS">Bagalkot Women PS</option>
<option value="Banahatti PS">Banahatti PS</option>
<option value="Bilagi PS">Bilagi PS</option>
<option value="Guledagudda PS">Guledagudda PS</option>
<option value="Hungunda PS">Hungunda PS</option>
<option value="Ilakal PS">Ilakal PS</option>
<option value="Ilakal Rural PS">Ilakal Rural PS</option>
<option value="Jamakhandi Rural PS">Jamakhandi Rural PS</option>
<option value="Jamakhandi Town PS">Jamakhandi Town PS</option>
<option value="Kaladagi PS">Kaladagi PS</option>
<option value="Kerur PS">Kerur PS</option>
<option value="Lokapur PS">Lokapur PS</option>
<option value="Mahalingapur PS">Mahalingapur PS</option>
<option value="Mudhol PS">Mudhol PS</option>
<option value="Navanagara PS">Navanagara PS</option>
<option value="Savalgi PS">Savalgi PS</option>
<option value="Teradal PS">Teradal PS</option>
<option value="APMC Yard PS">APMC Yard PS</option>
<option value="Ballari CEN Crime PS">Ballari CEN Crime PS</option>
<option value="Ballari Women PS">Ballari Women PS</option>
<option value="Bellary Rural PS">Bellary Rural PS</option>
<option value="Bellary Traffic PS">Bellary Traffic PS</option>
<option value="Brucepet PS">Brucepet PS</option>
<option value="Choranuru PS">Choranuru PS</option>
<option value="Cowlbazar PS">Cowlbazar PS</option>
<option value="Gadiganur PS">Gadiganur PS</option>
<option value="Gandhinagar PS">Gandhinagar PS</option>
<option value="Hatcholli PS">Hatcholli PS</option>
<option value="Kampli PS">Kampli PS</option>
<option value="Kuduthini PS">Kuduthini PS</option>
<option value="Kurugod PS">Kurugod PS</option>
<option value="Moka PS">Moka PS</option>
<option value="P.D. Halli PS">P.D. Halli PS</option>
<option value="Sandur PS">Sandur PS</option>
<option value="Sirigeri PS">Sirigeri PS</option>
<option value="Siruguppa PS">Siruguppa PS</option>
<option value="Tekkalkota PS">Tekkalkota PS</option>
<option value="Thoranagal PS">Thoranagal PS</option>
<option value="Bagewadi PS">Bagewadi PS</option>
<option value="Belagavi City CEN Crime PS">Belagavi City CEN Crime PS</option>
<option value="Belagavi City Women PS">Belagavi City Women PS</option>
<option value="Belagavi Rural PS">Belagavi Rural PS</option>
<option value="Belgaum North Traffic PS">Belgaum North Traffic PS</option>
<option value="Belgaum South Traffic PS">Belgaum South Traffic PS</option>
</select>
</div>
<button class="enter-btn" id="enterBtn">Enter</button>
</div>
<script>
document.getElementById('enterBtn').addEventListener('click', function() {
var selectedDistrict = document.getElementById('districts').value;
var selectedUnit = document.getElementById('units').value;
// Perform redirection based on selected district and unit
if (selectedDistrict && selectedUnit) {
if (selectedDistrict === 'Bagalkot' && selectedUnit === 'Bagalkot Rural PS') {
window.location.href = 'helpdesk1.html';
} else if (selectedDistrict === 'Bengaluru Dist' && selectedUnit === 'Anekal') {
window.location.href = 'Anekal.html';
} else if (selectedDistrict === 'Hassan' && selectedUnit === 'Alur PS') {
window.location.href = 'Hassan.html';
} else {
alert('Combination not supported.');
}
} else {
alert('Please select both district and unit before entering.');
}
});
</script>
</body>
</html>
|