Current File : /home/tradevaly/demo.tradevaly.com.bd/resources/views/frontend/new/company-profile.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="vendors/jquery-ui/jquery-ui.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 explore-details explore-details-full-image bg-gray-06 pb-0 pt-0 ">
        <div class="image"> </div>
        <div class="mb-8 z-indx-1 page-wrapper bg-white">
          <div class="container">
            <div class="page-title pt-7 pb-3 border-bottom">
              <div class="explore-details-top d-flex flex-wrap flex-lg-nowrap bg-white">
                <div class="media flex-wrap flex-md-nowrap store">
                  <div class="store-image mb-4 mb-md-0 mr-5"><img src="images/company-logo.jpg" alt="Provider"></div>
                  <div class="media-body lh-14">
                    <div class="d-inline-flex flex-wrap">
                      <h2 class="mb-0">Green Company</h2>
                      <span class="check d-inline-block ml-2 font-weight-semibold"> <i class="fa fa-check-square" aria-hidden="true"></i> Verified </span> </div>
                    <!-- <div class="fw-500 font-size-lg pb-2 mb-2">Company Sub Title</div> -->
                    <ul class="list-inline store-meta d-flex flex-wrap align-items-center">
                      <li class="list-inline-item">
                        <span class="badge badge-success d-inline-block mr-1"><i class="fa fa-university" aria-hidden="true"></i></span>
                        <span>Established Year : 1970</span>
                      </li>
                      <li class="list-inline-item separate"></li>
                      <li class="list-inline-item">
                      <a href="#" class=" text-link text-decoration-none d-flex align-items-center">
                      <span class="d-inline-block mr-2 font-size-md"><i class="fa fa-tasks" aria-hidden="true"></i></span>
                      <span>Category : Shop</span>
                      </a>
                      </li>                      
                    </ul>
                  </div>
                </div>
                <div class="ml-0 ml-lg-auto mt-4 mt-lg-0 d-flex flex-wrap flex-sm-nowrap">
                  <ul class="list-inline mb-0">
                    <li class="list-inline-item">
                      <a data-toggle="modal" data-target="#exampleModalCenter" href="#exampleModalCenter" class="btn do-um btn-white font-size-md mb-3 mb-sm-0 py-1 px-2 rounded-sm"> <span class="d-inline-block mr-1"> <i class="fal fa-exclamation-triangle"></i> </span> Report</a> </li>
                    <li class="list-inline-item"> <a href="#" class="btn btn-white font-size-md mb-3 mb-sm-0 py-1 px-3 rounded-sm"> <span class="d-inline-block mr-1"> <i class="fal fa-share-alt"></i> </span> Share</a> </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="page-container row bg-white pt-3 pb-5">
              <div class="page-content col-xl-8 mb-8 mb-xl-0 pt-1">
                <div class="explore-details-container">
                  <div class="mb-5">
                    <h5 class="tite font-size-lg text-uppercase mb-2">Company Details</h5>
                    <div class="mb-3" style="text-align: justify;">
                      <p class="mb-6">Azzaro Men’s Clothing (often shortened to Thai‘s Flavour) is a 1950s style diner located in Madison, Wisconsin. Opened in 1946 by Daniel Raclift, and located just across the street from Camp Randall Stadium.<br>It has become a popular game day Thai’s Taste Restaurant (often shortened to Thai‘s Taste) is a 1950s style diner located in Madison, Wisconsin. Opened in 1946 by Robert Downey Jr, and located just across the street from Camp Randall Stadium, it has become a popular game day tradition amongst many Badger fans. The diner is well known for its breakfast selections, especially the Scrambler, which is a large mound of potatoes, eggs, cheese, gravy, and a patrons’ choice of other toppings. </p>
                      <p class="mb-0"> Thai‘s Taste has also been featured on “Todd’s Taste of the Town” during one of ESPN’s college football broadcasts adition amongst many Badger fans. The diner is well known for its breakfast selections, especially the Scrambler, which is a large mound of potatoes, eggs, cheese, gravy, and a patrons’ choice of other toppings. Thai‘s Taste has also been featured on “Todd’s Taste of the Town” during one of ESPN’s college football broadcasts adition amongst many Badger fans. The diner is well known for its breakfast selections, especially the Scrambler, which is a large mound of potatoes, eggs, cheese, gravy, and a patrons’ choice of other toppings.ngst many Badger fans. The diner is well known for its breakfast selections, especially the Scrambler, which is a large mound of potatoes, eggs, cheese, gravy, and a patrons’ choice of other toppings. Thai‘s Taste has also been featured on “Todd’s Taste of the Town” during one of ESPN’s college football broadcasts adition choice of other toppings. Thai‘s Taste has also been featured on “Todd’s Taste of the Town” during one of.Thai‘s Taste has also been featured on “Todd’s Taste of the Town” during one of ESPN’s college football broadcasts adition choice of other toppings. Thai‘s Taste has also been featured on “Todd’s Taste of the Town” during one of. </p>
                    </div>
                  </div>
                  <div class="explore-details-container">
                    <div class="collapse-tabs">
                      <div class="my-tab border-bottom tabs bg-gray-06 mt-7 px-4 py-2 mb-0 d-none d-sm-block">
                        <ul class="nav nav-pills tab-style-01" role="tablist">
                          <li class="bg-white nav-item"> <a class="nav-link active" id="description-tab" data-toggle="tab" href="#description" role="tab" aria-controls="description" aria-selected="true">Showroom</a> </li>
                          <li class="bg-white nav-item"> <a class="nav-link" id="reviews-tab" data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews" aria-selected="false">List Product </a> </li>
                          <li class="bg-white nav-item"> <a class="nav-link" id="list-tab" data-toggle="tab" href="#listing" role="tab" aria-controls="list" aria-selected="false">List Product Two </a> </li>
                        </ul>
                      </div>
                      <div class="bg-gray-02 tab-content px-4 py-4">
                        <div id="collapse-tabs-accordion">
                          <div class="tab-pane fade active show" id="description" role="tabpanel" aria-labelledby="description-tab">
                            <div class="card bg-transparent mb-4 mb-sm-0">
                             
                              <div id="description-collapse" class="collapse collapsible show" aria-labelledby="headingDescription" data-parent="#collapse-tabs-accordion">
                                <div class="card-body p-sm-0 border-sm-0">
                                    <div class="tite">Showroom List</div>
                                    <div class="block-more-listing mt-0 pt-5">
                                           
                                            <div class="slick-slider arrow-top store-grid-style" data-slick-options='{"slidesToShow": 2, "autoplay":false,"dots":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow": 1}}]}'>
                                                <div class="box">
                                                    <div class="store card rounded-0 border-0">
                                                        <div class="position-relative store-image">
                                                            <a href=""> <img src="images/shop/popular-place-1.jpg" alt="store 1" class="card-img-top rounded-0"> </a>
                                                            
                                                        </div>
                                                        <div class="card-body pb-4 border-right border-left"> <a href="" class="card-title h5 text-dark d-inline-block mb-2"><span class="letter-spacing-25">Japan Rice Mixed Seafood</span></a>
                                                            <ul class="list-inline store-meta mb-4 font-size-sm d-flex align-items-center flex-wrap">
                                                                <li class="list-inline-item"><span class="badge badge-success mr-1 d-inline-block">5.0</span><span class="number">4 rating</span> </li>
                                                                <li class="list-inline-item separate"></li>
                                                                <li class="list-inline-item"><span class="mr-1">From</span><span class="text-danger font-weight-semibold">$9.0</span> </li>
                                                                <li class="list-inline-item separate"></li>
                                                                <li class="list-inline-item"><span class="text-green">Open now!</span> </li>
                                                            </ul>
                                                            <div class="media">
                                                                <a href="#" class="d-inline-block mr-3"><img src="images/listing/testimonial-1.png" alt="testimonial" class="rounded-circle"> </a>
                                                                <div class="media-body lh-14 font-size-sm">Overlooking Bloomsbury’s Russell Square and a 2 minutes’ walk from the tube station of the same name... </div>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer rounded-0 border-top-0 pb-3 pt-0 bg-transparent border-left border-right border-bottom">
                                                            <div class="border-top pt-3"> <span class="d-inline-block mr-1">
                                                                <i class="fal fa-map-marker-alt"></i>
                                                                </span> <a href="#" class="text-secondary pr-3 text-decoration-none address">534
                                                                Salem Rd
                                                                St,
                                                                Newark, NY</a> </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="box">
                                                    <div class="store card rounded-0 border-0">
                                                        <div class="position-relative store-image">
                                                            <a href=""> <img src="images/shop/popular-place-2.jpg" alt="store 1" class="card-img-top rounded-0"> </a>
                                                            
                                                        </div>
                                                        <div class="card-body pb-4 border-right border-left"> <a href="" class="card-title h5 text-dark d-inline-block mb-2"><span class="letter-spacing-25">Fruit Cake - Halsey St </span></a>
                                                            <ul class="list-inline store-meta mb-4 font-size-sm d-flex align-items-center flex-wrap">
                                                                <li class="list-inline-item"><span class="badge badge-success mr-1 d-inline-block">4.8</span><span class="number">2 rating</span> </li>
                                                                <li class="list-inline-item separate"></li>
                                                                <li class="list-inline-item"><span class="mr-1">From</span><span class="text-danger font-weight-semibold">$4.0</span> </li>
                                                                <li class="list-inline-item separate"></li>
                                                                <li class="list-inline-item"><span class="text-green">Open now!</span> </li>
                                                            </ul>
                                                            <div class="media">
                                                                <a href="#" class="d-inline-block mr-3"><img src="images/listing/testimonial-1.png" alt="testimonial" class="rounded-circle"> </a>
                                                                <div class="media-body lh-14 font-size-sm">They specialize in makgeolli at this Korean-style pub in Seorae Village. And they use... </div>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer rounded-0 border-top-0 pb-3 pt-0 bg-transparent border-left border-right border-bottom">
                                                            <div class="border-top pt-3"> <span class="d-inline-block mr-1">
                                                        <i class="fal fa-map-marker-alt"></i>
                                                        </span> <a href="#" class="text-secondary pr-3 text-decoration-none address">92
                                                        Halsey St,
                                                        Brooklyn, NY</a> </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="box">
                                                    <div class="store card rounded-0 border-0">
                                                        <div class="position-relative store-image">
                                                            <a href=""> <img src="images/shop/popular-place-1.jpg" alt="store 1" class="card-img-top rounded-0"> </a>
                                                            
                                                        </div>
                                                        <div class="card-body pb-4 border-right border-left"> <a href="" class="card-title h5 text-dark d-inline-block mb-2"><span class="letter-spacing-25">Japan Rice Mixed Seafood</span></a>
                                                            <ul class="list-inline store-meta mb-4 font-size-sm d-flex align-items-center flex-wrap">
                                                                <li class="list-inline-item"><span class="badge badge-success mr-1 d-inline-block">5.0</span><span class="number">4 rating</span> </li>
                                                                <li class="list-inline-item separate"></li>
                                                                <li class="list-inline-item"><span class="mr-1">From</span><span class="text-danger font-weight-semibold">$9.0</span> </li>
                                                                <li class="list-inline-item separate"></li>
                                                                <li class="list-inline-item"><span class="text-green">Open now!</span> </li>
                                                            </ul>
                                                            <div class="media">
                                                                <a href="#" class="d-inline-block mr-3"><img src="images/listing/testimonial-1.png" alt="testimonial" class="rounded-circle"> </a>
                                                                <div class="media-body lh-14 font-size-sm">Overlooking Bloomsbury’s Russell Square and a 2 minutes’ walk from the tube station of the same name... </div>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer rounded-0 border-top-0 pb-3 pt-0 bg-transparent border-left border-right border-bottom">
                                                            <div class="border-top pt-3"> <span class="d-inline-block mr-1">
                                                            <i class="fal fa-map-marker-alt"></i>
                                                            </span> <a href="#" class="text-secondary pr-3 text-decoration-none address">534
                                                            Salem Rd
                                                            St,
                                                            Newark, NY</a> </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="box">
                                                    <div class="store card rounded-0 border-0">
                                                        <div class="position-relative store-image">
                                                            <a href=""> <img src="images/shop/popular-place-2.jpg" alt="store 1" class="card-img-top rounded-0"> </a>
                                                            
                                                        </div>
                                                        <div class="card-body pb-4 border-right border-left"> <a href="" class="card-title h5 text-dark d-inline-block mb-2"><span class="letter-spacing-25">Fruit Cake - Halsey St </span></a>
                                                            <ul class="list-inline store-meta mb-4 font-size-sm d-flex align-items-center flex-wrap">
                                                                <li class="list-inline-item"><span class="badge badge-success mr-1 d-inline-block">4.8</span><span class="number">2 rating</span> </li>
                                                                <li class="list-inline-item separate"></li>
                                                                <li class="list-inline-item"><span class="mr-1">From</span><span class="text-danger font-weight-semibold">$4.0</span> </li>
                                                                <li class="list-inline-item separate"></li>
                                                                <li class="list-inline-item"><span class="text-green">Open now!</span> </li>
                                                            </ul>
                                                            <div class="media">
                                                                <a href="#" class="d-inline-block mr-3"><img src="images/listing/testimonial-1.png" alt="testimonial" class="rounded-circle"> </a>
                                                                <div class="media-body lh-14 font-size-sm">They specialize in makgeolli at this Korean-style pub in Seorae Village. And they use... </div>
                                                            </div>
                                                        </div>
                                                        <div class="card-footer rounded-0 border-top-0 pb-3 pt-0 bg-transparent border-left border-right border-bottom">
                                                            <div class="border-top pt-3"> <span class="d-inline-block mr-1">
                                                            <i class="fal fa-map-marker-alt"></i>
                                                            </span> <a href="#" class="text-secondary pr-3 text-decoration-none address">534
                                                            Salem Rd
                                                            St,
                                                            Newark, NY</a> </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="tab-pane" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
                            <div class="card bg-transparent mb-4 mb-sm-0">
                              
                              <div id="reviews-collapse" class="collapse collapsible" aria-labelledby="headingReview" data-parent="#collapse-tabs-accordion">
                                <div class="card-body p-sm-0 border-sm-0">
                                    
                                    <div class="store-listing-style store-listing-style-02">
                                <div class="mb-6">
                                    <div class="store media align-items-stretch rounded-sm shadow-sm bg-white job-store">
                                    <a href="" class="store-image" style="background-image: url('images/shop/jobs-shop-6.jpg')"> </a>
                                    <div class="media-body px-0 px-md-4 pt-4 pt-lg-0">
                                    <a href="" class="h5 text-dark d-inline-block mb-2">
                                        <span class="letter-spacing-25">Furniture Assembly</span> 
                                    </a>
                                    <ul class="list-inline store-meta mb-4 font-size-sm d-flex align-items-center flex-wrap">
                                    <li class="list-inline-item">
                                        <i class="fal fa-phone"></i><span class="d-inline-block ml-2 text-link">+8801710000000</span>
                                    </li>
                                    <li class="list-inline-item separate"></li>
                                    <li class="list-inline-item">
                                        <i class="fal fa-envelope"></i>
                                            <span class="d-inline-block ml-2 text-danger">info@trade.com</span>
                                    </li>
                                    <li class="list-inline-item separate"></li>
                                    <li class="list-inline-item">
                                        <i class="fal fa-globe"></i><span class="d-inline-block ml-2">www.devxpert.org</span>
                                    </li>
                                    </ul>
                                    <div class="media">
                                    
                                    <div class="media-body lh-14 font-size-sm">G &amp; L Hardware Marketing Pte Ltd carries a wide selection of air compressors suitable for general industries, special purpose oil-less compressors for dental professionals and electrical machines and tools and more..
                                    </div>
                                    </div>
                                    <div class="border-top pt-3 d-flex mt-4">
                                    <div class="pr-3"><i class="fal fa-map-marker-alt"></i>
                                    Genting Lane Cideco Ind Complex Singapore
                                    </div>
                                    <div class="ml-auto">
                                    <a class="btn btn-outline-success btn-sm px-5" title="Info Button" href="#">Details</a>
                                    </div>
                                    </div>
                                    </div>
                                    </div>
                                </div>
                                <div class="mb-6">
                                    <div class="store media align-items-stretch rounded-sm shadow-sm bg-white job-store">
                                    <a href="" class="store-image" style="background-image: url('images/shop/jobs-shop-3.jpg')"> </a>
                                    <div class="media-body px-0 px-md-4 pt-4 pt-lg-0">
                                    <a href="" class="h5 text-dark d-inline-block mb-2">
                                        <span class="letter-spacing-25">Furniture Assembly</span> 
                                    </a>
                                    <ul class="list-inline store-meta mb-4 font-size-sm d-flex align-items-center flex-wrap">
                                    <li class="list-inline-item">
                                        <i class="fal fa-phone"></i><span class="d-inline-block ml-2 text-link">+8801710000000</span>
                                    </li>
                                    <li class="list-inline-item separate"></li>
                                    <li class="list-inline-item">
                                        <i class="fal fa-envelope"></i>
                                            <span class="d-inline-block ml-2 text-danger">info@trade.com</span>
                                    </li>
                                    <li class="list-inline-item separate"></li>
                                    <li class="list-inline-item">
                                        <i class="fal fa-globe"></i><span class="d-inline-block ml-2">www.devxpert.org</span>
                                    </li>
                                    </ul>
                                    <div class="media">
                                    
                                    <div class="media-body lh-14 font-size-sm">G &amp; L Hardware Marketing Pte Ltd carries a wide selection of air compressors suitable for general industries, special purpose oil-less compressors for dental professionals and electrical machines and tools and more..
                                    </div>
                                    </div>
                                    <div class="border-top pt-3 d-flex mt-4">
                                    <div class="pr-3"><i class="fal fa-map-marker-alt"></i>
                                    Genting Lane Cideco Ind Complex Singapore
                                    </div>
                                    <div class="ml-auto">
                                    <a class="btn btn-outline-success btn-sm px-5" title="Info Button" href="#">Details</a>
                                    </div>
                                    </div>
                                    </div>
                                    </div>
                                </div>                                
                                
                            </div>
                                  
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="tab-pane" id="listing" role="tabpanel" aria-labelledby="list-tab">
                            <div class="card bg-transparent mb-4 mb-sm-0">
                              
                              <div id="reviews-collapse" class="collapse collapsible" aria-labelledby="headingReview" data-parent="#collapse-tabs-accordion">
                                <div class="card-body p-sm-0 border-sm-0">
                                    
                                    <div class="store-listing-style store-listing-style-02">
                                       <div class="bg-white rounded shadow-sm py-2 col-md-12">
                                        <div class="row">
                                            <div class="col-sm-6 col-md-4">
                                                <ul class="list-group list-group-flush list-group-borderless">
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Accountancy</a><span class="d-inline-block text-green ml-1">(8,087)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Administration</a><span class="d-inline-block text-green ml-1">(11,732)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Advertising</a><span class="d-inline-block text-green ml-1">(379)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Aerospace</a><span class="d-inline-block text-green ml-1">(35)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Apprenticeships</a><span class="d-inline-block text-green ml-1">(10,278)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Automotive</a><span class="d-inline-block text-green ml-1">(263)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Banking</a><span class="d-inline-block text-green ml-1">(1,729)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Call Centre</a><span class="d-inline-block text-green ml-1">(1,843)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Catering</a><span class="d-inline-block text-green ml-1">(5,067)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Accountancy</a><span class="d-inline-block text-green ml-1">(8,087)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Administration</a><span class="d-inline-block text-green ml-1">(11,732)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Advertising</a><span class="d-inline-block text-green ml-1">(379)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Aerospace</a><span class="d-inline-block text-green ml-1">(35)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Apprenticeships</a><span class="d-inline-block text-green ml-1">(10,278)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Automotive</a><span class="d-inline-block text-green ml-1">(263)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Banking</a><span class="d-inline-block text-green ml-1">(1,729)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Call Centre</a><span class="d-inline-block text-green ml-1">(1,843)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Catering</a><span class="d-inline-block text-green ml-1">(5,067)</span> </li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6 col-md-4">
                                                <ul class="list-group list-group-flush list-group-borderless">
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Digital</a><span class="d-inline-block text-green ml-1">(2,636)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Education</a><span class="d-inline-block text-green ml-1">(6,624)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Engineering</a><span class="d-inline-block text-green ml-1">(12,180)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Finance</a><span class="d-inline-block text-green ml-1">(3,791)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">FMCG</a><span class="d-inline-block text-green ml-1">(4,634)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Graduate</a><span class="d-inline-block text-green ml-1">(8,797)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Healthcare</a><span class="d-inline-block text-green ml-1">(6,786)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Hospitality</a><span class="d-inline-block text-green ml-1">(5,029)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">HR</a><span class="d-inline-block text-green ml-1">(2,593)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Digital</a><span class="d-inline-block text-green ml-1">(2,636)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Education</a><span class="d-inline-block text-green ml-1">(6,624)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Engineering</a><span class="d-inline-block text-green ml-1">(12,180)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Finance</a><span class="d-inline-block text-green ml-1">(3,791)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">FMCG</a><span class="d-inline-block text-green ml-1">(4,634)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Graduate</a><span class="d-inline-block text-green ml-1">(8,797)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Healthcare</a><span class="d-inline-block text-green ml-1">(6,786)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Hospitality</a><span class="d-inline-block text-green ml-1">(5,029)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">HR</a><span class="d-inline-block text-green ml-1">(2,593)</span> </li>
                                                </ul>
                                            </div>
                                            <div class="col-sm-6 col-md-4">
                                                <ul class="list-group list-group-flush list-group-borderless">
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Consultancy</a><span class="d-inline-block text-green ml-1">(174)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Manufacturing</a><span class="d-inline-block text-green ml-1">(5,212)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Marketing</a><span class="d-inline-block text-green ml-1">(5,281)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Media</a><span class="d-inline-block text-green ml-1">(1,513)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Nursing</a><span class="d-inline-block text-green ml-1">(2,949)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Oil and Gas</a><span class="d-inline-block text-green ml-1">(169)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">PA</a><span class="d-inline-block text-green ml-1">(1,680)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Part-time</a><span class="d-inline-block text-green ml-1">(10,942)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Pharmaceutical</a><span class="d-inline-block text-green ml-1">(1,166)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Consultancy</a><span class="d-inline-block text-green ml-1">(174)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Manufacturing</a><span class="d-inline-block text-green ml-1">(5,212)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Marketing</a><span class="d-inline-block text-green ml-1">(5,281)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Media</a><span class="d-inline-block text-green ml-1">(1,513)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Nursing</a><span class="d-inline-block text-green ml-1">(2,949)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Oil and Gas</a><span class="d-inline-block text-green ml-1">(169)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">PA</a><span class="d-inline-block text-green ml-1">(1,680)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Part-time</a><span class="d-inline-block text-green ml-1">(10,942)</span> </li>
                                                    <li class="list-group-item bg-transparent p-0"> <a href="#" class="text-dark ">Pharmaceutical</a><span class="d-inline-block text-green ml-1">(1,166)</span> </li>
                                                </ul>
                                            </div>
                                            
                                        </div>
                                       </div>                      
                                
                                    </div>
                                  
                                </div>
                              </div>
                            </div>
                          </div>

                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="sidebar col-12 col-xl-4 pt-1">
                <div class="widget map mb-6 position-relative mb-6 rounded-0">
                  <div id="" class="small-map" style="width:100%;height:240px;">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m19!1m8!1m3!1d910.999372103873!2d90.3925431221596!3d23.86306420282313!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x3755c41f315e0e9b%3A0xb6ad7b0f19f127cf!2s7%20ROAD-2%2FA%20Dhaka%201230!3m2!1d23.863356099999997!2d90.39207909999999!5e1!3m2!1sen!2sbd!4v1629220801291!5m2!1sen!2sbd" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                  </div>
                  <div class="button-direction position-absolute"> <a href="#" class="btn btn-sm btn-icon-left"> <i class="fas fa-location-arrow"></i> Get Direction </a> </div>
                  <div class="card p-4 widget border-0 infomation pt-0 bg-gray-06">
                    <div class="card-body px-0 py-0">
                      <ul class="list-group list-group-flush">
                        <li class="list-group-item bg-transparent d-flex text-dark px-0"> <span class="item-icon mr-3"><i class="fa fa-university"></i></span> <span class="card-text">Established Year : 1970</span> </li>
                        <li class="list-group-item bg-transparent d-flex text-dark px-0"> <span class="item-icon mr-3"><i class="fa fa-tasks"></i></span> <span class="card-text">Category : Shop</span> </li>
                        <li class="list-group-item bg-transparent d-flex text-dark px-0"> <span class="item-icon mr-3"><i class="fal fa-map-marker-alt"></i></span> <span class="card-text">125 Mountain St, Brooklyn, NY</span> </li>
                        <li class="list-group-item bg-transparent d-flex text-dark px-0"> <span class="item-icon mr-3"> <i class="fal fa-phone"></i> </span> <span class="card-text">(301) 453-8688</span> </li>
                        <li class="list-group-item bg-transparent d-flex text-dark px-0"> <span class="item-icon mr-3"> <i class="fal fa-envelope"></i> </span> <span class="card-text">info@devxpert.org</span> </li>
                        <li class="list-group-item bg-transparent d-flex text-dark px-0"> <span class="item-icon mr-3"><i class="fal fa-globe"></i></span> <span class="card-text"><a href="#">www.devxpert.org</a></span> </li>
                        <li class="list-group-item bg-transparent d-flex text-dark px-0 pt-4">
                          <div class="social-icon origin-color si-square text-center">
                            <ul class="list-inline">
                              <li class="list-inline-item si-facebook"> <a target="_blank" title="Facebook" href="#"> <i class="fab fa-facebook-f"> </i> <span>Facebook</span> </a> </li>
                              <li class="list-inline-item si-twitter"> <a target="_blank" title="Twitter" href="#"> <i class="fab fa-twitter"> </i> <span>Twitter</span> </a> </li>
                              <li class="list-inline-item si-tumblr"> <a target="_blank" title="Tumblr" href="#"> <i class="fab fa-tumblr"></i> <span>Tumblr</span> </a> </li>
                              <li class="list-inline-item si-rss"> <a target="_blank" title="RSS" href="#"> <i class="fas fa-rss"></i> <span>RSS</span> </a> </li>
                            </ul>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="card p-4 widget border-0 contact bg-gray-06 rounded-0 mb-6">
                  <div class="card-body pt-0 px-0 pb-3">
                    <div class="pb-2 border-bottom card-title text-uppercase text-dark font-weight-semibold font-size-md"> <span class="text-secondary d-inline-block mr-2"><i class="fas fa-envelope"></i></span> <span>Send Query</span> </div>
                    <div class="contact-form">
                      <form>
                        <div class="form-group mb-2">
                          <label class="sr-only" for="name">Name</label>
                          <input type="text" id="name" class="form-control form-control-sm border-0 bg-white" placeholder="Name:">
                        </div>
                        <div class="form-group mb-2">
                          <label class="sr-only" for="email">Email</label>
                          <input type="text" id="email" class="form-control form-control-sm border-0 bg-white" placeholder="Email Address:">
                        </div>
                        <div class="form-group mb-2">
                          <label class="sr-only" for="message">Message</label>
                          <textarea class="form-control border-0" id="message" placeholder="Message..."></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary btn-block btn-sm">Submit</button>
                      </form>
                    </div>
                  </div>
                </div>
                <div class="card p-4 widget border-0 gallery bg-gray-06 rounded-0 mb-6">
                  <div class="card-title d-flex mb-0 font-size-md font-weight-semibold text-dark text-uppercase border-bottom pb-2 lh-1"> <span class="text-secondary mr-2"> <i class="far fa-images"></i> </span> <span> photo gallery</span> </div>
                  <div class="card-body px-0 pt-6 pb-3">
                    <div class="photo-gallery d-flex flex-wrap justify-content-between"> <a href="images/shop/full-top-store-1.jpg" class="photo-item" data-gtf-mfp="true" data-gallery-id="01"> <img src="images/listing/gallery-05.jpg" alt="Gallery 05"> </a> <a href="images/listing/full-gallery-06.jpg" class="photo-item" data-gtf-mfp="true" data-gallery-id="01"> <img src="images/listing/gallery-06.jpg" alt="Gallery 06"></a> <a href="images/listing/full-gallery-07.jpg" class="photo-item" data-gtf-mfp="true" data-gallery-id="01"> <img src="images/listing/gallery-07.jpg" alt="Gallery 07"></a> <a href="images/listing/full-gallery-08.jpg" class="photo-item" data-gtf-mfp="true" data-gallery-id="01"> <img src="images/listing/gallery-08.jpg" alt="Gallery 08"></a> <a href="images/listing/full-gallery-03.jpg" class="photo-item" data-gtf-mfp="true" data-gallery-id="01"> <img src="images/listing/gallery-03.jpg" alt="Gallery 08"></a> <a href="images/listing/full-gallery-04.jpg" class="photo-item" data-gtf-mfp="true" data-gallery-id="01"> <img src="images/listing/gallery-04.jpg" alt="Gallery 08"></a> </div>
                  </div>
                </div>
                
              </div>
            </div>
          </div>
        </div>

              <div class="recent-view bg-white pt-7 pb-7">
                <div class="container">
                  <div class="mb-6">
                    <h5 style="color:#3d97d8;border-color: #3d97d8;" class="tite mb-0">Related Company</h5>
                  </div>
                  <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner">
                      <div class="carousel-item active">
                            <div class="row">
                              <div class="col-lg-3 mb-4 mb-lg-0">
                                <div class="card mb-0">
                                  <img src="images/shop/hotels-shop-1.jpg" class="card-img-top" alt="...">
                                  <div class="card-body">
                                    <h5 class="tite card-title font-size-md">Company name</h5>
                                     <p>This is a wider card with supporting text below...</p>
                                    <p class="mb-0"><small class="text-muted"><a class="btn btn-light btn-sm px-5" href="#">Details</a></small></p>
                                  </div>
                                </div>
                              </div>
                              <div class="col-lg-3 mb-4 mb-lg-0">
                                <div class="card mb-0">
                                  <img src="images/shop/hotels-shop-2.jpg" class="card-img-top" alt="...">
                                  <div class="card-body">
                                    <h5 class="tite card-title font-size-md">Company name</h5>
                                     <p>This is a wider card with supporting text below...</p>
                                    <p class="mb-0"><small class="text-muted"><a class="btn btn-light btn-sm px-5" href="#">Details</a></small></p>
                                  </div>
                                </div>
                              </div>
                              <div class="col-lg-3 mb-4 mb-lg-0">
                                <div class="card mb-0">
                                  <img src="images/shop/hotels-shop-3.jpg" class="card-img-top" alt="...">
                                  <div class="card-body">
                                    <h5 class="tite card-title font-size-md">Company name</h5>
                                     <p>This is a wider card with supporting text below...</p>
                                    <p class="mb-0"><small class="text-muted"><a class="btn btn-light btn-sm px-5" href="#">Details</a></small></p>
                                  </div>
                                </div>
                              </div>
                              <div class="col-lg-3 mb-4 mb-lg-0">
                                <div class="card mb-0">
                                  <img src="images/shop/hotels-shop-1.jpg" class="card-img-top" alt="...">
                                  <div class="card-body">
                                    <h5 class="tite card-title font-size-md">Company name</h5>
                                     <p>This is a wider card with supporting text below...</p>
                                    <p class="mb-0"><small class="text-muted"><a class="btn btn-light btn-sm px-5" href="#">Details</a></small></p>
                                  </div>
                                </div>
                              </div>
                            </div>
                      </div>
                      <div class="carousel-item">
                              <div class="row">
                              <div class="col-lg-3 mb-4 mb-lg-0">
                                <div class="card mb-0">
                                  <img src="images/shop/hotels-shop-1.jpg" class="card-img-top" alt="...">
                                  <div class="card-body">
                                    <h5 class="tite card-title font-size-md">Company name</h5>
                                     <p>This is a wider card with supporting text below...</p>
                                    <p class="mb-0"><small class="text-muted"><a class="btn btn-light btn-sm px-5" href="#">Details</a></small></p>
                                  </div>
                                </div>
                              </div>
                              <div class="col-lg-3 mb-4 mb-lg-0">
                                <div class="card mb-0">
                                  <img src="images/shop/hotels-shop-2.jpg" class="card-img-top" alt="...">
                                  <div class="card-body">
                                    <h5 class="tite card-title font-size-md">Company name</h5>
                                     <p>This is a wider card with supporting text below...</p>
                                    <p class="mb-0"><small class="text-muted"><a class="btn btn-light btn-sm px-5" href="#">Details</a></small></p>
                                  </div>
                                </div>
                              </div>
                              <div class="col-lg-3 mb-4 mb-lg-0">
                                <div class="card mb-0">
                                  <img src="images/shop/hotels-shop-3.jpg" class="card-img-top" alt="...">
                                  <div class="card-body">
                                    <h5 class="tite card-title font-size-md">Company name</h5>
                                     <p>This is a wider card with supporting text below...</p>
                                    <p class="mb-0"><small class="text-muted"><a class="btn btn-light btn-sm px-5" href="#">Details</a></small></p>
                                  </div>
                                </div>
                              </div>
                              <div class="col-lg-3 mb-4 mb-lg-0">
                                <div class="card mb-0">
                                  <img src="images/shop/hotels-shop-1.jpg" class="card-img-top" alt="...">
                                  <div class="card-body">
                                    <h5 class="tite card-title font-size-md">Company name</h5>
                                     <p>This is a wider card with supporting text below...</p>
                                    <p class="mb-0"><small class="text-muted"><a class="btn btn-light btn-sm px-5" href="#">Details</a></small></p>
                                  </div>
                                </div>
                              </div>
                            </div>
                      </div>
                      
                    </div>
                      <a class="carousel-control-prev" href="#carouselExampleControls" 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" href="#carouselExampleControls" 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>
      </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>
    <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
              <div class="py-2 modal-header">
                <h6 class="modal-title" id="exampleModalLongTitle">Modal title</h6>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="pt-0 modal-body">
                  <form>
                    <div class="form-row">
                      
                      <div class="mb-0 form-group col-md-6">
                        <label class="col-form-label col-form-label-sm" for="">Full Name</label>
                        <div class="input-group mb-1">
                          <div class="input-group-sm input-group-prepend">
                            <div class="py-0 input-group-text"><i class="fa fa-address-card" aria-hidden="true"></i></div>
                          </div>
                          <input type="text" class="form-control-sm form-control" id="" placeholder="First & Last Name">
                        </div>
                      </div><!-- form-group col-md-6 -->
                      <div class="mb-0 form-group col-md-6">
                        <label class="col-form-label col-form-label-sm" for="">Company</label>
                        <div class="input-group mb-1">
                          <div class="input-group-sm input-group-prepend">
                            <div class="py-0 input-group-text"><i class="fa fa-building" aria-hidden="true"></i></div>
                          </div>
                          <input type="text" class="form-control-sm form-control" id="" placeholder="Company Name">
                        </div>
                      </div><!-- form-group col-md-6 -->
                      
                    </div><!-- form-row -->

                    <div class="form-row">
                      
                      <div class="mb-0 form-group col-md-6">
                        <label class="col-form-label col-form-label-sm" for="">Phone / Mobile</label>
                        <div class="input-group mb-1">
                          <div class="input-group-sm input-group-prepend">
                            <div class="py-0 input-group-text"><i class="icon__flag iti__bd" id=""></i></div>
                          </div>
                          <input type="text" class="form-control-sm form-control" id="" placeholder="+880">
                        </div>
                      </div><!-- form-group col-md-6 -->
                      <div class="mb-0 form-group col-md-6">
                        <label class="col-form-label col-form-label-sm" for="">Email</label>
                        <div class="input-group mb-1">
                          <div class="input-group-sm input-group-prepend">
                            <div class="py-0 input-group-text"><i class="far fa-envelope-open" aria-hidden="true"></i></div>
                          </div>
                          <input type="text" class="form-control-sm form-control" id="" placeholder="name@company.com">
                        </div>
                      </div><!-- form-group col-md-6 -->
                      
                    </div><!-- form-row -->


                    <div class="form-row">
                      
                      <div class="mb-0 form-group col-md-6">
                        <label class="col-form-label col-form-label-sm" for="">Interested in Premium Membership?</label>
                        <div class="input-group mb-1">
                          <div class="input-group-sm input-group-prepend">
                            <div class="py-0 input-group-text"><i class="fas fa-store" aria-hidden="true"></i></div>
                          </div>
                          <select class="custom-select form-control-sm form-control valid" name="">
                            <option selected="selected" value="">Choose a package</option>
                            <option value="6">Elite</option>
                            <option value="2">Gold</option>
                            <option value="3">Platinum</option>
                            <option value="4">Platinum +</option>
                            <option value="5">Exclusive</option>
                          </select>
                        </div>
                      </div><!-- form-group col-md-6 -->
                      <div class="mb-0 form-group col-md-6">
                        <label class="col-form-label col-form-label-sm" for="">Are you a Decision Maker?</label>
                        <div class="input-group mb-1">
                          <div class="input-group-sm input-group-prepend">
                            <div class="py-0 input-group-text"><i class="fas fa-check" aria-hidden="true"></i></div>
                          </div>
                          <select class="custom-select form-control-sm form-control valid" name="">
                            <option selected="selected" value="">Pick a status</option>
                            <option value="1">Yes</option>
                            <option value="0">No</option>
                          </select>
                        </div>
                      </div><!-- form-group col-md-6 -->
                      
                    </div><!-- form-row -->

                    <div class="form-row">
                      
                      <div class="mb-0 form-group col-md-12">
                        <label class="col-form-label col-form-label-sm" for="">Comments</label>
                        <div class="input-group mb-1">
                          <div class="input-group-sm input-group-prepend">
                            <div class="py-0 input-group-text"><i class="far fa-comments" aria-hidden="true"></i></div>
                          </div>
                          <textarea name="comments" placeholder="Your Message or Query" class="form-control-sm form-control valid" title="Please enter your comments here" rows="3" required="" aria-required="true"></textarea>
                        </div>
                      </div>
                      
                    </div><!-- form-row -->
                    
                    
                  </form>
              </div>
              <div class="modal-footer justify-content-md-center">
                <button type="submit" class="btn btn-sm px-7 text-white btn-animated">GET VERIFIED BUYERS</button>
                
              </div>
            </div>
          </div>
    </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/peash.js"></script>
    </body>
    </html>