| Current File : /home/tradevaly/demo.tradevaly.com.bd/resources/views/frontend/new/news.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&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="blog-with-sidebar blog-listing-with-sidebar 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>Latest News</span>
<h1 class="text-white heading-title h2 font-weight-semibold">Latest News</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">News</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="pb-10 pt-10 page-container row">
<div class="page-content col-lg-8 mb-8 mb-lg-0">
<div class="row post-style-3">
<div class="col-12 mb-6">
<div class="card border-0"> <a href="#" class="hover-scale"> <img src="images/blog/large-image-blog-1.jpg" alt="product 1" class="card-img-top image"> </a>
<div class="card-body px-0">
<div class="mb-2"><a href="#" class="link-hover-dark-primary">Tips</a>, <a href="#" class="link-hover-dark-primary">Travel</a></div>
<h5 class="card-title lh-13 letter-spacing-25"> <a href="#" class="link-hover-dark-primary text-capitalize"> 10 best homestay in florencia that you don't miss
out</a> </h5>
<ul class="list-inline">
<li class="list-inline-item mr-0"> <span class="text-gray">Aug 28th, 2021 by</span> </li>
<li class="list-inline-item"> <a href="#" class="link-hover-dark-primary">Admin</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 mb-6">
<div class="card border-0"> <a href="#" class="hover-scale"> <img src="images/blog/main-blog-3.jpg" alt="product 1" class="card-img-top image"> </a>
<div class="card-body px-0">
<div class="mb-2"><a href="#" class="link-hover-dark-primary">Culture</a></div>
<h5 class="card-title lh-13 letter-spacing-25"><a href="#" class="link-hover-dark-primary text-capitalize">Coffee
On Street & Look Super Car</a> </h5>
<ul class="list-inline">
<li class="list-inline-item mr-0"> <span class="text-gray">Aug 25th, 2021 by</span> </li>
<li class="list-inline-item"> <a href="#" class="link-hover-dark-primary">David</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 mb-6">
<div class="card border-0"> <a href="#" class="hover-scale"> <img src="images/blog/main-blog-1.jpg" alt="product 1" class="card-img-top image"> </a>
<div class="card-body px-0">
<div class="mb-2"><a href="#" class="link-hover-dark-primary">Location</a></div>
<h5 class="card-title lh-13 letter-spacing-25"><a href="#" class="link-hover-dark-primary">MadCap Coffee
At
Brooklyn Town For Who Love Black
Coffee</a> </h5>
<ul class="list-inline">
<li class="list-inline-item mr-0"> <span class="text-gray">Aug 19th, 2021 by</span> </li>
<li class="list-inline-item"> <a href="#" class="link-hover-dark-primary">LoganCee</a> </li>
</ul>
</div>
</div>
</div>
</div>
<ul class="pagination pagination-style-01 mt-5">
<li class="page-item"><a href="#" class="page-link current">1</a></li>
<li class="page-item"><a href="#" class="page-link">2</a></li>
<li class="page-item"><a href="#" class="page-link">3</a></li>
<li class="page-item"><a href="#" class="page-link">4</a></li>
<li class="page-item"><a href="#" class="page-link"><i class="fal fa-chevron-right"></i></a> </li>
</ul>
</div>
<div class="sidebar col-lg-4 primary-sidebar sidebar-sticky" id="sidebar">
<div class="primary-sidebar-inner">
<div class="card p-4 widget border-0 schedule bg-gray-06 mb-6 rounded-0 category">
<h5 class="card-title mb-0">Categories</h5>
<div class="card-body px-0 pb-0 ">
<ul class="list-group bg-white px-3 py-1 list-group-flush">
<li class="list-group-item px-0 py-1"> <a href="#" class="link-hover-dark-primary">All</a> </li>
<li class="list-group-item px-0 py-1"> <a href="#" class="link-hover-dark-primary">Culture</a> </li>
<li class="list-group-item px-0 py-1"> <a data-toggle="collapse" href="#travel" role="button" aria-expanded="false" aria-controls="travel" class="d-flex link-hover-dark-primary"><span>Travel</span> <span class="ml-auto"><i class="fal fa-angle-down"></i></span> </a>
<ul id="travel" class="sub-categories collapse show list-unstyled pl-3 py-2">
<li class="sub-category"><a href="#" class="link-hover-gray-dark">Destination</a> </li>
<li class="sub-category"><a href="#" class="link-hover-gray-dark">Foody</a> </li>
<li class="sub-category"><a href="#" class="link-hover-gray-dark">Experience</a> </li>
</ul>
</li>
<li class="list-group-item px-0 py-1"> <a data-toggle="collapse" href="#location" role="button" aria-expanded="false" aria-controls="location" class="d-flex link-hover-dark-primary"><span>Location</span> <span class="dropdown-icon ml-auto"><i class="fal fa-angle-down"></i></span> </a>
<ul id="location" class="sub-categories collapse">
<li class="sub-category"><a href="#" class="link-hover-gray-dark">Destination</a> </li>
<li class="sub-category"><a href="#" class="link-hover-gray-dark">Foody</a> </li>
<li class="sub-category"><a href="#" class="link-hover-gray-dark">Experience</a> </li>
</ul>
</li>
<li class="list-group-item px-0 py-1"> <a href="#" class="link-hover-dark-primary">Tips</a> </li>
<li class="list-group-item px-0 py-1"> <a href="#" class="link-hover-dark-primary">Community</a> </li>
<li class="list-group-item px-0 py-1"> <a href="#" class="link-hover-dark-primary">Entertainment</a> </li>
</ul>
</div>
</div>
<div class="card p-4 widget border-0 schedule bg-gray-06 mb-6 rounded-0 tags">
<h5 class="card-title mb-0">Popular tags</h5>
<div class="card-body px-0 bg-transparent"> <a href="#" class="link-hover-secondary-dark">Envato,</a> <a href="#" class="link-hover-secondary-dark">WordPress,</a> <a href="#" class="link-hover-secondary-dark">Theme,</a> <a href="#" class="link-hover-secondary-dark">Directory,</a> <a href="#" class="link-hover-secondary-dark">Blog,</a> <a href="#" class="link-hover-secondary-dark">Business,</a> <a href="#" class="link-hover-secondary-dark">PSD Template,</a> <a href="#" class="link-hover-secondary-dark">Clean,</a> <a href="#" class="link-hover-secondary-dark">Services,</a> <a href="#" class="link-hover-secondary-dark">Listing</a> </div>
</div>
<div class="card p-4 widget border-0 schedule bg-gray-06 mb-6 rounded-0 archives">
<h5 class="card-title lh-13 letter-spacing-25">Archives</h5>
<div class="card-body px-0 py-1 bg-transparent">
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item bg-transparent p-0 mb-2"> <a href="#" class="archive d-flex align-items-center text-decoration-none link-hover-dark-primary"> <span class="archive-icon d-flex align-items-center"><i class="fal fa-angle-right"></i></span> <span>May, 2021</span> </a> </li>
<li class="list-group-item bg-transparent p-0 mb-2"> <a href="#" class="archive d-flex align-items-center text-decoration-none link-hover-dark-primary"> <span class="archive-icon d-flex align-items-center"><i class="fal fa-angle-right"></i></span> <span>April, 2021</span> </a> </li>
<li class="list-group-item bg-transparent p-0 mb-2"> <a href="#" class="archive d-flex align-items-center text-decoration-none link-hover-dark-primary"> <span class="archive-icon d-flex align-items-center"><i class="fal fa-angle-right"></i></span> <span>March, 2021</span> </a> </li>
<li class="list-group-item bg-transparent p-0"> <a href="#" class="archive d-flex align-items-center text-decoration-none link-hover-dark-primary"> <span class="archive-icon d-flex align-items-center"><i class="fal fa-angle-right"></i></span> <span> February, 2021 </span></a> </li>
</ul>
</div>
</div>
<div class="card rounded-0 border-0 bg-transparent">
<div class="po-date datepicker-style-02" data-datepicker="true" data-picker-option="{"inline":true,"language":"my-lang"}">
<div class="datepicker-inline">
<div class="datepicker"><i class="datepicker--pointer"></i>
<nav class="datepicker--nav">
<div class="datepicker--nav-action" data-action="prev">
<svg>
<path d="M 17,12 l -5,5 l 5,5"></path>
</svg>
</div>
<div class="datepicker--nav-title">July 2021</div>
<div class="datepicker--nav-action" data-action="next">
<svg>
<path d="M 14,12 l 5,5 l -5,5"></path>
</svg>
</div>
</nav>
<div class="datepicker--content">
<div class="datepicker--days datepicker--body active">
<div class="datepicker--days-names">
<div class="datepicker--day-name -weekend-">S</div>
<div class="datepicker--day-name">M</div>
<div class="datepicker--day-name">T</div>
<div class="datepicker--day-name">W</div>
<div class="datepicker--day-name">T</div>
<div class="datepicker--day-name">F</div>
<div class="datepicker--day-name">S</div>
</div>
<div class="datepicker--cells datepicker--cells-days">
<div class="datepicker--cell datepicker--cell-day -weekend- -other-month-" data-date="27" data-month="5" data-year="2021">27</div>
<div class="datepicker--cell datepicker--cell-day -other-month-" data-date="28" data-month="5" data-year="2021">28</div>
<div class="datepicker--cell datepicker--cell-day -other-month-" data-date="29" data-month="5" data-year="2021">29</div>
<div class="datepicker--cell datepicker--cell-day -other-month-" data-date="30" data-month="5" data-year="2021">30</div>
<div class="datepicker--cell datepicker--cell-day" data-date="1" data-month="6" data-year="2021">1</div>
<div class="datepicker--cell datepicker--cell-day" data-date="2" data-month="6" data-year="2021">2</div>
<div class="datepicker--cell datepicker--cell-day" data-date="3" data-month="6" data-year="2021">3</div>
<div class="datepicker--cell datepicker--cell-day -weekend-" data-date="4" data-month="6" data-year="2021">4</div>
<div class="datepicker--cell datepicker--cell-day" data-date="5" data-month="6" data-year="2021">5</div>
<div class="datepicker--cell datepicker--cell-day" data-date="6" data-month="6" data-year="2021">6</div>
<div class="datepicker--cell datepicker--cell-day" data-date="7" data-month="6" data-year="2021">7</div>
<div class="datepicker--cell datepicker--cell-day" data-date="8" data-month="6" data-year="2021">8</div>
<div class="datepicker--cell datepicker--cell-day" data-date="9" data-month="6" data-year="2021">9</div>
<div class="datepicker--cell datepicker--cell-day" data-date="10" data-month="6" data-year="2021">10</div>
<div class="datepicker--cell datepicker--cell-day -weekend-" data-date="11" data-month="6" data-year="2021">11</div>
<div class="datepicker--cell datepicker--cell-day" data-date="12" data-month="6" data-year="2021">12</div>
<div class="datepicker--cell datepicker--cell-day" data-date="13" data-month="6" data-year="2021">13</div>
<div class="datepicker--cell datepicker--cell-day" data-date="14" data-month="6" data-year="2021">14</div>
<div class="datepicker--cell datepicker--cell-day" data-date="15" data-month="6" data-year="2021">15</div>
<div class="datepicker--cell datepicker--cell-day" data-date="16" data-month="6" data-year="2021">16</div>
<div class="datepicker--cell datepicker--cell-day" data-date="17" data-month="6" data-year="2021">17</div>
<div class="datepicker--cell datepicker--cell-day -weekend-" data-date="18" data-month="6" data-year="2021">18</div>
<div class="datepicker--cell datepicker--cell-day" data-date="19" data-month="6" data-year="2021">19</div>
<div class="datepicker--cell datepicker--cell-day" data-date="20" data-month="6" data-year="2021">20</div>
<div class="datepicker--cell datepicker--cell-day" data-date="21" data-month="6" data-year="2021">21</div>
<div class="datepicker--cell datepicker--cell-day" data-date="22" data-month="6" data-year="2021">22</div>
<div class="datepicker--cell datepicker--cell-day" data-date="23" data-month="6" data-year="2021">23</div>
<div class="datepicker--cell datepicker--cell-day" data-date="24" data-month="6" data-year="2021">24</div>
<div class="datepicker--cell datepicker--cell-day -weekend-" data-date="25" data-month="6" data-year="2021">25</div>
<div class="datepicker--cell datepicker--cell-day -current-" data-date="26" data-month="6" data-year="2021">26</div>
<div class="datepicker--cell datepicker--cell-day" data-date="27" data-month="6" data-year="2021">27</div>
<div class="datepicker--cell datepicker--cell-day" data-date="28" data-month="6" data-year="2021">28</div>
<div class="datepicker--cell datepicker--cell-day" data-date="29" data-month="6" data-year="2021">29</div>
<div class="datepicker--cell datepicker--cell-day" data-date="30" data-month="6" data-year="2021">30</div>
<div class="datepicker--cell datepicker--cell-day" data-date="31" data-month="6" data-year="2021">31</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</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> © 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>