Untitled

<!DOCTYPE html>
<html>
<head>
	<title>Lab 5a</title>
	<link href="lab5a.css" rel="stylesheet" />
</head>
<body>
	<svg id="world">
		<rect id="sky" x="0" y="0" width="100%" height="100%" fill="SkyBlue"/>
		<rect class="back_buildings" x="0" y="299" width="100%" height="50%"/>
		<!-- Building 1 -->
		<rect class="back_buildings" x="0" y="275" width="20" height="25"/>

		<!-- Building 2 -->
		<rect class="back_buildings" x="25" y="250" width="30" height="50"/>
		<!-- Building 3 bottom -->
		<rect class="back_buildings" x="60" y="200" width="30" height="100"/>
		<!-- Building 3 top -->
		<rect class="back_buildings" x="65" y="180" width="20" height="21"/>

		<!-- Building 4 bottom -->
		<rect class="back_buildings" x="95" y="200" width="30" height="100"/>
		<!-- Building 4 top -->
		<rect class="back_buildings" x="100" y="180" width="20" height="21"/>
		<!-- Building 5 bottom -->
		<rect class="back_buildings" x="130" y="199" width="20" height="101"/>
		<!-- Building 5 triangle -->
		<polygon class="back_buildings" points="130,200 140,180 150,200"/>
		<!-- Building 6 -->
		<polygon class="back_buildings" points="149,280 160,280 160,210 210,210 210,300 149,300 149,180"/>
		<!-- Building 7 -->
		<rect class="back_buildings" x="220" y="275" width="20" height="25"/>
		<!-- Building 8 -->
		<rect class="back_buildings" x="250" y="250" width="30" height="50"/>

		<!-- foreground rectangle -->
		<rect class="fore_buildings" x="0" y="400" width="100%" height="50%"/>

	</svg>
</body>
</html>