| Current File : /home/tradevaly/demo.tradevaly.com.bd/resources/views/frontend/new/single-product.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="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 class="inner-page-banner heading-title-behind text-center">
<div class="heading heading-style-title-behind mb-0">
<div class="heading-title-wrapper">
<span>Single Product</span>
<h1 class="text-white heading-title h2 font-weight-semibold">Single Product</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">Products</li>
</ul>
</div>
</div>
</div>
<div id="wrapper-content" class="page-shop page-single-product wrapper-content pt-7 pb-19">
<div class="container">
<div class="page-container">
<div class="product single-product row">
<div class="product-images col-lg-8 d-flex mb-5 mb-lg-0">
<div class="slick-slider slider-nav slider-vertical" data-slick-options='{"slidesToShow": 4,"autoplay":true,"dots":false,"arrows":false,"vertical":true,"verticalSwiping":true,"asNavFor": ".slider-for","focusOnSelect": true,"responsive":[{"breakpoint": 768,"settings": {"vertical":false,"verticalSwiping":true}}]}'>
<div class="box"><img src="images/shop/small-product-2.jpg" alt="Gallery 01"></div>
<div class="box"><img src="images/shop/small-product-1.jpg" alt="Gallery 02"></div>
<div class="box"><img src="images/shop/small-product-3.jpg" alt="Gallery 03"></div>
<div class="box"><img src="images/shop/small-product-4.jpg" alt="Gallery 04"></div>
</div>
<div class="slick-slider slider-for slider-vertical" data-slick-options='{"slidesToShow": 1,"autoplay":false,"dots":false,"arrows":false,"asNavFor": ".slider-nav","vertical":true,"verticalSwiping":true,"responsive":[{"breakpoint": 768,"settings": {"vertical":false,"verticalSwiping":false}}]}'>
<div class="box">
<div class="image"> <img src="images/shop/larger-product-02.jpg" alt="Gallery 01">
</div>
</div>
<div class="box">
<div class="image"> <img src="images/shop/larger-product-01.jpg" alt="Gallery 02">
</div>
</div>
<div class="box">
<div class="image"> <img src="images/shop/larger-product-03.jpg" alt="Gallery 03">
</div>
</div>
<div class="box">
<div class="image"> <img src="images/shop/larger-product-04.jpg" alt="Gallery 04">
</div>
</div>
</div>
</div>
<div class="product-details col-lg-4">
<div class="font-size-h5 text-dark lh-1625">Snake & Flower T-Shirt</div>
<div class="author-rate d-flex mb-0">
<span class="rate-item">
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
</span>
<span class="rate-item">
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
</span>
<span class="rate-item">
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
</span>
<span class="rate-item">
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
</span>
<span class="rate-item">
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
</span>
<span class="d-inline-block ml-2 text-gray">3 customer reviews</span>
</div>
<div class="mb-3"> <span class="text-danger font-size-h5">$20.55 </span> <span class="font-size-md text-dark text-decoration-line-through">$34.50</span> </div>
<div class="card p-4 widget border-0 gallery bg-gray-06 rounded-0 mb-4">
<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="fa fa-file-video" aria-hidden="true"></i> </span> <span>Products Video</span> </div>
<div class="card-body px-0 pt-3 pb-0">
<div class="photo-gallery d-flex flex-wrap justify-content-between">
<iframe width="100%" height="200" src="https://www.youtube.com/embed/5ii2PYZkUro" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="card p-4 widget border-0 gallery bg-gray-06 rounded-0 mb-4">
<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-3 pb-0">
<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> </div>
</div>
</div>
<form>
<div class="form-add-cart d-flex flex-wrap flex-sm-nowrap mb-3">
<div class="input-group align-items-center flex-nowrap col-sm-4 px-3"> <a href="#" class="input-group-prepend"><i class="fal fa-minus"></i></a>
<input type="text" class="form-control bg-transparent border-0 text-center" value="02"> <a href="#" class="input-group-append text-decoration-none"><i class="fal fa-plus"></i></a> </div>
<div class="button-add-cart pl-0 pl-sm-5">
<button class="btn btn-primary text-uppercase btn-block font-size-md rounded-0"> Add To Cart </button>
</div>
</div>
</form>
<div class="border-top mb-3 pt-5">
<div class="d-flex">
<span class="text-gray d-inline-block mr-1">Posted By: </span>
<a href="#" class="link-hover-dark-primary">Company Name</a>
</div>
<div class="d-flex">
<span class="text-gray d-inline-block mr-1">Tentative Delivery Days: </span> <span class="text-dark">120 Days</span>
</div>
<div class="d-flex">
<span class="text-gray d-inline-block mr-1">Available Color: </span> <span class="text-dark">Black, Red, Yellow</span>
</div>
<div class="d-flex">
<span class="text-gray d-inline-block mr-1">Product Unit: </span> <span class="text-dark">Kg / Pcs</span>
</div>
<div class="d-flex">
<span class="text-gray d-inline-block mr-1">Categories: </span>
<a href="#" class="link-hover-dark-primary d-inline-block mr-1">Clothing,</a>
<a href="#" class="link-hover-dark-primary">T-Shirt</a>
</div>
<div class="d-flex"> <span class="text-gray d-inline-block mr-1">Tags: </span> <a href="#" class="link-hover-dark-primary d-inline-block mr-1">tshirt, </a> <a href="#" class="link-hover-dark-primary d-inline-block mr-1">pattern, </a> <a href="#" class="link-hover-dark-primary">man</a> </div>
</div>
<div class="social-icon light-color">
<ul class="list-inline text-left">
<li class="mr-1 list-inline-item">
<a target="_blank" title="Twitter" href="#"> <i class="fab fa-twitter">
</i> <span>Twitter</span> </a>
</li>
<li class="list-inline-item">
<a target="_blank" title="Facebook" href="#"> <i class="fab fa-facebook-f">
</i> <span>Facebook</span> </a>
</li>
</ul>
</div>
</div>
</div>
<div class="mb-8 mt-5">
<div class="collapse-tabs">
<div class="my-tab tabs pb-3 mb-0 border-bottom d-none d-sm-block">
<ul class="nav nav-pills tab-style-01 text-capitalize fs-20 justify-content-center" role="tablist">
<li class="nav-item"> <a class="nav-link active" id="description-tab" data-toggle="tab" href="#description" role="tab" aria-controls="description" aria-selected="true">Description</a> </li>
<li class="nav-item"> <a class="nav-link" id="addition-info-tab" data-toggle="tab" href="#addition-info" role="tab" aria-controls="addition-info" aria-selected="false">Addition Information</a> </li>
<li class="nav-item"> <a class="nav-link" id="review-tab" data-toggle="tab" href="#review" role="tab" aria-controls="review" aria-selected="false">Reviews (3)</a> </li>
<li class="nav-item"> <a class="nav-link" id="tsd-tab" data-toggle="tab" href="#tsd" role="tab" aria-controls="tsd" aria-selected="false">TDS File</a> </li>
<li class="nav-item"> <a class="nav-link" id="catalog-tab" data-toggle="tab" href="#catalog" role="tab" aria-controls="catalog" aria-selected="false">Catalog File</a> </li>
<li class="nav-item"> <a class="nav-link" id="query-tab" data-toggle="tab" href="#query" role="tab" aria-controls="query" aria-selected="false">Send Query</a> </li>
</ul>
</div>
<div class="bg-gray-02 tab-content py-7">
<div id="collapse-tabs-accordion">
<div class="tab-pane fade show active px-0 px-md-8 mb-4 mb-sm-0" id="description" role="tabpanel" aria-labelledby="description-tab">
<div class="card bg-transparent mb-4 mb-sm-0">
<div class="card-header d-block d-sm-none bg-transparent px-0 py-1" id="headingDescription">
<h5 class="mb-0">
<button class="btn font-size-h5 btn-block" data-toggle="collapse" data-target="#description-collapse" aria-expanded="true" aria-controls="description-collapse">
Description
</button>
</h5> </div>
<div id="description-collapse" class="collapse show collapsible" aria-labelledby="headingDescription" data-parent="#collapse-tabs-accordion">
<div class="card-body p-sm-0 border-sm-0">
<div class="lh-lg text-center">
<p class="mb-6"> Go sporty this summer with this vintage navy and white striped v-neck t-shirt from the Abercrombie & Fitch. Perfect for pairing with denim and white kicks for a stylish sporty vibe. Will fit a UK 8-10, model shown is a UK 8 and 5’5. !! </p>
<p>Typography is the work of typesetters, compositors, typographers, graphic designers, art directors, manga artists, comic book artists, graffiti artists, and now—anyone who arranges words, letters, numbers, and symbols for publication, display, or distribution—from clerical workers and newsletter writers to anyone self-publishing materials.</p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade px-0 px-md-8 mb-4 mb-sm-0" id="addition-info" role="tabpanel" aria-labelledby="addition-info-tab">
<div class="card bg-transparent mb-4 mb-sm-0">
<div class="card-header d-block d-sm-none bg-transparent px-0 py-1" id="headingAdditonInfo">
<h5 class="mb-0">
<button class="btn font-size-h5 btn-block collapsed" data-toggle="collapse" data-target="#addition-info-collapse" aria-expanded="true" aria-controls="description-collapse">
Addition Information
</button>
</h5> </div>
<div id="addition-info-collapse" class="collapse collapsible" aria-labelledby="headingAdditonInfo" data-parent="#collapse-tabs-accordion">
<div class="card-body p-sm-0 border-sm-0"> </div>
</div>
</div>
</div>
<div class="tab-pane fade px-0 px-md-8 mb-4 mb-sm-0" id="review" role="tabpanel" aria-labelledby="review-tab">
<div class="card bg-transparent mb-4 mb-sm-0">
<div class="card-header d-block d-sm-none bg-transparent px-0 py-1" id="headingReview">
<h5 class="mb-0">
<button class="btn font-size-h5 btn-block collapsed" data-toggle="collapse" data-target="#review-collapse" aria-expanded="true" aria-controls="description-collapse">
Reviews (3)
</button>
</h5> </div>
<div id="review-collapse" class="collapse collapsible" aria-labelledby="headingReview" data-parent="#collapse-tabs-accordion">
<div class="card-body p-sm-0 border-sm-0">
<form>
<div class="rate mb-3">
<input type="radio" id="star5" name="rate" value="5">
<label for="star5" title="text">5 stars</label>
<input type="radio" id="star4" name="rate" value="4">
<label for="star4" title="text">4 stars</label>
<input type="radio" id="star3" name="rate" value="3">
<label for="star3" title="text">3 stars</label>
<input type="radio" id="star2" name="rate" value="2">
<label for="star2" title="text">2 stars</label>
<input type="radio" id="star1" name="rate" value="1">
<label for="star1" title="text">1 star</label>
</div>
<textarea class="form-control" name="txtarea" cols="30" rows="5" placeholder="Write Here....."></textarea><br>
<a href="#" class="btn btn-sm px-7 text-white btn-animated">Submit</a>
</form>
</div>
</div>
</div>
</div>
<div class="tab-pane fade px-0 px-md-8 mb-4 mb-sm-0" id="tsd" role="tabpanel" aria-labelledby="tsd-tab">
<div class="card bg-transparent mb-4 mb-sm-0">
<div id="review-collapse" class="collapse collapsible" aria-labelledby="headingReview" data-parent="#collapse-tabs-accordion">
<div class="card-body row p-sm-0 border-sm-0">
<div class="col-md-6">
<embed src="images/pdf.pdf" type="application/pdf" frameBorder="0" scrolling="auto" height="500" width="100%" ></embed>
</div>
<div class="col-md-6">
<embed src="images/pdf.pdf" type="application/pdf" frameBorder="0" scrolling="auto" height="500" width="100%" ></embed>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade px-0 px-md-8 mb-4 mb-sm-0" id="catalog" role="tabpanel" aria-labelledby="catalog-tab">
<div class="card bg-transparent mb-4 mb-sm-0">
<div id="review-collapse" class="collapse collapsible" aria-labelledby="headingReview" data-parent="#collapse-tabs-accordion">
<div class="card-body row p-sm-0 border-sm-0">
<div class="col-md-6">
<embed src="images/pdf1.pdf" type="application/pdf" frameBorder="0" scrolling="auto" height="500" width="100%" ></embed>
</div>
<div class="col-md-6">
<embed src="images/pdf1.pdf" type="application/pdf" frameBorder="0" scrolling="auto" height="500" width="100%" ></embed>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade px-0 px-md-8 mb-4 mb-sm-0" id="query" role="tabpanel" aria-labelledby="query-tab">
<div class="card bg-transparent mb-4 mb-sm-0">
<div id="review-collapse" class="collapse collapsible" aria-labelledby="headingReview" data-parent="#collapse-tabs-accordion">
<div class="card-body p-sm-0 border-sm-0">
<form>
<div class="form-row">
<div class="mb-2 form-group col-md-12">
<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="Full Name
">
</div>
</div><!-- form-group col-md-6 -->
<div class="mb-2 form-group col-md-6">
<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-2 form-group col-md-6">
<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 -->
<textarea class="form-control" name="txtarea" cols="30" rows="5" placeholder="Write Here....."></textarea><br>
<a href="#" class="btn btn-sm px-7 text-white btn-animated">Submit</a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relate-products">
<h5 class="mb-5 text-left">Related Products</h5>
<div class="slick-slider" data-slick-options='{"slidesToShow": 4,"autoplay":true,"dots":false,"arrows":true,"responsive":[{"breakpoint": 1000,"settings": {"slidesToShow": 2}},{"breakpoint": 770,"settings": {"slidesToShow": 1,"arrows":false}}]}'>
<div class="box">
<div class="product card border-0 rounded-0 p-0">
<div class="position-relative h-100">
<a href=""> <img src="images/shop/product-1.jpg" alt="Product 1" class="card-img-top"> </a>
</div>
<div class="card-body text-center position-relative"> <a href="" class="link-hover-secondary-primary font-size-md mb-1">Black Printed T-Shirt</a>
<div class="product-meta-wrapper position-relative">
<div class="product-meta position-absolute">
<div class="mt-1 author-rate d-flex justify-content-center">
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
</div>
<div class="font-size-md"> <span class="text-danger">$35.00</span> <span class="text-dark text-decoration-line-through">$47.50</span> </div>
</div>
<div class="add-to-cart position-absolute w-100"> <a href="#" class="link-hover-dark-primary font-weight-semibold text-uppercase">Add
to
cart</a> </div>
</div>
</div>
</div>
</div>
<div class="box">
<div class="product card border-0 rounded-0 p-0">
<div class="position-relative h-100">
<a href=""> <img src="images/shop/product-2.jpg" alt="Product 2" class="card-img-top"> </a>
</div>
<div class="card-body text-center position-relative"> <a href="" class="link-hover-secondary-primary font-size-md mb-1">White Retro
Sneaker</a>
<div class="product-meta-wrapper position-relative">
<div class="product-meta position-absolute">
<div class="mt-1 author-rate d-flex justify-content-center">
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
</div>
<div class="font-size-md"> <span class="text-danger">$35.00</span> <span class="text-decoration-line-through text-dark">$47.50</span> </div>
</div>
<div class="add-to-cart position-absolute w-100"> <a href="#" class="link-hover-dark-primary font-weight-semibold text-uppercase">
Add to cart</a> </div>
</div>
</div>
</div>
</div>
<div class="box">
<div class="product card border-0 rounded-0 p-0">
<div class="position-relative h-100">
<a href=""> <img src="images/shop/product-3.jpg" alt="Product 3" class="card-img-top"> </a>
</div>
<div class="card-body text-center position-relative"> <a href="" class="link-hover-secondary-primary font-size-md mb-1">Herschuply
Snapback</a>
<div class="product-meta-wrapper position-relative">
<div class="product-meta position-absolute">
<div class="mt-1 author-rate d-flex justify-content-center">
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
<i class="color-rgange fa fa-star" aria-hidden="true"></i>
</div>
<div class="font-size-md"> <span class="text-dark">$25.00</span> </div>
</div>
<div class="add-to-cart position-absolute w-100"> <a href="#" class="link-hover-dark-primary font-weight-semibold text-uppercase">Add
to
cart</a> </div>
</div>
</div>
</div>
</div>
<div class="box">
<div class="product card border-0 rounded-0 p-0">
<div class="position-relative h-100">
<a href=""> <img src="images/shop/product-8.jpg" alt="Product 8" class="card-img-top"> </a>
</div>
<div class="card-body text-center position-relative"> <a href="" class="link-hover-secondary-primary font-size-md mb-1">Herschuply
Floral Backpack</a>
<div class="product-meta-wrapper position-relative">
<div class="product-meta position-absolute">
<div class="font-size-md"> <span class="text-dark">$45.00</span> </div>
</div>
<div class="add-to-cart position-absolute w-100"> <a href="#" class="link-hover-dark-primary font-weight-semibold text-uppercase">Add
to
cart</a> </div>
</div>
</div>
</div>
</div>
<div class="box">
<div class="product card border-0 rounded-0 p-0">
<div class="position-relative h-100">
<a href=""> <img src="images/shop/product-5.jpg" alt="Product 5" class="card-img-top"> </a>
</div>
<div class="card-body text-center position-relative"> <a href="" class="link-hover-secondary-primary font-size-md mb-1">Dragonfly
T-Shirt</a>
<div class="product-meta-wrapper position-relative">
<div class="product-meta position-absolute">
<div class="font-size-md"> <span class="text-danger">$27.00</span> <span class="text-decoration-line-through text-dark">$32.50</span> </div>
</div>
<div class="add-to-cart position-absolute w-100"> <a href="#" class="link-hover-dark-primary font-weight-semibold text-uppercase">Add
to
cart</a> </div>
</div>
</div>
</div>
</div>
<div class="box">
<div class="product card border-0 rounded-0 p-0">
<div class="position-relative h-100">
<a href=""> <img src="images/shop/product-6.jpg" alt="Product 6" class="card-img-top"> </a>
</div>
<div class="card-body text-center position-relative"> <a href="" class="link-hover-secondary-primary font-size-md mb-1">Herschuply
Floral Duffles</a>
<div class="product-meta-wrapper position-relative">
<div class="product-meta position-absolute">
<div class="font-size-md"> <span class="text-dark">$45.70</span> </div>
</div>
<div class="add-to-cart position-absolute w-100"> <a href="#" class="link-hover-dark-primary font-weight-semibold text-uppercase">Add
to
cart</a> </div>
</div>
</div>
</div>
</div>
<div class="box">
<div class="product card border-0 rounded-0 p-0">
<div class="position-relative h-100">
<a href=""> <img src="images/shop/product-7.jpg" alt="Product 7" class="card-img-top"> </a>
</div>
<div class="card-body text-center position-relative"> <a href="" class="link-hover-secondary-primary font-size-md mb-1">Basic Leather
Shoes</a>
<div class="product-meta-wrapper position-relative">
<div class="product-meta position-absolute">
<div class="font-size-md"> <span class="text-dark">$59.00</span> </div>
</div>
<div class="add-to-cart position-absolute w-100"> <a href="#" class="link-hover-dark-primary font-weight-semibold text-uppercase">Add
to
cart</a> </div>
</div>
</div>
</div>
</div>
<div class="box">
<div class="product card border-0 rounded-0 p-0">
<div class="position-relative h-100">
<a href=""> <img src="images/shop/product-9.jpg" alt="Product 9"> </a>
</div>
<div class="card-body text-center position-relative"> <a href="" class="link-hover-secondary-primary font-size-md mb-1">Basic Red Shoes</a>
<div class="product-meta-wrapper position-relative">
<div class="product-meta position-absolute">
<div class="font-size-md"> <span class="text-dark">$35.00</span> </div>
</div>
<div class="add-to-cart position-absolute w-100"> <a href="#" class="link-hover-dark-primary font-weight-semibold text-uppercase">Add
to
cart</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="main-footer main-footer-style-01 bg-pattern-01 pt-8 pb-5">
<div class="footer-second">
<div class="container">
<div class="row">
<div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
<div class="mb-8"><img src="images/logo.svg" width="250" alt="TradeValy"></div>
<div class="mb-7">
<div class="font-size-md font-weight-semibold text-dark mb-4">Global Headquaters</div>
<p class="mb-0"> Nishindara Se-Re Bangla
<br> Nagor , Bogura
<br> Bangladesh. </p>
</div>
</div>
<div class="col-md-6 col-lg mb-4 mb-lg-0">
<div class="font-size-md font-weight-semibold text-dark mb-4"> Company </div>
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">About Us</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Team</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Careers</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Investors</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">Contact Us</a> </li>
</ul>
</div>
<div class="col-md-6 col-lg mb-4 mb-lg-0">
<div class="font-size-md font-weight-semibold text-dark mb-4"> Quick Links </div>
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="" class="link-hover-secondary-primary">FAQS</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Support</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Sitemap</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Community</a> </li>
<li class="list-group-item px-0 lh-1625 bg-transparent py-1"> <a href="#" class="link-hover-secondary-primary">Offices</a> </li>
</ul>
</div>
<div class="col-sm-6 col-lg-4 mb-4 mb-lg-0">
<div class="pl-0 pl-lg-9">
<div class="font-size-md font-weight-semibold text-dark mb-4">Our Newsletter</div>
<div class="mb-4">Subscribe to our newsletter and
<br> we will inform you about newset directory and promotions </div>
<div class="form-newsletter">
<form>
<div class="input-group bg-white">
<input type="text" class="form-control border-0" placeholder="Email Address... ">
<button type="button" class="input-group-append btn btn-white bg-transparent text-dark border-0"> <i class="fas fa-arrow-right"></i> </button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-last mt-5 mt-md-5">
<div class="container">
<div class="footer-last-container position-relative">
<div class="row align-items-center">
<div class="col-lg-4 mb-3 mb-lg-0">
<div class="social-icon text-dark">
<ul class="list-inline">
<li class="list-inline-item mr-5">
<a target="_blank" title="Twitter" href="#"> <i class="fab fa-twitter"> </i> <span>Twitter</span> </a>
</li>
<li class="list-inline-item mr-5">
<a target="_blank" title="Facebook" href="#"> <i class="fab fa-facebook-f"> </i> <span>Facebook</span> </a>
</li>
<li class="list-inline-item mr-5">
<a target="_blank" title="Rss" href="#"> <i class="fas fa-rss"></i> <span>Rss</span> </a>
</li>
</ul>
</div>
</div>
<div class="col-lg-5 mb-3 mb-lg-0">
<div> © 2021 Copyright | tradevaly.com | All rights reserved. </div>
</div>
<div class="back-top text-left text-lg-right gtf-back-to-top"> <a href="#" class="link-hover-secondary-primary"><i class="fal fa-arrow-up"></i><span>Back To Top</span></a> </div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="vendors/jquery.min.js"></script>
<script src="vendors/jquery-ui/jquery-ui.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>