| Current File : /home/tradevaly/demo.tradevaly.com.bd/content/Tradevaley Bootstrap project/buy-sell.html |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="widtd=device-widtd, 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="#"><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 Company Area-->
<div class="buy-sell-area fix">
<div class="container">
<div class="row">
<div class="col-md-9 col-sm-12">
<h2 class="hdng-08"><b><i class="fa fa-cart-plus"> </i> Buying/Selling</b></h2>
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'Buying')">Buy offer</button>
<button class="tablinks" onclick="openCity(event, 'Selling')" id="defaultOpen">Sell offer</button>
<button class="tablinks" onclick="openCity(event, 'Trending')">Trending</button>
</div>
<div id="Buying" class="tabcontent">
<!-- filter section -->
<div class="row container">
<div class="col-md-6">
<div class="input-group mb-3">
<label for="exampleFormControlSelect1">Select Category</label>
<select id="exampleFormControlSelect1" class="form-control">
<option>Packaging</option>
<option>Mechanical</option>
<option>Electronics</option>
<option>tools & Hardware</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Type products name" aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button">Search</button>
</div>
</div>
</div>
</div>
<!-- filter section end -->
<h3 class="hdng-09"><b>Latest Buy offers</b></h3>
<!-- Offers -->
<div class="row offers">
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li><b>Mobile Phone</b></li>
<li>Posted By: <b>Mamun</b></li>
<li>Date Post: <b>12-12-12</b></li>
<li>Address: Dhaka, Bangladesh</li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li>Prie: <b>5000 tk.</b></li>
<li>brand: <b>Nokia</b></li>
<li>Color: <b>Blue</b></li>
<li><b>Description:</b> This is a 2 years mobile phone. fresh condition.</li>
</ul>
</div>
<div class="col-md-3 col-sm-12">
<img class="pro-img" src="images/pro4.jpg" alt="image" />
</div>
<div class="col-md-3 col-sm-12">
<ul class="offr-details2">
<li><a href="">View Details</a></li>
<li><a href="">Send Query</a></li>
</ul>
</div>
</div><!-- End Offers -->
<!-- Offers -->
<div class="row offers">
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li><b>Mobile Phone</b></li>
<li>Posted By: <b>Mamun</b></li>
<li>Date Post: <b>12-12-12</b></li>
<li>Address: Dhaka, Bangladesh</li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li>Prie: <b>5000 tk.</b></li>
<li>brand: <b>Nokia</b></li>
<li>Color: <b>Blue</b></li>
<li><b>Description:</b> This is a 2 years mobile phone. fresh condition.</li>
</ul>
</div>
<div class="col-md-3 col-sm-12">
<img class="pro-img" src="images/pro4.jpg" alt="image" />
</div>
<div class="col-md-3 col-sm-12">
<ul class="offr-details2">
<li><a href="">View Details</a></li>
<li><a href="">Send Query</a></li>
</ul>
</div>
</div><!-- End Offers -->
<!-- Offers -->
<div class="row offers">
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li><b>Mobile Phone</b></li>
<li>Posted By: <b>Mamun</b></li>
<li>Date Post: <b>12-12-12</b></li>
<li>Address: Dhaka, Bangladesh</li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li>Prie: <b>5000 tk.</b></li>
<li>brand: <b>Nokia</b></li>
<li>Color: <b>Blue</b></li>
<li><b>Description:</b> This is a 2 years mobile phone. fresh condition.</li>
</ul>
</div>
<div class="col-md-3 col-sm-12">
<img class="pro-img" src="images/pro4.jpg" alt="image" />
</div>
<div class="col-md-3 col-sm-12">
<ul class="offr-details2">
<li><a href="">View Details</a></li>
<li><a href="">Send Query</a></li>
</ul>
</div>
</div><!-- End Offers -->
<!-- pagination -->
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav>
</div>
<div id="Selling" class="tabcontent">
<!-- filter section -->
<div class="row container">
<div class="col-md-6">
<div class="input-group mb-3">
<label for="exampleFormControlSelect1">Select Category</label>
<select id="exampleFormControlSelect1" class="form-control">
<option>Packaging</option>
<option>Mechanical</option>
<option>Electronics</option>
<option>tools & Hardware</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Type products name" aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button">Search</button>
</div>
</div>
</div>
</div>
<!-- filter section end -->
<h3 class="hdng-09"><b>Latest sell offers</b></h3>
<!-- Offers -->
<div class="row offers">
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li><b>Mobile Phone</b></li>
<li>Posted By: <b>Mamun</b></li>
<li>Date Post: <b>12-12-12</b></li>
<li>Address: Dhaka, Bangladesh</li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li>Prie: <b>5000 tk.</b></li>
<li>brand: <b>Nokia</b></li>
<li>Color: <b>Blue</b></li>
<li><b>Description:</b> This is a 2 years mobile phone. fresh condition.</li>
</ul>
</div>
<div class="col-md-3 col-sm-12">
<img class="pro-img" src="images/pro4.jpg" alt="image" />
</div>
<div class="col-md-3 col-sm-12">
<ul class="offr-details2">
<li><a href="">View Details</a></li>
<li><a href="">Send Query</a></li>
</ul>
</div>
</div><!-- End Offers -->
<!-- Offers -->
<div class="row offers">
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li><b>Mobile Phone</b></li>
<li>Posted By: <b>Mamun</b></li>
<li>Date Post: <b>12-12-12</b></li>
<li>Address: Dhaka, Bangladesh</li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li>Prie: <b>5000 tk.</b></li>
<li>brand: <b>Nokia</b></li>
<li>Color: <b>Blue</b></li>
<li><b>Description:</b> This is a 2 years mobile phone. fresh condition.</li>
</ul>
</div>
<div class="col-md-3 col-sm-12">
<img class="pro-img" src="images/pro4.jpg" alt="image" />
</div>
<div class="col-md-3 col-sm-12">
<ul class="offr-details2">
<li><a href="">View Details</a></li>
<li><a href="">Send Query</a></li>
</ul>
</div>
</div><!-- End Offers -->
<!-- Offers -->
<div class="row offers">
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li><b>Mobile Phone</b></li>
<li>Posted By: <b>Mamun</b></li>
<li>Date Post: <b>12-12-12</b></li>
<li>Address: Dhaka, Bangladesh</li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li>Prie: <b>5000 tk.</b></li>
<li>brand: <b>Nokia</b></li>
<li>Color: <b>Blue</b></li>
<li><b>Description:</b> This is a 2 years mobile phone. fresh condition.</li>
</ul>
</div>
<div class="col-md-3 col-sm-12">
<img class="pro-img" src="images/pro4.jpg" alt="image" />
</div>
<div class="col-md-3 col-sm-12">
<ul class="offr-details2">
<li><a href="">View Details</a></li>
<li><a href="">Send Query</a></li>
</ul>
</div>
</div><!-- End Offers -->
<!-- Offers -->
<div class="row offers">
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li><b>Mobile Phone</b></li>
<li>Posted By: <b>Mamun</b></li>
<li>Date Post: <b>12-12-12</b></li>
<li>Address: Dhaka, Bangladesh</li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<ul class="offr-details">
<li>Prie: <b>5000 tk.</b></li>
<li>brand: <b>Nokia</b></li>
<li>Color: <b>Blue</b></li>
<li><b>Description:</b> This is a 2 years mobile phone. fresh condition.</li>
</ul>
</div>
<div class="col-md-3 col-sm-12">
<img class="pro-img" src="images/pro4.jpg" alt="image" />
</div>
<div class="col-md-3 col-sm-12">
<ul class="offr-details2">
<li><a href="">View Details</a></li>
<li><a href="">Send Query</a></li>
</ul>
</div>
</div><!-- End Offers -->
<!-- pagination -->
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav>
</div>
<div id="Trending" class="tabcontent">
<!-- filter section -->
<div class="row container">
<div class="col-md-6">
<div class="input-group mb-3">
<label for="exampleFormControlSelect1">Select Category</label>
<select id="exampleFormControlSelect1" class="form-control">
<option>Packaging</option>
<option>Mechanical</option>
<option>Electronics</option>
<option>tools & Hardware</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Type products name" aria-label="Search" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button">Search</button>
</div>
</div>
</div>
</div>
<!-- filter section end -->
<h3 class="hdng-09"><b>Top tranding Buy/Sell offers</b></h3>
<div class="row toptranding-list fix">
<div class="col-md-3 col-sm-6">
<div class="cat-list-03">
<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>
<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>
<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>
<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>
</div>
<div class="col-md-3 col-sm-6">
<div class="cat-list-03">
<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>
<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>
<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>
<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>
</div>
<div class="col-md-3 col-sm-6">
<div class="cat-list-03">
<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>
<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>
<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>
<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>
</div>
<div class="col-md-3 col-sm-6">
<div class="cat-list-03">
<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>
<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>
<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>
<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>
</div>
<!-- pagination -->
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="post-inpt">
<h2 class="hdng-08"><b><i class="fa fa-cart-plus"> </i> Quick Posting</b></h2>
<div class="post-optn">
<form>
<fieldset class="fldset">
<h3>Post In</h3>
<label>Buy Offer</label>
<input type="radio" id="" name="" value="Buy Offer" />
<label>Sell Offer</label>
<input type="radio" id="" name="" value="Sell Offer" />
</fieldset>
<input class="inpt-02" type="text" id="" name="" placeholder="Product Name*" />
<textarea class="inpt-03" id="" name="" placeholder="Describe your Product"></textarea>
<input class="inpt-02" type="file" id="" name="" accept="image/*" />
<input class="inpt-02" type="email" id="" name="" placeholder="E-mail" />
<input class="inpt-02" type="text" id="" name="" placeholder="Name" />
<input class="inpt-02" type="text" id="" name="" placeholder="Mobile" />
<input class="inpt-02" type="text" id="" name="" placeholder="Company" />
<input class="inpt-02" type="text" id="" name="" placeholder="City" />
<input class="btn btn-grad" type="button" id="" name="" value="Post Offer" />
</form>
</div>
<div class="add-sctn"><img src="images/add4.png" alt="image" /></div>
</div>
</div>
</div>
</div>
</div><!--End Company Area-->
<!--Start Footer 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-3 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">
tde current link item
</a>
<a href="#" class="list-group-item-action">A second link item</a>
<a href="#" class="list-group-item-action">A tdird link item</a>
<a href="#" class="list-group-item-action">A fourtd link item</a>
<a href="#" class="list-group-item-action">A disabled link item</a>
</ul>
</div>
</div>
<div class="col-12 col-md-3 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">
tde current link item
</a>
<a href="#" class="list-group-item-action">A second link item</a>
<a href="#" class="list-group-item-action">A tdird link item</a>
<a href="#" class="list-group-item-action">A fourtd link item</a>
<a href="#" class="list-group-item-action">A disabled link item</a>
</ul>
</div>
</div>
<div class="col-12 col-md-3 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">
tde current link item
</a>
<a href="#" class="list-group-item-action">A second link item</a>
<a href="#" class="list-group-item-action">A tdird link item</a>
<a href="#" class="list-group-item-action">A fourtd link item</a>
<a href="#" class="list-group-item-action">A disabled link item</a>
</ul>
</div>
</div>
<div class="col-12 col-md-3 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>
<!--========= 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>
<script src="js/active.js"></script>
<!--========= JS ==========-->
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
<!--========= Script ==========-->
</body>
</html>