Untitled

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" type="text/css" href="bootrap/css/bootstrap.min.css">
	<script src="bootrap/js/jquery-3.3.1.min.js"></script>
	<script src="bootrap\js\bootstrap.min.js"></script>

	<link rel="stylesheet" type="text/css" href="bootrap/css/style1.css">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-3 logo">
			<img src="bootrap/image/bai2/logo.png" alt="">
			</div>

			<div class="col-md-3 head1">
				<div class="icon">
					<p><i class="fas fa-truck"></i></p>
				</div>
				<div class="sub">
					<ul class="list">
						<li class="bold">free shipping</li>
						<li> free shipping on all oder</li>
					</ul>
				</div>
			</div>

			<div class="col-md-3 head2">
				<div class="icon">
					<p><i class="fas fa-phone-volume"></i></p>
				</div>
				<div class="sub">
					<ul class="list">
						<li class="bold">hotline</li>
						<li> +84969278518</li>
					</ul>

				</div>
			</div>

			<div class="col-md-3 head3">
				<div class="icon">
					<p> <a href="" title=""><i class="fas fa-shopping-basket"></i> </a> </p>
				</div>
				<div class="sub">
					<ul class="list">
						<li class="bold"><a href="" title="">enquiry cart</a> </li>
						<li> <a href="" title="">(0)</a></li>
					</ul>

				</div>
			</div>
		</div>
	</div>

	<div class=" menu">
		<div class="row ">
			<div class="col-md-9 menu1 ">
				<ul>
					<li ><a href="#">home</a></li>
					<li ><a href="#">about us</a></li>
					<li ><a href="#">project</a></li>
					<li ><a href="#">ourproduct</a>
						<ul class="sub">
							<li> <a href="#">new arivals</a></li>
							<li> <a href="#">drinkware</a></li>
						</ul>
					</li>
					<li ><a href="#">testimonal</a></li>
					<li ><a href="#">contact us</a></li>
				</ul>
			</div>

			<div class="col-md-3 search">
				<form action="home2_submit" method="get" accept-charset="utf-8">
					<input class="s" type="text" placeholder="search" name="search">
					<img src="" alt="">
				</form>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="row">
			<div class="col-md-3 ">
				<div class="left">
					<ul>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					<li> <a href="" title="">new arival <i class="fab fa-amazon-pay"></i></a> </li>
					</ul>
				</div>
				<div class="sale">
					<button class="button"><a href="" title="">view now</a></button>

				</div>

			</div>

			<div class="col-md-9 main">
				<p>FEATURE PRODUCTS</p>
			</div>
			<div class="col-md-2 sp">
				<img src="bootrap/image/bai2/sp.png" alt="">
				<p class="subsp">IMP 4102-memo desk set</p>
				<p class="price">$10 </p>
				<button class="buttonsp"><a href="" title="">Add to Enquiry</a></button>
			</div>
			<div class="col-md-2 sp">
				<img src="bootrap/image/bai2/sp.png" alt="">
				<p class="subsp">IMP 4102-memo desk set</p>
				<p class="price">$10 </p>
				<button class="buttonsp"><a href="" title="">Add to Enquiry</a></button>
			</div>
			<div class="col-md-2 sp">
				<img src="bootrap/image/bai2/sp.png" alt="">
				<p class="subsp">IMP 4102-memo desk set</p>
				<p class="price">$10 </p>
				<button class="buttonsp"><a href="" title="">Add to Enquiry</a></button>
			</div>
			<div class="col-md-2 sp">
				<img src="bootrap/image/bai2/sp.png" alt="">
				<p class="subsp">IMP 4102-memo desk set</p>
				<p class="price">$10 </p>
				<button class="buttonsp"><a href="" title="">Add to Enquiry</a></button>
			</div>
			<div class="col-md-2 sp">
				<img src="bootrap/image/bai2/sp.png" alt="">
				<p class="subsp">IMP 4102-memo desk set</p>
				<p class="price">$10 </p>
				<button class="buttonsp"><a href="" title="">Add to Enquiry</a></button>
			</div>
			<div class="col-md-2 sp">
				<img src="bootrap/image/bai2/sp.png" alt="">
				<p class="subsp">IMP 4102-memo desk set</p>
				<p class="price">$10 </p>
				<button class="buttonsp"><a href="" title="">Add to Enquiry</a></button>
			</div>
			<div class="col-md-2 sp">
				<img src="bootrap/image/bai2/sp.png" alt="">
				<p class="subsp">IMP 4102-memo desk set</p>
				<p class="price">$10 </p>
				<button class="buttonsp"><a href="" title="">Add to Enquiry</a></button>
			</div>
			<div class="col-md-2 sp">
				<img src="bootrap/image/bai2/sp.png" alt="">
				<p class="subsp">IMP 4102-memo desk set</p>
				<p class="price">$10 </p>
				<button class="buttonsp"><a href="" title="">Add to Enquiry</a></button>
			</div>

			<div class="col-md-9 main1">
				<button class="button1"><a href="" title="">view all</a></button>
			</div>
		</div>

	</div>
</body>