| Current File : //home/tradevaly/demo.tradevaly.com.bd/content/Tradevaley Bootstrap project/contact-us.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 customer support Area-->
<div class="advertise-area fix">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<!--Start form Area-->
<div class="container-fluid info-box-contact">
<div class="row">
<div class="col-md-9">
<h2>Let's Talk About Advertising!</h2>
<p>Fill up the form below if you want to get in touch with us, We'll get back to you as soon as possible</p>
<form class="">
<div class="body">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="Name">Select Enquiry Type<span> *<span></label>
<select class="custom-select" id="inputGroupSelect03">
<option selected>Advertisement</option>
<option value="1">General inquiry</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="Name">Select Advertisement Type (if select advertise from pre menu then this dropdown will show)</label>
<select class="custom-select" id="inputGroupSelect03">
<option selected>Banners Ads</option>
<option value="1">Banners</option>
<option value="2">Company Listing</option>
<option value="2">Lead Package</option>
</select>
</div>
</div>
</div>
<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">Subject<span> *<span></label>
<input type="Name" class="form-control" placeholder="Input subject">
</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="">
<button type="submit" class="btn btn-large">Submit</button>
</div>
</form>
</div>
<div class="col-md-3">
<div class="container text-center">
<a href="#"><img src="images/side-banner.jpg" class="pt-2" width="100%"></a>
</div>
</div>
</div>
</div>
<!--Start form Area-->
</div>
</div>
</div>
</div><!--End customer support 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-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>
<!-- 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>