| Current File : /home/tradevaly/demo.tradevaly.com.bd/content/Tradevaley Bootstrap project/company.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 Search Area-->
<div class="container-fluid px-md-4 py-4 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="what do you looking..">
<div class="input-group-append">
<input class="srch-btn" type="submit" value="Search" />
</div>
</div>
</form>
</div>
<div class="col-md-1"></div>
</div>
</div>
<!--End Search Area-->
<div class="container-fluid">
<div class="row companay-head">
<h5>Company Information</h5>
</div>
<div class="row">
<div class="col-md-3">
<div class="company-div">
<div class="row logo-div">
<img src="images/company-logo3.jpg" alt="Company Logo" width="100%">
</div>
<h5>Contact Details</h5>
<ul>
<li>Company Address:House#01, Road#01, Uttara, Dhaka</li>
<li>Mobile No.:01737 077922</li>
<li>Email:info@example.com</li>
<li>Website: <button class="btn-website">Visit Website</button></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="company-div">
<ul> <h4>Green Company</h4>
<li>Established Year: 1970</li>
<li>Company Category:Example</li>
<li>BRANDS: ALFA HI-FLOWALFA VALVOLEAMOT CONTROLSARCA</li>
<li>Company Address:House#01, Road#01, Uttara, Dhaka</li>
<li>Short Summery: Lorem Ipsum is simply dummy text of tde printing and typesetting industry. book</li>
<li>About Company: Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque quia iure,
facere dolorem maxime ratione inventore earum, excepturi numquam nemo corem
maxime ratione inventore earum, eorem maxime ratione inventore earum, eorem
maxime ratione inventore earum,
eorem maxime ratione inventore earum, eorem maxime ratione inventore earum, Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque quia iure,
facere dolorem maxime ratione inventore earum, excepturi numquam nemo corem
maxime ratione inventore earum, eorem maxime ratione inventore earum, eorem
maxime ratione inventore earum, </li>
</ul>
</div>
<h5>Photo Galley</h5>
<div class="row">
<div class="col-md-4"><img src="images/company-logo2.jpg" alt="Company Logo" width="100%"></div>
<div class="col-md-4"><img src="images/company-logo2.jpg" alt="Company Logo" width="100%"></div>
<div class="col-md-4"><img src="images/company-logo2.jpg" alt="Company Logo" width="100%"></div>
</div>
</div>
<div class="col-md-3">
<div class="company-div">
<!-- Company Photos -->
<strong><i></i>Company Location</strong>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3648.4359345278453!2d90.40134471411498!3d23.874155684528574!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c430a1eddab3%3A0x887dad62fac902c5!2s1%20Road-01%2C%20Dhaka%201230!5e0!3m2!1sen!2sbd!4v1615464953450!5m2!1sen!2sbd" width="100%" height="225" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
<div class="container-fluid px-md-5 pb-5">
<div class="row">
<div class="col-12">
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item col-12 col-md-4" role="presentation">
<a class="nav-link bg-primary bg-showroom tabbtn" id="pills-home-tab" data-toggle="pill" href="#pills-showroom" role="tab" aria-controls="pills-home" aria-selected="true">Showroom</a>
</li>
<li class="nav-item col-12 col-md-4" role="presentation">
<a class="nav-link bg-danger bg-showroom tabbtn" id="pills-profile-tab" data-toggle="pill" href="#pills-listproduct" role="tab" aria-controls="pills-profile" aria-selected="false">List Product</a>
</li>
<li class="nav-item col-12 col-md-4" role="presentation">
<a class="nav-link bg-success bg-showroom tabbtn" id="pills-contact-tab" data-toggle="pill" href="#pills-query" role="tab" aria-controls="pills-contact" aria-selected="false">Send Query</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show row" id="pills-showroom" role="tabpanel" aria-labelledby="pills-home-tab">
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
</div>
<div class="row p-image">
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
</div>
<div class="row p-image">
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
<div class="col-md-3 text-center product_box">
<div> <img src="images/showroom1.jpg" alt="Company Logo" class="p-image"></div>
<div> <h5>Product Name</h5></div>
<div> <h6>Price: 400 tk.</h6></div>
<div> <button class="btn center">View Details</button></div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-listproduct" role="tabpanel" aria-labelledby="pills-profile-tab">
<div class="row px-4" style="background: #f0f0f0; border-radius: 5px;">
<div class="col-12 py-4 col-md-3 productlist">
<ul class="list-group list-group-flush">
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
</ul>
</div>
<div class="col-12 py-4 col-md-3 productlist">
<ul class="list-group list-group-flush">
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
</ul>
</div>
<div class="col-12 py-4 col-md-3 productlist">
<ul class="list-group list-group-flush">
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
</ul>
</div>
<div class="col-12 py-4 col-md-3 productlist">
<ul class="list-group list-group-flush">
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
<li><a href=""><i class="fas fa-angle-double-right"></i>Product Name</a></li>
</ul>
</div>
</div>
<!-- <div class="tab-pane fade" id="pills-query" role="tabpanel" aria-labelledby="pills-contact-tab">...</div> -->
</div>
</div>
</div>
</div>
<!-- Start Related Company Area -->
<div class="toptrend-area2 fix">
<div class="container">
<div class="row">
<div class="hdng-04"><b>Related Company</b></div>
<div class="toptrend-active owl-carousel">
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-3">
<div class="item-box">
<div class="hdng-03">
<h5 class="hdng-comp">Company Name</h5>
</div>
<div class="post-details">
<h4>Company Details</h4>
<h3><i class="fa fa-clipboard"></i> Summery</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is tde best website for tde dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Details</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-3">
<div class="item-box">
<div class="hdng-03">
<h5 class="hdng-comp">Company Name</h5>
</div>
<div class="post-details">
<h4>Company Details</h4>
<h3><i class="fa fa-clipboard"></i> Summery</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is tde best website for tde dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Details</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-3">
<div class="item-box">
<div class="hdng-03">
<h5 class="hdng-comp">Company Name</h5>
</div>
<div class="post-details">
<h4>Company Details</h4>
<h3><i class="fa fa-clipboard"></i> Summery</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is tde best website for tde dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Details</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-3">
<div class="item-box">
<div class="hdng-03">
<h5 class="hdng-comp">Company Name</h5>
</div>
<div class="post-details">
<h4>Company Details</h4>
<h3><i class="fa fa-clipboard"></i> Summery</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is tde best website for tde dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Details</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
<!-- Start Toptrend Item-->
<div class="toptrend-item">
<div class="col-3">
<div class="item-box">
<div class="hdng-03">
<h5 class="hdng-comp">Company Name</h5>
</div>
<div class="post-details">
<h4>Company Details</h4>
<h3><i class="fa fa-clipboard"></i> Summery</h3>
<p>Loading and unloading of heavy machinery, industrial heavy job shifting and erecting. Lorem ipsum dolor is tde best website for tde dummy text.</p>
</div>
<div class="view-btn-02">
<a href="#">View Details</a>
</div>
</div>
</div>
</div><!-- End Toptrend Item-->
</div>
</div>
</div>
</div><!--End Toptrend Sell Offer-->
<!--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 ==========-->
</body>
</html>