Update index.html

public/index.html

@@ -48,10 +48,16 @@
 					<div class='legend-title'>LandUse Classification</div>
 					<div class='legend-scale'>
 						<ul class='legend-labels'>
-							<li><span style='background:#FFFF00;'></span>Settlmemt Area</li>
-							<li><span style='background:#8B6914;'></span>Open Plot</li>
-							<li><span style='background:#808080;'></span>Road</li>
-							<li><span style='background:#008000;'></span>Vegetation</li>
+							<li><span style='background:#FFFF00;'></span>Residential (Mixed Use)</li>
+							<li><span style='background:#8B6914;'></span>Commercial (Mixed Use)</li>
+							<li><span style='background:#808080;'></span>Industrial and Commercial</li>
+							<li><span style='background:#00FFFF;'></span>Recreational Facility</li>
+							<li><span style='background:#FFFF00;'></span>Social Infrastructure</li>
+							<li><span style='background:#008000;'></span>Technical (Engineering) Infrastructure</li>
+							<li><span style='background:#8B6914;'></span>Natural Space</li>
+							<li><span style='background:#808080;'></span>Agriculture</li>
+							<li><span style='background:#008000;'></span>Street Space</li>
+							<li><span style='background:#00FFFF;'></span>Other Traffic Use</li>
 							<li><span style='background:#00FFFF;'></span>Water Body</li>
 						</ul>
 					</div>