<!DOCTYPE html>
<html>
<head>
	<title>Smart POS | SmartPOS</title>
	
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Smart POS, SmartPOS" />
	<meta name="description" content="Smart POS, SmartPOS" />
	<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;">SmartPOS</span><span style="color:#ff0000;">.</span><span style="color:#000000;">vn</span></h1>
		</div>
		<div class="main-content-text">
			<br><a>The product of</a> <strong><span style="color:#ff0000;">Next</span> <span style="color:#0000ff;">Agent</span></strong> Tech Co., Ltd
		</div>
		<!--div class="main-content-text">
			Liên hệ với <a href="mailto:contact@smartpos.vn" target="_blank"><span style="color:#0000ff;">chúng tôi</span></a> để <a>tư vấn</a> và <a>triển khai</a> sớm.
		</div-->
	</div>
	<div class="bottom-container">
		<div>© 2026 <a href="https://nextagent.com.vn" style="text-decoration: none;"><strong><span style="color:#ff0000;">Next</span> <span style="color:#0000ff;">Agent</span> <span style="color:#000000;">Tech Co.,Ltd</span></strong></a></div>
	</div>
</div>
</body>
</html>