Current File : //home/tradevaly/demo.tradevaly.com.bd/content/Tradevaley Bootstrap project/category.html
<!doctype html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Tradevaly</title>
	
	<!--========= Font ==========-->
	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">
	<link href="css/all.min.css" rel="stylesheet" type="text/css" />
	<!--========= Font ==========-->
	
	<!--========= CSS ==========-->
	<link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css" />
	<link href="css/style3.css" rel="stylesheet" type="text/css" />
	<link href="css/responsive2.css" rel="stylesheet" type="text/css" />
	<!--========= CSS ==========-->
	
</head>

<body>
	
	<!--Start Top Bar Area-->
	<div class="top-bar">
		<div class="container fix">
			<div class="row">
				<div class="col-8 col-md-7">
					<nav class="top-nav">
						<ul>
							<li><a href=""><i class="fa fa-user-circle"></i>About us</a></li>
							<li><a href=""><i class="fa fa-envelope"></i>Contact us</a></li>
							<li><a href=""><i class="fa fa-headset"></i>Customer Support</a></li>
							<li><a href=""><i class="fa fa-download"></i>Download App</a></li>
							<li><a href=""><i class="fa fa-rss-square"></i>Blog</a></li>
							<li><a href=""><i class="fa fa-briefcase"></i>Career</a></li>
						</ul>
					</nav>
				</div>
				<div class="col-3 col-md-5">
					<div class="login-btn">
						<a class="selected" href="">Login</a>
						<a href="">Sign Up</a>
					</div>
				</div>
			</div>
		</div>
	</div><!--End Top Bar Area-->
	
	<!--Start Header Area-->
	<header>
		<div class="header-area">
			<div class="container fix">
				<div class="row">
					<!--Start Logo Area-->
					<div class="col-3 col-esm-8">
						<div class="logo">
							<a href="#"><img src="images/logo.png" alt="Tradevaly" /></a>
						</div>
					</div><!--End Logo Area-->
					<!--Start Menu Area-->
					<div class="col-8 col-esm-3">
						<div class="openMenu"><i class="fa fa-bars"></i></div>
						<nav class="menu">
							<ul>
								<li><a href=""><i class="fa fa-search" aria-hidden="true"></i>Search by Company</a></li>
								<li><a href=""><i class="fa fa-shopping-cart" aria-hidden="true"></i>Buying/Selling</a></li>
								<li><a href=""><i class="far fa-bell"></i><blink>Recomanded</blink></a></li>
								<li><a href=""><i class="fas fa-ad"></i>Advertise</a></li>
								<li><a href=""><i class="far fa-address-book"></i>Add Company</a></li>
								<li><a href=""><i class="fas fa-newspaper"></i>Latest News</a></li>
								<div class="closeMenu"><i class="fa fa-times"></i></div>
							</ul>
						</nav>
					</div><!--End Menu Area-->
					<div class="mobile-menu"></div>
				</div>
			</div>
		</div>
	</header><!--End Header Area-->
	
	<!--Start Search Area-->
	<div class="search-area">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<h2 class="hdng-10">Mechanical Engineering</h2>
				</div>
			</div>
		</div>
	</div>
	<!--End Search Area-->
	
	<!--Start Category Area-->
	<div class="category-area">
		<div class="container fix">
			<div class="row">
				<div class="col-4 col-sm-12">
					<div class="cat-list-02">
						<h2 class="hdng-07">Importer</h2>
						<ul>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						</ul>
						<div class="view-btn-02"><a href="#">All Importer</a></div>
					</div>
				</div>
				<div class="col-4 col-sm-12">
					<div class="cat-list-02">
						<h2 class="hdng-07">Dealer</h2>
						<ul>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						</ul>
						<div class="view-btn-02"><a href="#">All Dealer</a></div>
					</div>
				</div>
				<div class="col-4 col-sm-12">
					<div class="cat-list-02">
						<h2 class="hdng-07">Whole seller</h2>
						<ul>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						  	<li><a href=""><i class="fa fa-angle-double-right"></i> Importer Name</a></li>
						</ul>
						<div class="view-btn-02"><a href="#">All Whole seller</a></div>
					</div>
				</div>
			</div>
		</div>
	</div><!--End Category Area-->
	
	<!--Start Add Area-->
	<div class="add-area-02">
		<div class="container fix">
			<div class="row">
				<div class="col-6 col-md-12 col-sm-12">
					<div class="add-box-02">
						<img src="images/add1.png" alt="Add" />
					</div>
				</div>
				<div class="col-6 col-md-12 col-sm-12">
					<div class="add-box-02">
						<img src="images/add6.png" alt="Add" />
					</div>
				</div>
			</div>
		</div>
	</div><!--End Add Area-->
	
	<!--Start Footer Area-->
	<footer class="footer-area fix">
		<div class="container">
			<div class="row">
				<div class="col-3 col-sm-12">
					<div class="footer-nav">
						<h3>REGIONAL DIRECTORIES</h3>
						<ul>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
						</ul>
					</div>
				</div>
				<div class="col-3 col-sm-12">
					<div class="footer-nav">
						<h3>REGIONAL DIRECTORIES</h3>
						<ul>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
						</ul>
						<h3>REGIONAL DIRECTORIES</h3>
						<ul>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
						</ul>
					</div>
				</div>
				<div class="col-3 col-sm-12">
					<div class="footer-nav">
						<h3>REGIONAL DIRECTORIES</h3>
						<ul>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
							<li><a href="#">Directory 1</a></li>
						</ul>
					</div>
				</div>
				<div class="col-3 col-sm-12">
					<div class="social">
						<div class="ftr-logo">
							<img src="images/footer-logo.png" alt="Tradevaly" />
						</div>
						<h3>FOLLOW US ON</h3>
						<ul>
							<li><a href="#"><img src="images/fb.png" alt="Facebook" /></a></li>
							<li><a href="#"><img src="images/gp.png" alt="Google Plus" /></a></li>
							<li><a href="#"><img src="images/in.png" alt="Linkdin" /></a></li>
							<li><a href="#"><img src="images/twtr.png" alt="Tweeter" /></a></li>
							<li><a href="#"><img src="images/insta.png" alt="Instagram" /></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</footer><!--End Footer Area-->
	<div class="cpy-rht">
		<p class="copy-right">Copyright &copy;2020 | tradevaly.com | All rights reserved.</p>
	</div>
	
	<!--========= Script ==========-->
	<script src="js/jquery-1.12.4.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/active.js"></script>
	<!--========= Script ==========-->
	
</body>
</html>