<!DOCTYPE html>
<html>
<head>
	<title>Đức Long | Duc Long | DucLong - Tên Miền Đẹp | Tên Miền Việt</title>
	
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Đức Long, Duc Long, DucLong, Tên Miền Đẹp, Tên Miền Việt" />
	<meta name="description" content="Đức Long, Duc Long, DucLong, Tên Miền Đẹp, Tên Miền Việt" />
	<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.9rem;
		}
		.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;
		--overflow: auto;
		overflow-y: auto;
		
		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;
	}

	.main-content-header {
		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;
		justify-content: center;
		--flex-shrink: 0;

		width: 100%;
		height: 150px;

		--background: url(".\\images\\tmd_banner.png") no-repeat center top;
		background-size: contain;
	}

	.main-content {
		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;
		justify-content: center;
		--flex-shrink: 0;

		width: 100%;
		text-align: center;
		--border: 1px solid #00FF00;
	}

	.main-content-footer {
		position: relative;
		display: flex;
		display: -ms-flexbox;
		--flex-direction: row; /* default */
		flex-direction: column;
		flex-wrap: nowrap;
		ms-flex-wrap: nowrap;
		align-items: center;
		--align-items: flex-end;
		--justify-content: flex-start;
		justify-content: center;
		--justify-content: flex-end;
		flex-shrink: 0;

		width: 100%;
		height: 150px;
		text-align: center;
		--border: 1px solid blue;
	}

	a {
		color: #0066B3;
	}

	.content-table {
		--width: 100%;
		--width: 1020px;
		--width: 1260px;
		--width: min(100%, 1020px);
		width: min(100%, 1260px);
		--margin-right: auto;
		--margin-left: auto;

			
		--border: 1px solid red;
		--background: #D3D3D3;
	}

	.content-header {
		display: -ms-flexbox;
		display: flex;
		ms-flex-wrap: wrap;
		flex-wrap: wrap;
		--align-items: center;
		--align-items: right;
		--justify-content: top;
		justify-content: center;
		--justify-content: left;
		--flex-shrink: 0;
	}

	.content-row {
		display: -ms-flexbox;
		display: flex;
		ms-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: center;
		--align-items: right;
		--justify-content: top;
		--justify-content: center;
		justify-content: center;
		--flex-shrink: 0;

		padding: 0px 0px 0px 0px;
		--border: 1px solid blue;
	}

	.content-col {
		--width: 320px;
		--width: min(100%, 320px);
		width: min(100%, 400px);
		--width: min(100%, 33.3%);
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
		padding-left: 10px;
		--background: #D3D3D3;

		--border: 1px solid green;
	}

	.box {
		position: relative;
		--display: -ms-flexbox;
		--display: flex;
		word-wrap: break-word;
		border: 1px solid rgba(0,0,0,.125);
		border-radius: .25rem;
		transition: box-shadow .3s ease-in-out;
		box-shadow: 0 0 10px rgba(0,0,0,.5);
	}

	.box:hover {
		box-shadow:0 0 20px rgba(0,0,0,.4);
	}

	.box-title {
		position: relative;
		padding-top: 10px;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		--border: 1px solid green;
		--height: 22px;
		--height: 1.5rem;
		--font-size: 20px;
		font-size: 1.3rem;
		font-weight: bold;
		color: #0066CC;
		text-align: left;
	}

	.box-content {
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 10px;
		--border: 1px solid blue;
		--height: 30px;
		height: 3rem;
		text-align: left;
	}

	.box-footer {
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		--border: 1px solid red;
		--height: 40px;
		text-align: left;
	}

	.ribbon {
		position: absolute;
		right: 0;
		top: 0;
		width: 65px;
		height: 2rem;
		padding: 7px;
		text-align: center;
		--font-size: 10px;
		font-size: 0.7rem;
		--font-weight: bold;
	}

	.green {
		background-color: #04AA6D;
		color: #FFFFFF;
	}

	.amber {
		background-color: #FFBF00;
		color: #FFFFFF;
	}

	.red {
		background-color: #FF0000;
		color: #FFFFFF;
	}

	.blue {
		background-color: #0000FF;
		color: #FFFFFF;
	}

	</style>
	
</head>

