Current File : //home/tradevaly/demo.tradevaly.com.bd/content/New Design/Final/banner-ads.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/uploader/css/dropzone.min.css">
  <link rel="stylesheet" href="css/style.css"> </head>

<body>
  <div id="site-wrapper" class="site-wrapper">
    <header id="header" class="z-indx-1 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 pt-0 pb-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>Banner Ads</span>
            <h1 class="text-white heading-title h2 font-weight-semibold">Banner Ads</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">Banner Ads</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="page-shop my-account container pb-8 pt-5">
          <div class="bg-gray-02 mb-7 text-center rounded py-4 px-5 lh-14 text-dark mb-4">
                <h4 class="mb-2">Banner Ads</h4>
                <p>Your Company's products or branding on our portal www.tradevaly.com.</p>
                <a class="btn btn-outline-info btn-sm px-5" href="#">Click here for package features</a>
          </div>
          
           <div class="page-container d-flex page-two-column">
              <div class="page-content">
              <h5 class="tite mb-3">Packages for banner ads on our platform </h5>
              <div class="table-responsive-md">
              <table class="bn-ad-tbl table table-bordered table-style-01">
              <thead class="table-success ">
              <tr>
              <th>CATEGORY</th>
              <th>COST</th>
              <th>DURATION</th>
              <th>ACTION</th>
              </tr>
              </thead>
              <tbody>
                <tr>
                  <td width="25%">Top banner</td>
                  <td width="20%">2000 Tk</td>
                  <td width="40%">
                      <div class="row mb-0">
                        <label for="colFormLabelSm" class="col-sm-5 col-form-label col-form-label-md">Visible for</label>
                        <div class="col-sm-7">
                            <div class="select-custom bg-white">
                              <select class="form-control form-control-sm bg-transparent" id="type">
                                <option>1 Month</option>
                                <option>3 Month</option>
                                <option>6 Month</option>
                                <option>12 Month</option>
                              </select>
                            </div>
                        </div>
                      </div>
                  </td>
                  <td align="center" width="15%">
                    <a href="#" class="border-0 btn btn-sm btn-info ">Buy Now</a>
                  </td>
                </tr>
                <tr>
                  <td width="25%">Center Banner </td>
                  <td width="20%">1500 Tk</td>
                  <td width="40%">
                      <div class="row mb-0">
                        <label for="colFormLabelSm" class="col-sm-5 col-form-label col-form-label-md">Visible for</label>
                        <div class="col-sm-7">
                            <div class="select-custom bg-white">
                              <select class="form-control form-control-sm bg-transparent" id="type">
                                <option>1 Month</option>
                                <option>3 Month</option>
                                <option>6 Month</option>
                                <option>12 Month</option>
                              </select>
                            </div>
                        </div>
                      </div>
                  </td>
                  <td align="center" width="15%">
                    <a href="#" class="border-0 btn btn-sm btn-info ">Buy Now</a>
                  </td>
                </tr>
                <tr>
                  <td width="25%">Bottom Banner</td>
                  <td width="20%">1000 Tk</td>
                  <td width="40%">
                      <div class="row mb-0">
                        <label for="colFormLabelSm" class="col-sm-5 col-form-label col-form-label-md">Visible for</label>
                        <div class="col-sm-7">
                            <div class="select-custom bg-white">
                              <select class="form-control form-control-sm bg-transparent" id="type">
                                <option>1 Month</option>
                                <option>3 Month</option>
                                <option>6 Month</option>
                                <option>12 Month</option>
                              </select>
                            </div>
                        </div>
                      </div>
                  </td>
                  <td align="center" width="15%">
                    <a href="#" class="border-0 btn btn-sm btn-info ">Buy Now</a>
                  </td>
                </tr>
                <tr>
                  <td width="25%">Feature Ads </td>
                  <td width="20%">1800 Tk</td>
                  <td width="40%">
                      <div class="row mb-0">
                        <label for="colFormLabelSm" class="col-sm-5 col-form-label col-form-label-md">Visible for</label>
                        <div class="col-sm-7">
                            <div class="select-custom bg-white">
                              <select class="form-control form-control-sm bg-transparent" id="type">
                                <option>1 Month</option>
                                <option>3 Month</option>
                                <option>6 Month</option>
                                <option>12 Month</option>
                              </select>
                            </div>
                        </div>
                      </div>
                  </td>
                  <td align="center" width="15%">
                    <a href="#" class="border-0 btn btn-sm btn-info ">Buy Now</a>
                  </td>
                </tr>
              </tbody>
              </table>
              </div>
              
              </div>
              <div class="sidebar account-sidebar primary-sidebar" id="sidebar">
              <div class="primary-sidebar-inner">
              <div class="card rounded border-0 px-4 pt-4 pb-4 bg-gray-02">
              <div class="card-header bg-transparent p-0 d-flex align-items-center mb-3">
              <h6 class="tite">We Accept : </h6>
              </div>
              <div class="card-body p-0">
                <div class="bg-white px-1 py-1 mb-3 rounded shadow-sm">
                  <img src="images/payment-method.png" width="100%" alt="payment">
                  <i class="on-v border-top mt-2">(Only valid in Bangladesh)</i>
                </div>
              <p class="card-text text-gray mb-2 pb-1">You can also make payment through HDFC Net banking account, ICICI Infinity, Citibank NRI A/C, Citibank Current A/C, Citibank Suvidha A/C, IDBI iNet banking, UTI iConnect, Centurion Bank. You will be taken to a secured site where you can fill up your credit card information.</p>
              
              </div>
              </div>
              </div>
              </div>
              </div>

      </div>
    </div>
    <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>

    <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/uploader/js/dropzone.min.js"></script>
    <script src="vendors/peash.js"></script>
</body>

</html>