<!DOCTYPE html>
<html>
<head>
	<title>DatVe | Đặt Vé | TenMienDep | Tên Miền Đẹp</title>
	
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="DatVe, Đặt Vé, Vé Máy bay, Vé Tàu hỏa, Vé Tàu điện ngầm, TenMienDep, Tên Miền Đẹp" />
	<meta name="description" content="DatVe, Đặt Vé, Vé Máy bay, Vé Tàu hỏa, Vé Tàu điện ngầm, TenMienDep, Tên Miền Đẹp" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<style>
	body, html {
		margin: 0;
		padding: 0;
		height: 100%;
		--background-color: #D3D3D3;
		scroll-behavior: smooth;
		font-family: Serif, Roboto, Verdana, Arial, Helvetica, sans-serif;
	}

	* {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box;
	}

	@media (max-width: 600px) {
		/* mobile */
		body, html {
			font-size: 0.875rem;
		}
		.main-content-text {
			font-size: 0.65rem;
		}
	}

	.main-wrapper {
		position: relative;
		display: flex;
		display: -ms-flexbox;
		--flex-direction: row; /* default */
		flex-direction: column;
		flex-wrap: nowrap;
		ms-flex-wrap: nowrap;
		align-items: center;
		justify-content: top;
		--flex-shrink: 0;
		
		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box;
		overflow: hidden;

		width: 100%;
		height: 100%;
	}

	.top-container {
		position: relative;
		z-index: 1000;
		display: flex;
		display: -ms-flexbox;
		--flex-direction: row; /* default */
		flex-direction: column;
		flex-wrap: nowrap;
		ms-flex-wrap: nowrap;
		align-items: center;
		--justify-content: top;
		justify-content: center;
		--flex-shrink: 0;

		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box;
		overflow: hidden;

		width: 100%;
		height: 1rem;

		--border: 1px solid #0066B3;
		--border-bottom: 1px solid #0066B3;

		--box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.4);
	}

	.center-container {
		position: relative;
		display: flex;
		display: -ms-flexbox;
		--flex-direction: row; /* default */
		flex-direction: column;
		flex-wrap: nowrap;
		ms-flex-wrap: nowrap;
		align-items: center;
		justify-content: top;
		--justify-content: center;
		--flex-shrink: 0;

		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box;
		overflow: hidden;

		width: 100%;
		height: calc(100% - 5rem);

		--border: 1px solid #FF0000;
		--background-color: #D3D3D3;
	}

	.bottom-container {
		position: relative;
		z-index: 999;
		display: flex;
		display: -ms-flexbox;
		--flex-direction: row; /* default */
		flex-direction: column;
		flex-wrap: nowrap;
		ms-flex-wrap: nowrap;
		--align-items: center;
		align-items: left;
		justify-content: center;
		--flex-shrink: 0;

		top: 0px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box;
		overflow: hidden;

		width: 90%;
		height: 4rem;

		--border: 1px solid #0066B3;
		border-top: 1px solid #0066B3;
		--border-top: 2px solid #dd2004;
		--background-color: #D3D3D3;
	}

	.center-header {
		position: relative;
		display: flex;
		isplay: -ms-flexbox;
		--flex-direction: row; /* default */
		flex-direction: column;
		flex-wrap: nowrap;
		ms-flex-wrap: nowrap;
		align-items: center;
		--justify-content: top;
		--justify-content: center;
		justify-content: center;
		--flex-shrink: 0;

		width: 100%;
		height: 30%;

		background: url(".\\images\\comingsoon.png") no-repeat center top;
		background-size: contain;
	}

	.main-content-text {
	}

	a {
		color: #0066B3;
	}

	</style>
	
</head>

<body>
<div class="main-wrapper">
	<div class="top-container">
		<!--div>top-container</div-->
	</div>
	<div class="center-container">
		<div class="center-header"></div>
		<div>
			<h1><span style="color:#0000ff;">DatVe</span><span style="color:#ff0000;">.</span><span style="color:#000000;">com</span><span style="color:#ff0000;">.</span><span style="color:#000000;">vn</span></h1>
		</div>
		<div>
			<a>~ Đặt Vé, Vé Máy bay, Vé Tàu hỏa, Vé Tàu điện ngầm ~</a>
		</div>
		<div>
			&nbsp;
		</div>
		<div class="main-content-text">
			<br><strong>Quản lý</strong> <a>tên miền</a> và <strong>Quản trị</strong> <a>thương hiệu</a> bởi <a href="https://tenmiendep.vn" style="text-decoration: none;"><strong><span style="color:#ff0000;">T.M.D</span> <span style="color:#0000ff;">Group</span></strong></a>
		</div>
		<div class="main-content-text">
			Liên hệ với chúng tôi <span style="color:#ff0000;">ngay</span> để an tâm <a href="mailto:quanly@tenmiendep.vn" target="_blank"><span style="color:#0000ff;">sử dụng</span></a> và <a href="mailto:tuvan@tenmiendep.vn" target="_blank"><span style="color:#0000ff;">tư vấn</span></a> miễn phí.
		</div>
	</div>
	<div class="bottom-container">
		<div>© 2010 <a href="https://tenmiendep.vn" style="text-decoration: none;"><strong><span style="color:#ff0000;">T.M.D</span> <span style="color:#0000ff;">Group</span></strong></a></div>
		<div>Tư vấn và Quản lý <a>Tên miền</a>, <a>Thương hiệu</a></div>
	</div>
</div>
</body>
</html>