Current File : //home/tradevaly/demo.tradevaly.com.bd/content/New Design/Final/faq.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trade Valy</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Work+Sans:200,300,400,500,600,700,800,900&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="vendors/font-awesome/css/fontawesome.css">
<link rel="stylesheet" href="vendors/magnific-popup/magnific-popup.css">
<link rel="stylesheet" href="vendors/slick/slick.css">
<link rel="stylesheet" href="vendors/animate.css">
<link rel="stylesheet" href="vendors/air-datepicker/css/datepicker.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="site-wrapper" class="site-wrapper">
  
  <header id="header" class="shadow-sm main-header bg-white header-sticky header-sticky-smart header-style-01 header-float text-uppercase">
    <div class="header-wrapper sticky-area">
    <div class="container">
      <div class="topbar d-flex">
        <div class="topbar-item topbar-item-left d-flex align-items-center text-dark">
          <div class="social-icon ">
            <ul class="list-inline">
              <li class="mr-1 shadow-sm px-2 py-2 bg-white rounded list-inline-item"> <a target="" title="" href="about.html"> <i class="fas fa-user-circle"></i>about us </a> </li>
              <li class="mr-1 shadow-sm px-2 py-2 bg-white rounded list-inline-item"> <a target="" title="" href="#"> <i class="fas fa-envelope"></i>contact us </a> </li>
              <li class="mr-1 shadow-sm px-2 py-2 bg-white rounded list-inline-item"> <a target="" href="#"> <i class="fas fa-headset"></i>Customer Support </a> </li>
              <li class="mr-1 shadow-sm px-2 py-2 bg-white rounded list-inline-item"> <a target="" href="#"> <i class="fas fa-download"></i>Download App </a> </li>
              <li class="mr-1 shadow-sm px-2 py-2 bg-white rounded list-inline-item"> <a target="" href="#"> <i class="fas fa-rss-square"></i>Blog </a> </li>
              <li class="mr-1 shadow-sm px-2 py-2 bg-white rounded list-inline-item"> <a target="" href="#"> <i class="fas fa-briefcase"></i>Career </a> </li>
            </ul>
          </div>
        </div>
        <div class="topbar-item ml-auto d-flex align-items-center">
          <div class="item">
            <div class="social-icon text-dark">
              <ul class="so-i-co list-inline">
                <li class="mr-1 list-inline-item shadow-sm px-2 py-1 bg-white rounded"> <a target="_blank" title="Facebook" href="#"> <i class="fab fa-facebook-f"></i> <span>Facebook</span> </a> </li>
                <li class="list-inline-item shadow-sm px-2 py-1 bg-white rounded"> <a target="_blank" title="Twitter" href="#"> <i class="fab fa-twitter"></i> <span>Twitter</span> </a> </li>
              </ul>
            </div>
          </div>
          <span class="separate">|</span>
          <div class="shadow-sm px-2 py-1 bg-white rounded item language">
            <div class="dropdown shadow-md"> <a href="#login-popup" class="log-btn" data-gtf-mfp="true" data-mfp-options='{"type":"inline"}'> <i class="mr-1 fas fa-user-circle"></i>Sign In</a> </div>
          </div>
        </div>
      </div>
      <nav class="navbar navbar-expand-xl">
      <div class="header-mobile d-flex d-xl-none flex-fill justify-content-between align-items-center">
        <div class="navbar-toggler toggle-icon" data-toggle="collapse" data-target="#navbar-main-menu"> <span></span> </div>
        <a class="navbar-brand navbar-brand-mobile" href="index.html"> <img src="images/logo.svg" alt="TradeValy"> </a> <a class="mobile-button-search" href="#search-popup" data-gtf-mfp="true" data-mfp-options='{"type":"inline","mainClass":"mfp-move-from-top mfp-align-top search-popup-bg","closeOnBgClick":false,"showCloseBtn":false}'><i class="far fa-search"></i></a> </div>
      <div class="collapse navbar-collapse" id="navbar-main-menu"> <a class="navbar-brand d-none d-xl-block mr-auto" href="index.html"> <img src="images/logo.svg" width="280" alt="TradeValy"> </a>
        <ul class="navbar-nav">
          <li class="nav-item"><a class="nav-link" href="#">Home</a></li>
          <li class="nav-item"><a class="nav-link" href="#">About</a></li>
          <li class="nav-item"> <a class="nav-link" href="#">Services<span class="caret"><i class="fas fa-angle-down"></i></span></a>
            <ul class="sub-menu x-animated x-fadeInUp">
              <li class="nav-item"><a class="nav-link" href="">Search By Company</a></li>
              <li class="nav-item"><a class="nav-link" href="">Buying/Selling</a></li>
              <li class="nav-item"><a class="nav-link" href="">Advertise</a></li>
              <li class="nav-item"><a class="nav-link" href="">Add Company</a></li>
            </ul>
          </li>
          <li class="nav-item"><a class="nav-link" href="">Recommends</a></li>
          <li class="nav-item"><a class="nav-link" href="news.html">Latest News</a></li>
        </ul>
        </nav>
      </div>
    </div>
  </header>

  <div id="wrapper-content" class="wrapper-content pb-0 pt-0">
    <div class="inner-page-banner heading-title-behind text-center">
        <div class="heading heading-style-title-behind mb-0">
          <div class="heading-title-wrapper">
            <span>FAQS Trdevaly</span>
            <h1 class="text-white heading-title h2 font-weight-semibold">Faqs Trdevaly</h1>
            <ul class="po-bread breadcrumb justify-content-center fadeInUp animated" data-animate="fadeInUp">
              <li class="breadcrumb-item"><a href="index.html">Home</a></li>
              <li class="breadcrumb-item">Faqs</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="container">
      <div id="section-accordion" class="faqs mt-10 mb-8">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="accordion accordion-style-02" id="accordionExample-01">
                <div class="card"> <a href="#collapseOne-01" class="card-header d-flex align-items-center text-decoration-none" data-toggle="collapse" aria-expanded="true" aria-controls="collapseOne-01" id="headingOne-01"> <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5"> 1. How to contact with providers on Tradevaly? </span> <span class="dynamic-icon"></span> </a>
                  <div id="collapseOne-01" class="collapse show" aria-labelledby="headingOne-01" data-parent="#accordionExample-01">
                    <div class="card-body"> No one rejects, dislikes, or avoids pleasure itself, because it
                      is pleasure, but because those who do not know is blend mol how
                      to pursue pleasure ration ignitation.Lorem ipsum dolor sit
                      amet.. </div>
                  </div>
                </div>
                <div class="card"> <a href="#collapseTwo-01" class="card-header collapsed text-decoration-none" id="headingTwo-01" data-toggle="collapse" aria-expanded="false" aria-controls="collapseTwo-01"> <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5"> 2. How to write review on Tradevaly? </span> <span class="dynamic-icon"></span> </a>
                  <div id="collapseTwo-01" class="collapse" aria-labelledby="headingTwo-01" data-parent="#accordionExample-01">
                    <div class="card-body"> Nulla venenatis. In pede mi, aliquet sit amet, euismod in,auctor ut,
                      ligula. Aliquam dapibus tincidunt metu. Praesent justo dolor, lobortis
                      quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante.<br>
                      Donec sagittis euismod purus. Sed ut perspiciatis unde omnis iste natus
                      error sit voluptatem accusantium doloremque laudantium, totam rem
                      aperiam, eaque ipsa quae ab illo inventore </div>
                  </div>
                </div>
                <div class="card"> <a href="#collapseThree-01" class="card-header collapsed text-decoration-none" id="headingThree-01" data-toggle="collapse" aria-expanded="false" aria-controls="collapseThree-01"> <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5"> 3. How to become a provider on Tradevaly?</span> <span class="dynamic-icon"></span> </a>
                  <div id="collapseThree-01" class="collapse" aria-labelledby="headingThree-01" data-parent="#accordionExample-01">
                    <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid. 3 wolf moon officia aute,
                      non cupidatat skateboard dolor brunch. Food truck quinoa
                      nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
                      put a bird on it squid single-origin coffee nulla assumenda
                      shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                      wes anderson cred nesciunt sapiente ea proident. Ad vegan
                      excepteur butcher vice lomo. Leggings occaecat craft beer
                      farm-to-table, raw denim aesthetic synth nesciunt you probably
                      haven't heard of them accusamus labore sustainable VHS. </div>
                  </div>
                </div>
                <div class="card"> <a href="#collapseFour" class="card-header collapsed text-decoration-none" id="headingFour" data-toggle="collapse" aria-expanded="false" aria-controls="collapseFour"> <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">4. What benefits that i will get when become provider?</span> <span class="dynamic-icon"></span> </a>
                  <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample-01">
                    <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid. 3 wolf moon officia aute,
                      non cupidatat skateboard dolor brunch. Food truck quinoa
                      nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
                      put a bird on it squid single-origin coffee nulla assumenda
                      shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                      wes anderson cred nesciunt sapiente ea proident. Ad vegan
                      excepteur butcher vice lomo. Leggings occaecat craft beer
                      farm-to-table, raw denim aesthetic synth nesciunt you probably
                      haven't heard of them accusamus labore sustainable VHS. </div>
                  </div>
                </div>
                <div class="card"> <a href="#collapseFive" class="card-header collapsed text-decoration-none" id="headingFive" data-toggle="collapse" aria-expanded="false" aria-controls="collapseFive"> <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5">5. What i have to when my listing has been reported by somone?</span> <span class="dynamic-icon"></span> </a>
                  <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordionExample-01">
                    <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid. 3 wolf moon officia aute,
                      non cupidatat skateboard dolor brunch. Food truck quinoa
                      nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
                      put a bird on it squid single-origin coffee nulla assumenda
                      shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                      wes anderson cred nesciunt sapiente ea proident. Ad vegan
                      excepteur butcher vice lomo. Leggings occaecat craft beer
                      farm-to-table, raw denim aesthetic synth nesciunt you probably
                      haven't heard of them accusamus labore sustainable VHS. </div>
                  </div>
                </div>
                <div class="card"> <a href="#collapseSix" class="card-header collapsed text-decoration-none" id="headingSix" data-toggle="collapse" aria-expanded="false" aria-controls="collapseSix"> <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5"> 6. Where i can find a support from your team?</span> <span class="dynamic-icon"></span> </a>
                  <div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordionExample-01">
                    <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid. 3 wolf moon officia aute,
                      non cupidatat skateboard dolor brunch. Food truck quinoa
                      nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
                      put a bird on it squid single-origin coffee nulla assumenda
                      shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                      wes anderson cred nesciunt sapiente ea proident. Ad vegan
                      excepteur butcher vice lomo. Leggings occaecat craft beer
                      farm-to-table, raw denim aesthetic synth nesciunt you probably
                      haven't heard of them accusamus labore sustainable VHS. </div>
                  </div>
                </div>
                <div class="card"> <a href="#collapseSeven" class="card-header collapsed text-decoration-none" id="headingSeven" data-toggle="collapse" aria-expanded="false" aria-controls="collapseSeven"> <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5"> 7. How much comission that i can earn when use Tradevaly’s Affiliate?</span> <span class="dynamic-icon"></span> </a>
                  <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordionExample-01">
                    <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid. 3 wolf moon officia aute,
                      non cupidatat skateboard dolor brunch. Food truck quinoa
                      nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
                      put a bird on it squid single-origin coffee nulla assumenda
                      shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                      wes anderson cred nesciunt sapiente ea proident. Ad vegan
                      excepteur butcher vice lomo. Leggings occaecat craft beer
                      farm-to-table, raw denim aesthetic synth nesciunt you probably
                      haven't heard of them accusamus labore sustainable VHS. </div>
                  </div>
                </div>
                <div class="card"> <a href="#collapseEight" class="card-header collapsed text-decoration-none" id="headingEight" data-toggle="collapse" aria-expanded="false" aria-controls="collapseEight"> <span class="card-title mb-0 text-dark font-weight-semibold font-size-lg pl-0 pr-5"> 8. How about secure and payment on Tradevaly?</span> <span class="dynamic-icon"></span> </a>
                  <div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordionExample-01">
                    <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life
                      accusamus terry richardson ad squid. 3 wolf moon officia aute,
                      non cupidatat skateboard dolor brunch. Food truck quinoa
                      nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua
                      put a bird on it squid single-origin coffee nulla assumenda
                      shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
                      wes anderson cred nesciunt sapiente ea proident. Ad vegan
                      excepteur butcher vice lomo. Leggings occaecat craft beer
                      farm-to-table, raw denim aesthetic synth nesciunt you probably
                      haven't heard of them accusamus labore sustainable VHS. </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="text-center pb-11">
        <div class="mb-6">
          <h4 class="mb-1">Join Us Today and Get More Profit From Your Business</h4>
          <p class="mb-0 font-size-md">The easiest way to get more interest in your place</p>
        </div>
        <a href="#" class="btn btn-primary font-size-md font-weight-bold px-7 btn-lg">Get Start Now!</a> </div>
    </div>
  </div>

  <!-- wrapper-content -->
  
  <footer class="main-footer main-footer-style-01 bg-pattern-01 pt-8 pb-5">
    <div class="footer-second">
      <div class="container">
        <div class="row">
          <div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
            <div class="mb-8"><img src="images/logo.svg" width="250" alt="TradeValy"></div>
            <div class="mb-7">
              <div class="font-size-md font-weight-semibold text-dark mb-4">Global Headquaters</div>
              <p class="mb-0"> Nishindara Se-Re Bangla<br>
                Nagor , Bogura<br>
                Bangladesh. </p>
            </div>
          </div>
          <div class="col-md-6 col-lg mb-4 mb-lg-0">
            <div class="font-size-md font-weight-semibold text-dark mb-4"> Company </div>
            <ul class="list-group list-group-flush list-group-borderless">
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">About Us</a> </li>
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Team</a> </li>
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Careers</a> </li>
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Investors</a> </li>
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">Contact Us</a> </li>
            </ul>
          </div>
          <div class="col-md-6 col-lg mb-4 mb-lg-0">
            <div class="font-size-md font-weight-semibold text-dark mb-4"> Quick Links </div>
            <ul class="list-group list-group-flush list-group-borderless">
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">FAQS</a> </li>
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Support</a> </li>
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Sitemap</a> </li>
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Community</a> </li>
              <li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Offices</a> </li>
            </ul>
          </div>
          <div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
            <div class="pl-0 pl-lg-9">
              <div class="font-size-md font-weight-semibold text-dark mb-4">Our Newsletter</div>
              <div class="mb-4">Subscribe to our newsletter and<br>
                we will inform you about newset directory and promotions </div>
              <div class="form-newsletter">
                <form>
                  <div class="input-group bg-white">
                    <input type="text" class="form-control border-0" placeholder="Email Address... ">
                    <button type="button" class="input-group-append btn btn-white bg-transparent text-dark border-0"> <i class="fas fa-arrow-right"></i> </button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-last mt-5 mt-md-5">
      <div class="container">
        <div class="footer-last-container position-relative">
          <div class="row align-items-center">
            <div class="col-lg-4 mb-3 mb-lg-0">
              <div class="social-icon text-dark">
                <ul class="list-inline">
                  <li class="list-inline-item mr-5"> <a target="_blank" title="Twitter" href="#"> <i class="fab fa-twitter"> </i> <span>Twitter</span> </a> </li>
                  <li class="list-inline-item mr-5"> <a target="_blank" title="Facebook" href="#"> <i class="fab fa-facebook-f"> </i> <span>Facebook</span> </a> </li>
                  <li class="list-inline-item mr-5"> <a target="_blank" title="Rss" href="#"> <i class="fas fa-rss"></i> <span>Rss</span> </a> </li>
                </ul>
              </div>
            </div>
            <div class="col-lg-5 mb-3 mb-lg-0">
              <div> &copy; 2021 Copyright | tradevaly.com | All rights reserved. </div>
            </div>
            <div class="back-top text-left text-lg-right gtf-back-to-top"> <a href="#" class="link-hover-secondary-primary"><i class="fal fa-arrow-up"></i><span>Back To Top</span></a> </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