<body>
<div class="main-wrapper">
	<div class="top-container">
		<div>&nbsp;</div>
	</div>
	<div class="center-container">
		<div><br></div>
		<div>
			<h1><span style="color:#0000ff;">DucLong</span><span style="color:#ff0000;">.</span><span style="color:#000000;">vn</span></h1>
		</div>
		<div>
			<a>~ Tên miền Đẹp | Tên miền Việt | Thương hiệu Việt ~</a>
		</div>
		<div><br></div>
		<!--div class="main-content-header"></div-->
		<div class="main-content">
				<div class="content-table">
					<div class="content-row">
						<div class="content-col">
							<div class="box">
								<span class="ribbon green">★★★★★</span>
								<div class="box-title">1. Tên miền <span style="color:#ff0000;">.vn</span></div>
								<div class="box-content">
									<div class="product-text">
									- Tên miền quốc gia
									<br>- Tên miền <strong1 style="color:#0000ff;">chuẩn</strong1> cho <strong1 style="color:#0000ff;">thương hiệu</strong1> <strong1 style="color:#ff0000;">Việt</strong1>
									<!--br>VNNIC gọi đây là tên miền quốc gia Việt Nam-->
									</div>
								</div>
								<div class="box-footer">
									Các trường hợp điển hình, nổi tiếng:
									<br>- <space style="color:#0000ff;">VietTien</space><strong style="color:#ff0000;">.</strong>vn | Thương hiệu Việt Tiến
									<br>- <space style="color:#0000ff;">Vinhomes</space><strong style="color:#ff0000;">.</strong>vn | Thương hiệu Vinhomes
								</div>
							</div>
						</div>
						<div class="content-col">
							<div class="box">
								<span class="ribbon amber">★★★★★</span>
								<div class="box-title">2. Tên miền <span style="color:#ff0000;">.com.vn</span></div>
								<div class="box-content">
									<div class="product-text">
									- Tên miền công ty
									<br>- Tên miền <strong1 style="color:#0000ff;">chuẩn</strong1> cho <strong1 style="color:#0000ff;">doanh nghiệp</strong1> <strong1 style="color:#ff0000;">Việt</strong1>
									<!--br>Đa phần các công ty trên sàn HOSE đều sở hữu tên miền .com.vn-->
									</div>
								</div>
								<div class="box-footer">
									Các trường hợp điển hình, nổi tiếng:
									<br>- <space style="color:#0000ff;">BaoViet</space><strong style="color:#ff0000;">.</strong>com<strong style="color:#ff0000;">.</strong>vn | Công ty Bảo Việt
									<br>- <space style="color:#0000ff;">HoaPhat</space><strong style="color:#ff0000;">.</strong>com<strong style="color:#ff0000;">.</strong>vn | Công ty Hòa Phát
									<!-- Tập đoàn Bảo Việt | BaoViet.com.vn Công ty Cổ phần Tập đoàn Hòa Phát | HoaPhat.com.vn Công ty Sữa Việt Nam | Vinamilk.com.vn -->
								</div>
							</div>
						</div>
						<div class="content-col">
							<div class="box">
								<span class="ribbon red">★★★★★</span>
								<div class="box-title">3. Tên miền <span style="color:#ff0000;">.com</span></div>
								<div class="box-content">
									<div class="product-text">
									- Tên miền quốc tế
									<br>- Để <strong1 style="color:#0000ff;">doanh nghiệp</strong1>, <strong1 style="color:#0000ff;">thương hiệu</strong1> vươn <strong1 style="color:#ff0000;">toàn cầu</strong1>
									</div>
								</div>
								<div class="box-footer">
									Các trường hợp điển hình, nổi tiếng:
									<br>- <space style="color:#0000ff;">FPT</space><strong style="color:#ff0000;">.</strong>com | Tập đoàn FPT
									<br>- <space style="color:#0000ff;">MinhLong</space><strong style="color:#ff0000;">.</strong>com | Gốm sứ Minh Long
									<!--br>Công ty & Thương hiệu Vietjet | VietjetAir.com-->
								</div>
							</div>
						</div>
					</div>
				</div>
		</div>
		<div><br></div>
		<div class="main-content-footer">
			<div>
			Tư vấn và quản lý tên miền 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>
			<br>Liên hệ với <a href="mailto:tuvan@tenmiendep.vn?subject=[DucLong .vn] ..." target="_blank">chúng tôi</a> để <span style="color:#0000FF;">tư vấn</span> và <span style="color:#0000FF;">an tâm</span> sử dụng
			</div>
		</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>