<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="vi">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="" />
		<meta name="author" content="" />
		<title>WebPublic</title>
		  
		<link rel="alternate" type="application/atom+xml" title="WebPublic" href="/vi/feed/atom.xml" />
		<link rel="alternate" type="application/rss+xml" title="WebPublic" href="/vi/feed/rss.xml" />
		<link rel="stylesheet" href="/vi/resources/bundle.css" />
		  
		  
		<script src="/vi/resources/bundle.js"></script>
		 
			<script src="/vi/resources/sources/vendors/jquery/dist/jquery.js"></script>
			<script src="/vi/resources/sources/vendors/popper.js/dist/umd/popper.js"></script>
			<script src="/vi/resources/sources/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
			<script src="/vi/resources/sources/vendors/js-cookie/src/js.cookie.js"></script>
			<script src="/vi/resources/sources/vendors/moment/min/moment.min.js"></script>
			<script src="/vi/resources/sources/vendors/tooltip.js/dist/umd/tooltip.min.js"></script>
			<script src="/vi/resources/sources/vendors/perfect-scrollbar/dist/perfect-scrollbar.js"></script>
			<script src="/vi/resources/sources/vendors/select2/dist/js/select2.full.js"></script>
			<script src="/vi/resources/sources/vendors/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
			<script src="/vi/resources/sources/vendors/jquery-validation/dist/jquery.validate.min.js"></script>
			<script src="/vi/resources/sources/vendors/sweetalert2/dist/sweetalert2.js"></script>
			<script src="/vi/resources/sources/vendors/jquery-validation/dist/additional-methods.js"></script>
			<script src="/vi/resources/sources/vendors/jquery-validation/dist/localization/messages_vi.js"></script>
			<script src="/vi/resources/sources/vendors/scripts.bundle.js"></script>
			<script src="/vi/resources/sources/custom/custom.utils.js"></script>
		 
		
	</head>
	<body>
		<div id="wrap">
			<header id="m_header" class="m-grid__item    m-header " m-minimize="minimize" m-minimize-mobile="minimize" m-minimize-offset="200" m-minimize-mobile-offset="200">
				<div class="m-container m-container--fluid m-container--full-height">
					<div class="m-stack m-stack--ver m-stack--desktop  m-header__wrapper">

						<!-- BEGIN: Brand -->
						<div class="m-stack__item m-brand m-brand--mobile">
							<div class="m-stack m-stack--ver m-stack--general">
								<div class="m-stack__item m-stack__item--middle m-brand__logo">
									<a href="/vi/" class="m-brand__logo-wrapper">
										<img src="/vi/resources/img/logo.png" style="width: 50px ; height: 50px"/>
									</a>
								</div>
								<div class="m-stack__item m-stack__item--middle m-brand__tools">
									<!-- END -->
									<!-- BEGIN: Responsive Header Menu Toggler -->
									<a id="m_aside_header_menu_mobile_toggle" href="javascript:;" class="m-brand__icon m-brand__toggler">
										<span></span>
									</a>
									<!-- END -->
								</div>
							</div>
						</div>

						<div class="m-stack__item m-stack__item--middle m-stack__item--left" style="width: 40%;">
							<!-- BEGIN: Brand -->
							<a href="/vi/" class="m-brand m-brand--desktop">
								<img style="width: 50px; height: 50px" src="/vi/resources/img/logo.png"/>
							</a>
							<span class="m-brand m-brand--desktop m-header__title_right_logo font-weight-bold">
								SỞ TÀI NGUYÊN MÔI TRƯỜNG ĐÀ NẴNG
							</span>
							<!-- END: Brand -->
						</div>
						<!-- END: Brand -->
						<div class="m-stack__item m-stack__item--middle m-stack__item--left m-header-head" id="m_header_nav">
							<div class="m-stack m-stack--ver m-stack--desktop">
								<div class="m-stack__item m-stack__item--middle m-stack__item--fit">
									<!-- BEGIN: Aside Left Toggle -->
									<a href="javascript:;" id="m_aside_left_toggle" class="m--hide m-aside-left-toggler m-aside-left-toggler--left m_aside_left_toggler">
										<span></span>
									</a>
									<!-- END: Aside Left Toggle -->
								</div>
								<div class="m-stack__item m-stack__item--fluid">

									<!-- BEGIN: Horizontal Menu -->
									<button class="m-aside-header-menu-mobile-close  m-aside-header-menu-mobile-close--skin-dark " id="m_aside_header_menu_mobile_close_btn"><i class="la la-close"></i></button>
									<div id="m_header_menu" class="m-header-menu m-aside-header-menu-mobile m-aside-header-menu-mobile--offcanvas  m-header-menu--skin-light m-header-menu--submenu-skin-light m-aside-header-menu-mobile--skin-dark m-aside-header-menu-mobile--submenu-skin-dark ">
										<ul class="m-menu__nav  m-menu__nav--submenu-arrow ">
											<li class="m-menu__item  m-menu__item--rel" m-menu-submenu-toggle="click" aria-haspopup="true">
												<a href="/vi/" class="m-menu__link  a-header-select-padding-desktop" title="">
													<div class="div-header-select-padding-desktop">
														<span class="m-menu__item-here"></span>
														<span class="m-menu__link-text">Trang chủ</span>
													</div>
												</a>

											</li>


											<li class="m-menu__item  m-menu__item--rel" m-menu-submenu-toggle="click" aria-haspopup="true">
												<a href="/vi/monitoring/general" class="m-menu__link  a-header-select-padding-desktop" title="">
													<div class="div-header-select-padding-desktop">
														<span class="m-menu__item-here"></span>
														<span class="m-menu__link-text">Giám sát</span>
													</div>
												</a>
											</li>