</div>
<!-- site-wrapper home-main -->
<div id="login-popup" class="mfp-hide">
  <div class="form-login-register">
    <div class="tabs mb-5">
      <ul class="nav nav-pills tab-style-01 text-capitalize justify-content-center" role="tablist">
        <li class="nav-item"> <a class="nav-link active" id="login-tab" data-toggle="tab" href="#login" role="tab" aria-controls="login" aria-selected="true">
          <h3>Log In</h3>
          </a> </li>
        <li class="nav-item"> <a class="nav-link" id="register-tab" data-toggle="tab" href="#register" role="tab" aria-controls="register" aria-selected="false">
          <h3>Register</h3>
          </a> </li>
      </ul>
    </div>
    <div class="tab-content">
      <div class="tab-pane fade show active" id="login" role="tabpanel" aria-labelledby="login-tab">
        <div class="form-login">
          <form>
            <div class="font-size-md text-dark mb-5">Log In Your Account</div>
            <div class="form-group mb-2">
              <label for="username" class="sr-only">Username</label>
              <input id="username" type="text" class="form-control" placeholder="Username">
            </div>
            <div class="form-group mb-3">
              <div class="input-group flex-nowrap align-items-center">
                <label for="password" class="sr-only">Password</label>
                <input id="password" type="text" class="form-control" placeholder="Password">
                <a href="#" class="input-group-append text-decoration-none">Forgot?</a> </div>
            </div>
            <div class="form-group mb-6">
              <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input" id="check">
                <label class="custom-control-label text-dark" for="check">Remember</label>
              </div>
            </div>
            <button type="submit" class="btn btn-primary btn-block font-weight-bold text-uppercase font-size-lg rounded-sm mb-5"> Log In </button>
          </form>
        </div>
      </div>
      <div class="tab-pane fade " id="register" role="tabpanel" aria-labelledby="register-tab">
        <div class="form-register">
          <form>
            <div class="font-size-md text-dark mb-5">Create Your Account</div>
            <div class="form-group mb-2">
              <label for="username-rt" class="sr-only">Username</label>
              <input id="username-rt" type="text" class="form-control" placeholder="Username">
            </div>
            <div class="form-group mb-2">
              <label for="email" class="sr-only">Email</label>
              <input id="email" type="text" class="form-control" placeholder="Email Address">
            </div>
            <div class="form-group mb-2">
              <label for="password-rt" class="sr-only">Username</label>
              <input id="password-rt" type="password" class="form-control" placeholder="Password">
            </div>
            <div class="form-group mb-3">
              <label for="r-password" class="sr-only">Username</label>
              <input id="r-password" type="password" class="form-control" placeholder="Retype password">
            </div>
            <div class="form-group mb-5">
              <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input" id="check-term">
                <label class="custom-control-label text-dark" for="check-term">You agree with our
                  Terms Privacy Policy and</label>
              </div>
            </div>
            <button type="submit" class="btn btn-primary btn-block font-weight-bold text-uppercase font-size-lg rounded-sm"> Create an account </button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- login-popup -->
