| Current File : /home/tradevaly/demo.tradevaly.com.bd/content/Tradevaley Bootstrap project/index.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 ==========-->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link href="css/all.min.css" rel="stylesheet" type="text/css" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<!--========= CSS ==========-->
<link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css" />
<link href="css/style.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 py-5 search-area">
<div class="row">
<div class="col-md-1"></div>
<div class="col-12 col-md-10">
<form>
<div class="input-group search-bar">
<div class="input-group-prepend">
<select class="custom-select slct-area">
<option selected>All</option>
<option>Products</option>
<option>Company</option>
</select>
</div>
<input type="text" class="form-control inpt-01" placeholder="Search products/companies">
<div class="input-group-append">
<input class="srch-btn" type="submit" value="Search" />
</div>
</div>
</form>
</div>
<div class="col-md-1"></div>
</div>
<!--Start Card Image Box-->
<div class="row text-center">
<div class="col-12">
<a href="search-by-product.html" target="_blank">
<div class="card ctgcard" >
<div class="card-body text-center ctgcard-body">
<img src="images/top-icon1.png" alt="image" />
<p>Mechanical Engineering</p>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon2.png" alt="image" /></div>
<div><p>Electrical & Electronics</p></div>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon3.png" alt="image" /></div>
<div><p>Industrial Machinery</p></div>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<img src="images/top-icon4.png" alt="image" />
<p>Industrial Chemicals</p>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon5.png" alt="image" /></div>
<div><p>Tools and Hardware</p></div>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon6.png" alt="image" /></div>
<div><p>Plastic and Rubber</p></div>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon7.png" alt="image" /></div>
<div><p>Services To Industries</p></div>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon8.png" alt="image" /></div>
<div><p>Printing and Packaging</p></div>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon9.png" alt="image" /></div>
<div><p>Security and Protection</p></div>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon10.png" alt="image" /></div>
<div><p>Food and Beverage</p></div>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon11.png" alt="image" /></div>
<div><p>Automobile & Accessories</p></div>
</div>
</div>
</a>
<a href="">
<div class="card ctgcard">
<div class="card-body text-center ctgcard-body">
<div><img src="images/top-icon12.png" alt="image" /></div>
<div><p>Construction & Decoration</p></div>
</div>
</div>
</a>
</div>
<!--End Card Image Box-->
</div>
</div>
<!--End Search Area-->
<marquee class="t_marquee">
This is a sample scrolling text that has scrolls texts to left.
</marquee>
<!--Start Advertise Area-->
<div class="container-fluid px-2">
<div class="row">
<div class="col-lg-6 col-12 py-lg-2 py-2">
<img src="images/add1.gif" alt="Add" width="100%" />
</div>
<div class="col-lg-6 col-12 py-lg-2 py-2">
<img src="images/add2.gif" alt="Add" width="100%" />
</div>
</div>
</div>
<div class="container-fluid px-2">
<div class="row">
<div class="col-12 col-lg-3 col-sm-6 pb-3 pb-lg-0">
<img src="images/add7.png" alt="Add" width="100%" />
</div>
<div class="col-12 col-lg-3 col-sm-6 pb-3 pb-lg-0">
<img src="images/add14.gif" alt="Add" width="100%" />
</div>
<div class="col-12 col-lg-3 col-sm-6 pb-3 pb-lg-0">
<img src="images/add13.gif" alt="Add" width="100%" />
</div>
<div class="col-12 col-lg-3 col-sm-6 pb-3 pb-lg-0">
<img src="images/adds16.png" alt="Add" width="100%" />
</div>
</div>
</div>
<!--End Advertise Area-->
<!--Start Category Area-->
<div class="container-fluid px-4 py-3">
<h4 class="h4 text-left p_tittle"><i class="fas fa-fire"></i> Hot Products by Categories</h4>
<div class="row pt-2">
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
</div><!--End Category Area-->
<!--Start Category Area-->
<div class="row pt-2">
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
</div><!--End Category Area-->
<!--Start Category Area-->
<div class="row pt-2">
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pt-4 pb-1">
<div class="card position-relative topctgcard">
<div class="card-body text-center topctgcard-body pt-2">
<span class="card-title font-weight-bold text-uppercase">Mechanical Engineering</span>
<ul class="list-group pt-2 text-left">
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Air Compressors And Spares</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Blister And Flexible Packaging Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Boilers And Accessories</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Chemical Plant And Machinery</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Cooling Towers, Servicing Of Cooling Towers</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Corona Treaters, Static Charge Eliminators</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Dairy Plants And Equipment's</a>
<a href="#" class="list-group-item-action"><i class="fa fa-angle-double-right"></i> Filling And Sealing Machines And Spares</a>
</ul>
<a class="btn" id="vwbtn" href="#" role="button">View All</a>
</div>
</div>
</div>
</div>
<!--End Category Area-->
<div class="container-fluid px-1 pb-2 pt-2">
<div class="row">
<div class="col-lg-6 col-12 py-lg-3 py-2">
<img src="images/add11.gif" alt="Add" width="100%" />
</div>
<div class="col-lg-6 col-12 py-lg-3 py-2">
<img src="images/add5.png" alt="Add" width="100%" />
</div>
<div class="col-lg-6 col-12 py-lg-3 py-2">
<img src="images/add7.gif" alt="Add" width="100%" />
</div>
<div class="col-lg-6 col-12 py-lg-3 py-2">
<img src="images/add8.gif" alt="Add" width="100%" />
</div>
</div>
</div>
<!--start Toptrend Buy Area-->
<div class="container-fluid toptrend-main px-5 py-5">
<div class="row">
<div class="col-12 text-center">
<h3 class="toptrend-heading">Top Trending Buy Offers</h3>
</div>
</div>
<div class="row pt-4">
<div class="toptrend-active owl-carousel">
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes1</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes2</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes3</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes4</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes5</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes6</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes7</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
</div>
</div>
<!--End Toptrend buy Area-->
<!--start Toptrend sell Area-->
<div class="row">
<div class="col-12 text-center">
<h3 class="toptrend-heading">Top Trending Sell Offers</h3>
</div>
</div>
<div class="row pt-4">
<div class="toptrend-active owl-carousel">
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes1</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes2</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes3</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes4</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes5</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes6</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-12 col-md-2 col-lg-3 col-xl-4">
<div class="item-box">
<div class="hdng-03">
<h3>Copper Cathodes7</h3>
<p><i class="fa fa-calendar"></i> Date of Post: Dec - 2020</p>
</div>
<div class="post-details">
<h3><i class="fa fa-user-circle-o"></i> Posted by</h3>
<h4>Creative Engineering</h4>
<h3><i class="fa fa-clipboard"></i> Posted by</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is the best website for the dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Offer</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
</div>
</div>
</div>
<!--End Toptrend sell Area-->
<!--Start Service Area-->
<div class="service-area">
<div class="container-fluid px-4 py-5" style="background: rgba(255,255,255,0.90);">
<div class="row">
<div class="col-12 text-center">
<h3 class="add-head">FEATURED ADVERTISERS</h3>
</div>
</div>
<!-- Start Carousel Area -->
<div class="row px-lg-5 pt-2">
<div class="col-12">
<div id="ServiceCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/slide5.png" class="d-block w-100 hght" alt="...">
</div>
<div class="carousel-item">
<img src="images/slide2.png" class="d-block w-100 hght" alt="...">
</div>
<div class="carousel-item">
<img src="images/slide3.png" class="d-block w-100 hght" alt="...">
</div>
</div>
<a class="carousel-control-prev arrnxtbtn" href="#ServiceCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next arrnxtbtn" href="#ServiceCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<!-- End Carousel Area -->
<!-- Start Video Area-1 -->
<div class="row pt-5 pb-4">
<div class="col-12 text-center">
<h3 style="color: red; font-size: 48px;">Why Advertise with Tradevaley?</h3>
</div>
</div>
<div class="row">
<div class="col-12 col-md-10 col-lg-6 offset-lg-3 offset-md-1">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/X3_Z3ZtqS9Q" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe>
</div>
</div>
<!-- End Video Area-1 -->
<!-- Start Service brand Area -->
<div class="row pt-3 px-md-5 srvc-text">
<div class="col-12">
<p class="text-md-center font-weight-bold" style="font-size: 18px;">Make your business visible online. Whether you're just starting out or have been in business for years, put your company on the map at the right place. Tradevaley online directory helps you reach a targeted audience so your marketing efforts produce more efficient results at the least cost possible.</p>
</div>
</div>
<div class="row px-lg-5">
<div class="col-12 col-md-3">
<div class="service-box">
<img src="images/brand.png" alt="image" />
<h4>Improving Brand Awareness</h4>
<p>Focus on creating positive experiences for your target market! Get easily spotted by your prospects and promote a solid start of building relationships with future clients.</p>
</div>
</div>
<div class="col-12 col-md-3">
<div class="service-box">
<img src="images/improve.png" alt="image" />
<h4>Improving Your Business Reputation</h4>
<p>Our online directory is a wonderful platform for your business where you can set a reputation as a legitimate company. Our goal is to help you foster trust with your customers and establish your credibility online.</p>
</div>
</div>
<div class="col-12 col-md-3">
<div class="service-box">
<img src="images/seo.png" alt="image" />
<h4>Boost Search Engine Ranking</h4>
<p>Listing your company in an online directory will boost your search engine ranking, thereby helping your intended audience find you. It’s time to reach customers that you actually want to reach.</p>
</div>
</div>
<div class="col-12 col-md-3">
<div class="service-box">
<img src="images/trafic.png" alt="image" />
<h4>Increase Traffic to Your Website</h4>
<p>Putting your profile on the Tradevaley Online Directory acts as a bridge that points visitors to your website. This is one way we can help you connect with more clients and attract more leads!</p>
</div>
</div>
</div><!-- End Service brand Area -->
</div>
</div>
<!--End Service Area-->
<!--Start welcome/open Area-->
<div class="container-fluid px-lg-5 welcome-area">
<div class="row py-5 text-center">
<div class="col-12 col-md-4 pb-4">
<div>
<img src="images/welcome.png" alt="" />
</div>
</div>
<div class="col-12 col-md-4 pb-4">
<div>
<img src="images/open.png" alt="" />
</div>
</div>
<div class="col-12 col-md-4">
<div class="txtsection text-light">
<h1>Tradevaley Recommends Certified!</h1>
<p>Businesses who are with Tradevaley Recommends will be awarded a Sticker to paste in their Establishment. With this sticker, customers can easily find your business listing and information on Tradevaley Recommends, using the QR Code.</p>
</div>
</div>
</div>
</div>
<!--End welcome/open Area-->
<!--Start Red-Band Area-->
<div class="container-fluid jmbtrn">
<div class="row">
<div class="col-12">
<p>Get your Business Listed in <a href=""><strong>Tradevaler Recommends !</strong></a></p>
</div>
</div>
</div>
<!--End Red-Band Area-->
<!--Start Video Area-2-->
<div class="container-fluid px-lg-5 py-5">
<div class="row video-area2-txt1">
<div class="col-12">
<p>Beat Covid-19! Reach out to your customers effectively and put your business on the map!</p>
</div>
</div>
<div class="row pt-md-5 pt-4 video-area2-txt2">
<div class="col-12 col-md-6 overflow-hidden pb-2">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/X3_Z3ZtqS9Q" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-12 col-md-6">
<p><i class="fa fa-check-circle"></i> Get your business listed and <strong>Raise Awareness</strong> of your audience.</p>
<p><i class="fa fa-check-circle"></i> Add your business in a map listing to allow people to find you <strong>Conveniently and Easily.</strong></p>
<p><i class="fa fa-check-circle"></i> Grab attention with a <strong>Feature-Rich</strong> Business Profile that is easy to navigate and get in touch with you in a snap.</p>
<center><a href=""><button class="btn mt-lg-5 py-lg-3 video-area2-btn">CLICK HERE FOR DETAILS</button></a></center>
</div>
</div>
<div class="row t_recommend">
<div class="col-md-1">
<a href="#"><img src="images/recommends.png" alt="Footer Logo" width="100%"></a>
</div>
<div class="col-md-11">
<p>Tradevaly Recommends is the most affordable and cost-effective platform that caters to Bangladesh business establishments that aims to helps improve your visibility online by boosting the important information about your business and attract your targeted customers.</p>
</div>
</div>
</div>
<!--End Video Area-2-->
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-12 lg-3 py-2">
<img src="images/add3.gif" alt="Add" width="100%" />
</div>
<div class="col-lg-6 col-12 lg-3 py-2">
<img src="images/add8.gif" alt="Add" width="100%" />
</div>
</div>
</div>
<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>
<!--========= 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 ==========-->
</body>
</html>