<!--											<li class="m-menu__item  m-menu__item&#45;&#45;submenu m-menu__item&#45;&#45;rel" m-menu-submenu-toggle="click" m-menu-link-redirect="1" aria-haspopup="true">-->
<!--												<a href="" class="m-menu__link m-menu__toggle a-header-select-padding-desktop" title="">-->
<!--													<div class="div-header-select-padding-desktop" th:classappend="${title} eq 'monitoring' ? div-header-select-padding-desktop-selected ">-->
<!--														<span-->
<!--																class="m-menu__item-here"></span>-->
<!--														<span class="m-menu__link-text" th:text="#{monitoring}"></span><i class="m-menu__hor-arrow la la-angle-down"></i><i class="m-menu__ver-arrow la la-angle-right"></i>-->
<!--													</div>-->
<!--												</a>-->
<!--												<div class="m-menu__submenu m-menu__submenu&#45;&#45;classic m-menu__submenu&#45;&#45;left"><span class="m-menu__arrow m-menu__arrow&#45;&#45;adjust"></span>-->
<!--													<ul class="m-menu__subnav">-->

<!--														<li class="m-menu__item " th:classappend="${title} eq 'monitoring' and ${code} eq 'general'? m-menu__item&#45;&#45;active" aria-haspopup="true" >-->
<!--															<a th:href="@{/monitoring/general}" class="m-menu__link ">-->
<!--																<span class="m-menu__link-title">-->
<!--																	<span class="m-menu__link-wrap">-->
<!--																		<span class="m-menu__link-text" th:text="#{monitoring.1}"></span>-->
<!--																	</span>-->
<!--																</span>-->
<!--															</a>-->
<!--														</li>-->
<!--														<li class="m-menu__item " th:classappend="${title} eq 'monitoring' and ${code} eq 'pump-station'? m-menu__item&#45;&#45;active" aria-haspopup="true" >-->
<!--															<a th:href="@{/monitoring/pump-station}" class="m-menu__link ">-->
<!--																<span class="m-menu__link-title">-->
<!--																	<span class="m-menu__link-wrap">-->
<!--																		<span class="m-menu__link-text" th:text="#{monitoring.2}" ></span>-->
<!--																	</span>-->
<!--																</span>-->
<!--															</a>-->
<!--														</li>-->
<!--														<li class="m-menu__item " th:classappend="${title} eq 'monitoring' and ${code} eq 'rain-sensor'? m-menu__item&#45;&#45;active" aria-haspopup="true" >-->
<!--															<a th:href="@{/monitoring/rain-sensor}" class="m-menu__link ">-->
<!--																<span class="m-menu__link-title">-->
<!--																	<span class="m-menu__link-wrap">-->
<!--																		<span class="m-menu__link-text" th:text="#{monitoring.3}" ></span>-->
<!--																	</span>-->
<!--																</span>-->
<!--															</a>-->
<!--														</li>-->
<!--														<li class="m-menu__item " th:classappend="${title} eq 'monitoring' and ${code} eq 'flowmeter'? m-menu__item&#45;&#45;active" aria-haspopup="true" >-->
<!--															<a th:href="@{/monitoring/flowmeter}" class="m-menu__link ">-->
<!--																<span class="m-menu__link-title">-->
<!--																	<span class="m-menu__link-wrap">-->
<!--																		<span class="m-menu__link-text" th:text="#{monitoring.4}"></span>-->
<!--																	</span>-->
<!--																</span>-->
<!--															</a>-->
<!--														</li>-->