<div id="search-popup" class="mfp-hide">
  <div class="search-popup text-center">
    <h2 class="mb-8">Search</h2>
    <div class="form-search">
      <form>
        <div class="row align-items-end">
          <div class="form-search-item col-md-5 mb-4 mb-md-0 text-left bg-white">
            <label for="key-word-02" class="pt-4 mb-0 text-dark font-weight-semibold font-size-lg lh-1">What</label>
            <div class="input-group dropdown show pr-0 bg-transparent align-items-start">
              <input type="text" autocomplete="off" id="key-word-02" class="form-control bg-transparent border-0 p-0 font-size-md lh-1" data-toggle="dropdown" aria-haspopup="true" placeholder="Ex: Service">
              <ul class="dropdown-menu form-search-ajax" aria-labelledby="key-word-02">
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/1.png" width="25" alt="Icon"> <span class="font-size-md">Mechanical Engineering</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/2.png" width="25" alt="Icon"> <span class="font-size-md">Electrical & Electronics</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/3.png" width="25" alt="Icon"> <span class="font-size-md">Industrial Machinery</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/4.png" width="25" alt="Icon"> <span class="font-size-md">Industrial Chemicals</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/5.png" width="25" alt="Icon"> <span class="font-size-md">Tools & Hardware</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/6.png" width="25" alt="Icon"> <span class="font-size-md">Plastic & Rubber</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/7.png" width="25" alt="Icon"> <span class="font-size-md">Services To Industries</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/8.png" width="25" alt="Icon"> <span class="font-size-md">Printing & Packaging</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/9.png" width="25" alt="Icon"> <span class="font-size-md">Security & Fire Protection</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/10.png" width="25" alt="Icon"> <span class="font-size-md">Food & Beverage</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/11.png" width="25" alt="Icon"> <span class="font-size-md">Automobile & Accessories</span> </a> </li>
                <li class="dropdown-item item"> <a href="#" class="link-hover-dark-white"> <img src="images/12.png" width="25" alt="Icon"> <span class="font-size-md">Construction & Decoration</span> </a> </li>
              </ul>
            </div>
          </div>
          <div class="form-search-item col-md-7 mb-4 mb-md-0 text-left bg-white">
            <label for="region-02" class="pt-4 mb-0 text-dark font-weight-semibold font-size-lg lh-1">Search</label>
            <div class="input-group dropdown show pr-0 bg-transparent align-items-start">
              <input type="text" autocomplete="off" id="region" name="region" class="form-control form-control-mini border-0 px-0 bg-transparent" placeholder="Products/Companies" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
            </div>
          </div>
          <a href="#" class="mt-5 py-2 btn btn-primary btn-md btn-icon-left btn-block "><i class="fal fa-search"></i> Search </a> </div>
      </form>
    </div>
    <a href="#" class="d-inline-block button-close mt-5 pt-1 text-dark font-size-lg font-weight-semibold text-decoration-none"> <span class="d-block"><i class="fal fa-times"></i></span> <span class="d-block">Close</span> </a> </div>
</div>
<!-- search-popup --> 
<script src="vendors/jquery.min.js"></script>
<script src="vendors/popper/popper.js"></script>
<script src="vendors/bootstrap/js/bootstrap.js"></script>
<script src="vendors/hc-sticky/hc-sticky.js"></script>
<script src="vendors/isotope/isotope.pkgd.js"></script>
<script src="vendors/magnific-popup/jquery.magnific-popup.js"></script>
<script src="vendors/slick/slick.js"></script>
<script src="vendors/waypoints/jquery.waypoints.js"></script>
<script src="vendors/air-datepicker/js/datepicker.min.js"></script>
<script src="vendors/air-datepicker/js/i18n/datepicker.en.js"></script>
<script src="vendors/peash.js"></script>

</body>
</html>