| Current File : /home/tradevaly/demo.tradevaly.com.bd/content/Tradevaley Bootstrap project/search-by-company.html |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<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 rel="stylesheet" href="css/bootstrap.min.css"/>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<!--========= CSS ==========-->
</head>
<body>
<!--Start Top Bar Area-->
<div class="container-fluid top-bar dsply-mobile px-md-4">
<div class="row">
<div class="col-md-9 pl-md-3">
<!-- <nav class="top-nav"> -->
<nav class="nav top-nav">
<a class="nav-link" href="#"><i class="fa fa-user-circle"></i> About us</a>
<a class="nav-link" href="#"><i class="fa fa-envelope"></i> Contact us</a>
<a class="nav-link" href="#"><i class="fa fa-headset"></i> Customer Support</a>
<a class="nav-link" href="#"><i class="fa fa-download"></i> Download App</a>
<a class="nav-link" href="#"><i class="fa fa-rss-square"></i> Blog</a>
<a class="nav-link" href="#"><i class="fa fa-briefcase"></i> Career</a>
</nav>
<!-- </nav> -->
</div>
<div class="col-md-3">
<div class="text-center">
<a class="btn btn-sm login-btn" href="#" role="button">Login</a>
<a class="btn btn-sm login-btn" href="#" role="button">Sign Up</a>
</div>
</div>
</div>
</div>
<!--Start Header Area-->
<div class="container-fluid px-md-4 mainnav sticky-top">
<div class="row">
<div class="col-9 col-md-2 col-lg-3 hdrimage">
<a href="#"><img src="images/logo.png" alt=""></a>
</div>
<div class="col-3 col-md-10 col-lg-9 dsplay-all">
<nav class="navbar navbar-expand-md navbar-light">
<!--Start Menu Area-->
<div class="collapse navbar-collapse"> <!-- mobileNav -->
<ul class="navbar-nav main_menu">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-search pr-md-2"></i>Search by Company</a>
</li>
<li class="nav-item">
<a class="nav-link" href="buy-sell.html" target="_blank"><i class="fa fa-shopping-cart pr-md-2"></i>Buying/Selling</a>
</li>
<li class="nav-item">
<a class="nav-link" href="recommends.html" target="_blank"><i class="far fa-bell pr-md-2"></i><blink>Recommends</blink></a>
</li>
<li class="nav-item">
<a class="nav-link" href="advetise.html" target="_blank"><i class="fas fa-ad pr-md-2"></i>Advertise</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="far fa-address-book pr-md-2"></i>Add Company</a>
</li>
<li class="nav-item">
<a class="nav-link" href="single-product.html" target="_blank"><i class="fas fa-newspaper pr-md-2"></i>Latest News</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="col-3 col-xl-9 dsplay-hide">
<nav class="navbar navbar-light">
<!--Start Mobile Menu Button Area-->
<button class="navbar-toggler mt-4" type="button" data-toggle="collapse" data-target="#tradevaleymenubar" aria-controls="tradevaleymenubar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon text-right"></span>
</button>
<!--Start Menu Area-->
<div class="collapse navbar-collaps mobileNav" id="tradevaleymenubar">
<ul class="navbar-nav mobilemenu">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-search pr-2"></i>Search by Company</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-shopping-cart pr-2"></i>Buying/Selling</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="far fa-bell pr-2"></i><blink>Recommended</blink></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-ad pr-2"></i>Advertise</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="far fa-address-book pr-2"></i>Add Company</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-newspaper pr-2"></i>Latest News</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<!--End Header Area-->
<!--Start Search Area-->
<div class="container-fluid px-md-4 search-area2">
<form method="POST" action="https://demo.tradevaly.com.bd/search-by-company" accept-charset="UTF-8" enctype="multipart/form-data"><input name="_token" type="hidden" value="W6O26HElN8sQRsQ0fO7egqGkulpVfJW54d4fGodv">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-3">
<select class="form-control" name="product_category_id"><option value="" selected="selected">Select Top Category</option><option value="1">Mechanical Engineering</option><option value="2">Electrical & Electronics</option><option value="3">Industrial Machinery</option><option value="4">Industrial Chemicals</option><option value="5">Tools & Hardware</option><option value="6">Plastic & Rubber</option><option value="7">Services To Industries</option><option value="8">Printing & Packaging</option><option value="9">Security & Protection</option><option value="10">Food & Beverage</option><option value="11">Automobile & Accessories</option><option value="12">Construction & Decoration</option></select>
<span class="invalid-feedback alert-product_top_category" role="alert" style="font-weight: bold;"></span>
</div>
<div class="col-md-3">
<select id="" class="form-control" name="company_category_id"><option value="" selected="selected">Select Top Category</option><option value="1">Importer</option><option value="2">Wholesaler</option><option value="3">Dealer</option><option value="4">Retailer</option><option value="5">Manufacture</option><option value="6">C&F Agents</option><option value="7">Indenting Agents</option><option value="8">Marketing Agency</option><option value="9">Advertising Agency</option><option value="10">Suppliers</option><option value="11">Transport Agency</option><option value="12">ISO Consultant</option><option value="13">Buying House</option><option value="14">Seller</option></select>
<span class="invalid-feedback alert-product_top_category" role="alert" style="font-weight: bold;"></span>
</div>
<div class="col-md-2">
<button type="submit" class="form-control3" style="width: 100%"> Search </button>
</div>
</div>
</form>
</div>
<!--End Search Area-->
<!--Start Product Details Area-->
<div class="product-details-area fix">
<div class="container-fluid">
<div class="row">
<div class="col-md-3 col-sm-12 ">
<div class="row nav-box">
<nav class="nav">
<span class="text-danger">Mechanical Engineering (300)</span>
<ul>
<span class="text-success">Main Category(200)</span>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/13" style="margin-left: 10px">AAA(200)</a></li>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/16" style="margin-left: 10px">RRR(200)</a></li>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/17" style="margin-left: 10px">AA(200)</a></li>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/26" style="margin-left: 10px">Precision Fabrics (Filter)(200)</a></li>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/29" style="margin-left: 10px">Stainless Steel Materials(200)</a></li>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/30" style="margin-left: 10px">Insulation Materials(200)</a></li>
</ul>
<ul>
<span class="text-success">Sub Category(200)</span>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/14" style="margin-left: 10px">VVV(200)</a></li>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/22" style="margin-left: 10px">ea(200)</a></li>
</ul>
<ul>
<span class="text-success">Quick Search (200)</span>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/15" style="margin-left: 10px">TTT(200)</a></li>
<li><a href="https://demo.tradevaly.com.bd/search-by-company/23" style="margin-left: 10px">RR(200)</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-md-9 col-sm-12">
<div class="row nav-box">
<div class="col-md-12 col-sm-12">
<div class="row">
<h2 class="text-center hdng-08">Selected Category Name</h2>
</div>
<h2 class="hdng-08"><b><i class="fa"> </i>Premium Listing </b></h2>
<!-- premium company box start -->
<div class="row">
<div class="col-md-3 col-sm-12">
<div class="logo-div">
<img class="pro-img" src="images/company-logo.jpg" alt="image" width="100%"/>
</div>
</div>
<div class="col-md-6 col-sm-6">
<ul class="offr-details">
<li><b>G & L Hardware Marketing Pte Ltd</b></li>
<li><b>Address:</b>50 Genting Lane #03-01 Cideco Ind Complex Singapore 349558</li>
<li><b>About company: </b> G & L Hardware Marketing Pte Ltd carries a wide selection of air compressors suitable for general industries, special purpose oil-less compressors for dental professionals and electrical machines and tools. We also have portable inverter welding sets with the cutters and tools. We carry a good number of brands from Asia and Europe including Deca, Alfra, Fiac, Karcher, KingPower, and more..</li>
<!-- button start -->
</ul>
</div>
<div class="col-md-3 col-sm-12">
<ul class="offr-details2">
<li><b>Phone: </b>+8801710000000</li>
<li><b>Email: </b>info@trade.com</li>
<li><b>Website: website.com</b></li>
<li><a href="#" class="btn" data-toggle="modal" data-target="#form">Send query</a></li>
</ul>
</div>
<!-- premium company box -->
</div> <!-- End Offers -->
<!-- premium company box start -->
<div class="row">
<div class="col-md-3 col-sm-12">
<div class="logo-div">
<img class="pro-img" src="images/company-logo2.jpg" alt="image" width="100%;" />
</div>
</div>
<div class="col-md-6 col-sm-6">
<ul class="offr-details">
<li><b>G & L Hardware Marketing Pte Ltd</b></li>
<li><b>Address:</b>50 Genting Lane #03-01 Cideco Ind Complex Singapore 349558</li>
<li><b>About company: </b> G & L Hardware Marketing Pte Ltd carries a wide selection of air compressors suitable for general industries, special purpose oil-less compressors for dental professionals and electrical machines and tools. We also have portable inverter welding sets with the cutters and tools. We carry a good number of brands from Asia and Europe including Deca, Alfra, Fiac, Karcher, KingPower, and more..</li>
</ul>
</div>
<div class="col-md-3 col-sm-12">
<ul class="offr-details2">
<li><b>Phone: </b>+8801710000000</li>
<li><b>Email: </b>info@trade.com</li>
<li><b>Website: website.com</b></li>
<li><a href="#" class="btn" data-toggle="modal" data-target="#form">Send query</a></li>
</ul>
</div>
<!-- premium company box -->
</div> <!-- End Offers -->
<!--premium End -->
<!--basic start -->
<div class="row">
<div class="col-md-12">
<div class="text-left">
<h2 class="hdng-08"><b><i class="fa"> </i>Basic Listing </b></h2>
</div>
<div class="row">
<div class="col-md-8 col-lg-8">
<ul>
<li> <span>Company Name: Pran group of company</span> </li>
<li>Address: Uttara, Dhaka, Bangladesh </li>
</ul>
</div>
<div class="col-md-4 col-lg-4">
<a href="" class="btn" data-toggle="modal" data-target="#form">Send Query</a>
</div>
</div>
<div class="row">
<div class="col-md-8 col-lg-8">
<ul>
<li> <span>Company Name: Pran group of company</span> </li>
<li>Address: Uttara, Dhaka, Bangladesh </li>
</ul>
</div>
<div class="col-md-4 col-lg-4">
<a href="" class="btn" data-toggle="modal" data-target="#form">Send Query</a>
</div>
</div>
<div class="row">
<div class="col-md-8 col-lg-8">
<ul>
<li> <span>Company Name: Pran group of company</span> </li>
<li>Address: Uttara, Dhaka, Bangladesh </li>
</ul>
</div>
<div class="col-md-4 col-lg-4">
<a href="" class="btn" data-toggle="modal" data-target="#form">Send Query</a>
</div>
</div>
</div><!-- End Offers -->
<!--basic End -->
</div>
</div>
</div><!--End Company Area-->
</div>
</div>
</div><!--End Product Details Area-->
</div><!--End Product Details Area-->
<div class="pagination-area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="hdng-05"><b>Search Product Alphabetically</b></div>
<ul>
<li><a class="selected" href="#">a</a></li>
<li><a href="#">b</a></li>
<li><a href="#">c</a></li>
<li><a href="#">d</a></li>
<li><a href="#">e</a></li>
<li><a href="#">f</a></li>
<li><a href="#">g</a></li>
<li><a href="#">h</a></li>
<li><a href="#">i</a></li>
<li><a href="#">j</a></li>
<li><a href="#">k</a></li>
<li><a href="#">l</a></li>
<li><a href="#">m</a></li>
<li><a href="#">n</a></li>
<li><a href="#">o</a></li>
<li><a href="#">p</a></li>
<li><a href="#">q</a></li>
<li><a href="#">r</a></li>
<li><a href="#">s</a></li>
<li><a href="#">t</a></li>
<li><a href="#">u</a></li>
<li><a href="#">v</a></li>
<li><a href="#">w</a></li>
<li><a href="#">x</a></li>
<li><a href="#">y</a></li>
<li><a href="#">z</a></li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="container-fluid px-md-4 pt-5" style="background-color: #1d262d;">
<div class="row">
<div class="col-12 col-md-6 col-lg-3">
<div class="footer-nav">
<h6 class="h6 text-light">REGIONAL DIRECTORIES</h6>
<ul class="list-group list-group-flush">
<a href="#" class="list-group-item-action active" aria-current="true">
The current link item
</a>
<a href="#" class="list-group-item-action">A second link item</a>
<a href="#" class="list-group-item-action">A third link item</a>
<a href="#" class="list-group-item-action">A fourth link item</a>
<a href="#" class="list-group-item-action">A disabled link item</a>
</ul>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3">
<div class="footer-nav">
<h6 class="h6 text-light">REGIONAL DIRECTORIES</h6>
<ul class="list-group list-group-flush">
<a href="#" class="list-group-item-action active" aria-current="true">
The current link item
</a>
<a href="#" class="list-group-item-action">A second link item</a>
<a href="#" class="list-group-item-action">A third link item</a>
<a href="#" class="list-group-item-action">A fourth link item</a>
<a href="#" class="list-group-item-action">A disabled link item</a>
</ul>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3">
<div class="footer-nav">
<h6 class="h6 text-light">REGIONAL DIRECTORIES</h6>
<ul class="list-group list-group-flush">
<a href="#" class="list-group-item-action active" aria-current="true">
The current link item
</a>
<a href="#" class="list-group-item-action">A second link item</a>
<a href="#" class="list-group-item-action">A third link item</a>
<a href="#" class="list-group-item-action">A fourth link item</a>
<a href="#" class="list-group-item-action">A disabled link item</a>
</ul>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3">
<div class="footer-nav-4">
<a href="#"><img src="images/footer-logo.png" class="pt-2" alt="Footer Logo" width="100%"></a>
<h6 class="h6 text-light pt-3">FOLLOW US ON</h6>
<ul class="footerSocial">
<a href="#"><img src="images/fb.png" alt="Facebook" /></a>
<a href="#"><img src="images/gp.png" alt="Google Plus" /></a>
<a href="#"><img src="images/in.png" alt="Linkdin" /></a>
<a href="#"><img src="images/twtr.png" alt="Tweeter" /></a>
<a href="#"><img src="images/insta.png" alt="Instagram" /></a>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row copyWright">
<div class="col-12">
<p>Copyright ©2021 | tradevaly.com | All rights reserved.</p>
</div>
</div>
</div>
</footer>
<style>
</style>
<!-- form modal start -->
<div class="modal fade" id="form" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="row">
<div class="col-md-5">
<div class="container modal-space text-center">
<a href="#"><img src="images/logo-transparent.png" class="pt-2" alt="Footer Logo" width="100%"></a>
<h5> Business Directory </br>and</br> B2B marketplace</h5>
</div>
</div>
<div class="col-md-7">
<div class="modal-header border-bottom-0">
<h5 class="modal-title" id="exampleModalLabel">Send Query</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form>
<div class="modal-body">
<div class="form-group">
<label for="Name">Full name<span> *<span></label>
<input type="Name" class="form-control" placeholder="input your full name">
</div>
<div class="form-group">
<label for="Name">Company name</label>
<input type="Name" class="form-control" placeholder="input your Company name">
</div>
<div class="form-group">
<label for="Name">Contact number<span> *<span></label>
<input type="Name" class="form-control" placeholder="input your Phone Number">
</div>
<div class="form-group">
<label for="email1">Email address<span> *<span></label>
<input type="email" class="form-control" id="email1" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<div class="form-group">
<label for="Name">City<span> *<span></label>
<input type="Name" class="form-control" placeholder="input your City">
</div>
<div class="form-group">
<label for="Name">Send your query with details<span> *<span></label>
<textarea class="form-control" id="exampleFormControlTextarea1" placeholder="write here" rows="3"></textarea>
</div>
</div>
<div class="modal-footer border-top-0 d-flex justify-content-center">
<button type="submit" class="btn">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- form modal end -->
<!--========= JS ==========-->
<script src="js/jquery-3.3.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<!--========= JS ==========-->
</body>
</html>