<!--														<li class="m-menu__item " th:classappend="${title} eq 'monitoring' and ${code} eq 'cso'? m-menu__item&#45;&#45;active" aria-haspopup="true" >-->
<!--															<a th:href="@{/monitoring/cso}" class="m-menu__link ">-->
<!--																<span class="m-menu__link-title">-->
<!--																	<span class="m-menu__link-wrap">-->
<!--																		<span class="m-menu__link-text" th:text="#{monitoring.5}" ></span>-->
<!--																	</span>-->
<!--																</span>-->
<!--															</a>-->
<!--														</li>-->

<!--													</ul>-->
<!--												</div>-->
<!--											</li>-->

											<li class="m-menu__item  m-menu__item--submenu m-menu__item--rel" m-menu-submenu-toggle="click" m-menu-link-redirect="1" aria-haspopup="true">
												<a href="javascript:;" class="m-menu__link m-menu__toggle a-header-select-padding-desktop" title="">
													<div class="div-header-select-padding-desktop">
														<span
																class="m-menu__item-here"></span>
														<span class="m-menu__link-text">Công nghệ</span><i class="m-menu__hor-arrow la la-angle-down"></i><i class="m-menu__ver-arrow la la-angle-right"></i>
													</div>
												</a>
												<div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left"><span class="m-menu__arrow m-menu__arrow--adjust"></span>
													<ul class="m-menu__subnav">

                                                        
                                                            <li class="m-menu__item " aria-haspopup="true" >
                                                                <a href="/vi/technologies/Tho%C3%A1t-n%C6%B0%E1%BB%9Bc-v%C3%A0-x%E1%BB%AD-l%C3%BD-n%C6%B0%E1%BB%9Bc-th%E1%BA%A3i-Qu%C3%BD-I---2019" class="m-menu__link ">
																<span class="m-menu__link-title">
																	<span class="m-menu__link-wrap">
																		<span class="m-menu__link-text">Thoát nước và xử lý nước thải Quý I - 2019</span>
																	</span>
																</span>
                                                                </a>
                                                            </li>
                                                        
                                                            <li class="m-menu__item " aria-haspopup="true" >
                                                                <a href="/vi/technologies/H%E1%BB%87-th%E1%BB%91ng-x%E1%BB%AD-l%C3%BD-n%C6%B0%E1%BB%9Bc-th%E1%BA%A3i" class="m-menu__link ">
																<span class="m-menu__link-title">
																	<span class="m-menu__link-wrap">
																		<span class="m-menu__link-text">Hệ thống xử lý nước thải</span>
																	</span>
																</span>
                                                                </a>
                                                            </li>
                                                        
                                                            <li class="m-menu__item " aria-haspopup="true" >
                                                                <a href="/vi/technologies/H%E1%BB%87-th%E1%BB%91ng-tr%E1%BA%A1m-b%C6%A1m-ch%E1%BB%91ng-ng%E1%BA%ADp" class="m-menu__link ">
																<span class="m-menu__link-title">
																	<span class="m-menu__link-wrap">
																		<span class="m-menu__link-text">Hệ thống trạm bơm chống ngập</span>
																	</span>
																</span>
                                                                </a>
                                                            </li>
                                                        
                                                            <li class="m-menu__item " aria-haspopup="true" >
                                                                <a href="/vi/technologies/H%E1%BB%87-th%E1%BB%91ng-tr%E1%BA%A1m-quan-tr%E1%BA%AFc" class="m-menu__link ">
																<span class="m-menu__link-title">
																	<span class="m-menu__link-wrap">
																		<span class="m-menu__link-text">Hệ thống trạm quan trắc</span>
																	</span>
																</span>
                                                                </a>
                                                            </li>
                                                        

													</ul>
												</div>
											</li>
											<li class="m-menu__item  m-menu__item--submenu m-menu__item--rel" m-menu-submenu-toggle="click" m-menu-link-redirect="1" aria-haspopup="true">
												<a href="javascript:;" class="m-menu__link m-menu__toggle a-header-select-padding-desktop" title="">
													<div class="div-header-select-padding-desktop">
														<span class="m-menu__item-here"></span>
														<!-- <i class="m-menu__link-icon flaticon-stopwatch"></i> -->
														<span class="m-menu__link-text">Đơn vị chức năng</span><i class="m-menu__hor-arrow la la-angle-down"></i><i class="m-menu__ver-arrow la la-angle-right"></i>
													</div>
												</a>

												<div class="m-menu__submenu m-menu__submenu--classic m-menu__submenu--left"><span class="m-menu__arrow m-menu__arrow--adjust"></span>
													<ul class="m-menu__subnav">

														<li class="m-menu__item " aria-haspopup="true">
															<a href="/vi/units/S%E1%BB%9F-T%C3%A0i-Nguy%C3%AAn-M%C3%B4i-Tr%C6%B0%E1%BB%9Dng-Th%C3%A0nh-Ph%E1%BB%91-%C4%90%C3%A0-N%E1%BA%B5ng" class="m-menu__link ">
																<span class="m-menu__link-title">
																	<span class="m-menu__link-wrap">
																		<span class="m-menu__link-text">Sở Tài Nguyên Môi Trường Thành Phố Đà Nẵng</span>
																	</span>
																</span>
															</a>
														</li>
													</ul>
												</div>
											</li>
											<li  class="m-menu__item  m-menu__item--rel" aria-haspopup="true">
												<a href="http://hethongthoatnuocdanang.com/inbox" class="m-menu__link a-header-select-padding-desktop" title="">
													<div class="div-header-select-padding-desktop ">
														<span class="m-menu__item-here"></span>
														<span class="m-menu__link-text" >Góp ý</span>
													</div>
												</a>
											</li>
											<li class="m-menu__item m-menu__item--rel" aria-haspopup="true">
												<a href="http://hethongthoatnuocdanang.com/login" class="m-menu__link a-header-select-padding-desktop" title="">
													<div class="div-header-select-padding-desktop ">
														<span class="m-menu__item-here"></span>
														<span class="m-menu__link-text">Đăng nhập</span>
													</div>
												</a>
											</li>
											<li class="m-menu__item  m-menu__item--rel" aria-haspopup="true">
												<a href="/vi/signup" class="m-menu__link a-header-select-padding-desktop" title="">
													<div class="div-header-select-padding-desktop ">
														<span class="m-menu__item-here"></span>
														<span class="m-menu__link-text">Đăng ký</span>
													</div>
												</a>
											</li>
											
										</ul>
									</div>

									<!-- END: Horizontal Menu -->
								</div>
							</div>
						</div>


					</div>
				</div>
			</header>
			<div class="container">
				<div class="row">
					<div class="col-md-9">
						
					</div>
					<div class="col-md-3">
						<div class="list-group">
							