<!DOCTYPE html>
<html>

<head>
	<style>
		.background {
			background-color: #62A9D5;
		}
		.container {
			width: 60%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			border-radius: 4%;
			background-color: white;
			padding: 30px;
			/* border: 1px solid orange; */
			min-width: 60%;
		}

		.info {
			height: 100px;
			text-align: inherit;
			font-size: xx-large;
			/* text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; */
			font-weight: bold;
			padding: 10px;
			color: green;
		}

		.image-container {
			width: 100px;
			float: left;
			margin-right: 20px;
		}

		.image-container img {
			display: block;
			width: 100%;
		}

		a {
			text-decoration: none;
		}

		a:hover {
			color: white;
		}

		a:link {
			color: white;
		}

		a:visited {
			color: white;
		}
	</style>
</head>

<body class="background">
	<div class="container">
		<a href="http://trungtamytehuyenchiemhoa.com.vn">
			<div class="image-container"> <img src="LogoChiemHoa.jpg" alt=""></div>
			<div class="info">Trung tâm y tế huyện Chiêm Hóa</div>
		</a>
		<br>
		<a href="http://www.ttytchiemhoa.com/dangkykham/">
			<div class="image-container"> <img src="DangKyKham.jpg" alt=""></div>
			<div class="info">Đặt lịch khám bệnh</div>
		</a>
		<br>
		<a href="http://www.ttytchiemhoa.com/tracuu/">
			<div class="image-container"> <img src="HSBA.jpg" alt=""></div>
			<div class="info">Tra cứu hồ sơ bệnh án</div>
		</a>
	</div>
</body>

</html>