| Current File : /home/tradevaly/demo.tradevaly.com.bd/resources/views/frontend/welcome.blade.php |
@extends('layouts.frontend')
@section('content')
<div class="content-wrap">
<section class="bannerarea">
<div class="container">
<div class="baone bacommon">
<h4>All Categories</h4>
<ul>
<li><a href="#">Mechanical Engineering</a></li>
<li><a href="#">Electrical & Electronics</a></li>
<li><a href="#">Industrial Machinery</a></li>
<li><a href="#">Industrial Chemicals</a></li>
<li><a href="#">Tools & Hardware</a></li>
<li><a href="#">Plastic & Rubber</a></li>
<li><a href="#">Services To Industries</a></li>
<li><a href="#">Printing & Packaging</a></li>
<li><a href="#">Security & Fire Protection</a></li>
<li><a href="#">Food & Beverage</a></li>
<li><a href="#">Automobile & Accessories</a></li>
<li><a href="#">Garments & Apparels</a></li>
<li><a href="#">Construction & Decoration</a></li>
</ul>
<a href="#"><h5>View All</h5></a>
</div>
<div class="batwo bacommon">
<h1>Discover<br> Your DesiredSourcing</h1>
<h5>Join now and be a part of the fastest large growing <br> B2B network</h5>
</div>
<div class="bathree bacommon">
<div class="fromarea">
<form action="/action_page.php" class="bannerfrom">
<input type="text" name="requirements" placeholder="Requirements"/><br>
<input type="text" name="nameorcompany" placeholder="Name / Company"/><br>
<input type="text" name="email" placeholder="Email"/><br>
<input type="text" name="phone" placeholder="Phone"/><br>
<select id="sallerbuyer" name="sallerbuyer">
<option value="saller">Saller</option>
<option value="buyer">Buyer</option>
</select><br>
<input type="submit" value="Submit" id="submit1">
</form>
</div>
</div>
</div>
</section>
<section class="allcategories">
<div class="container allcatm">
<h3>All Categories</h3>
<div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div>
<div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div><div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div>
<div class="catbox floatleft">
<a href="#">
<div class="catimg">
<img src="public/frontend/images/categoryimg/catimg1.png" alt="">
</div>
<div class="catname">
<span><a href="#">Smart Phone</a></span>
</div>
</a>
</div>
</div>
</section>
<section class="featureproduct">
<div class="container">
<div class="fptitle">
<h3 class="floatleft">Feature Products</h3>
<a class="floatleft" href="#">View All</a>
</div>
</div>
</section>
<section id="exclusive">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="0">
<!-- Carousel indicators -->
<!-- <ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol> -->
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="item active">
<div class="row">
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Apple iPad</h4>
<p class="item-price"><strike>$400.00</strike> <span>$369.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Sony Headphone</h4>
<p class="item-price"><strike>$25.00</strike> <span>$23.99</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Macbook Air</h4>
<p class="item-price"><strike>$899.00</strike> <span>$649.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-half-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Nikon DSLR</h4>
<p class="item-price"><strike>$315.00</strike> <span>$250.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Macbook Air</h4>
<p class="item-price"><strike>$899.00</strike> <span>$649.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-half-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Nikon DSLR</h4>
<p class="item-price"><strike>$315.00</strike> <span>$250.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row">
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Apple iPad</h4>
<p class="item-price"><strike>$400.00</strike> <span>$369.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Sony Headphone</h4>
<p class="item-price"><strike>$25.00</strike> <span>$23.99</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Macbook Air</h4>
<p class="item-price"><strike>$899.00</strike> <span>$649.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-half-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Nikon DSLR</h4>
<p class="item-price"><strike>$315.00</strike> <span>$250.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Macbook Air</h4>
<p class="item-price"><strike>$899.00</strike> <span>$649.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-half-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="thumb-wrapper">
<div class="img-box">
<img src="https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80" class="img-responsive" alt="">
</div>
<div class="thumb-content">
<h4>Nikon DSLR</h4>
<p class="item-price"><strike>$315.00</strike> <span>$250.00</span></p>
<div class="star-rating">
<ul class="list-inline">
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
<li class="list-inline-item"><i class="fa fa-star-o"></i></li>
</ul>
</div>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Carousel controls -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">
<i class="fa fa-angle-left"></i>
</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">
<i class="fa fa-angle-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="section-01" class="home-main-intro" style="display:none">
<div class="home-main-intro-container">
<div class="container">
<div class="heading mb-9">
<h1 class="mb-7">
<span class="d-block" data-animate="slideInLeft">{{ !empty($indexSlide->text_one) ? $indexSlide->text_one : 'Some Text Missing' }}</span>
<span class="font-weight-light d-block" data-animate="fadeInRight">{{ !empty($indexSlide->text_two) ? $indexSlide->text_two : 'Some Text Missing' }}</span>
</h1>
<p class="h5 font-weight-normal text-secondary mb-0" data-animate="fadeInDown">
{{ !empty($indexSlide->text_three) ? $indexSlide->text_three : 'Some Text Missing' }}
</p>
</div>
<div class="form-search form-search-style-02 pb-9" data-animate="fadeInDown">
{!! Form::open(array('url' => 'company-list-by-main-search','method'=>'get', 'id'=> 'main-search-form')) !!}
<div class="row align-items-end no-gutters">
<div class="col-xl-3 mb-4 mb-xl-0 py-3 px-4 bg-white border-right position-relative rounded-left form-search-item">
<label for="What" class="font-size-md font-weight-semibold text-dark mb-0 lh-1">What</label>
<div class="input-group dropdown show">
<input type="text" autocomplete="off" id="what" name="what" class="form-control form-control-mini border-0 px-0 bg-transparent" placeholder="Ex: Service" data-toggle="dropdown" aria-haspopup="true" required>
<a href="#" class="input-group-append text-decoration-none" data-toggle="dropdown">
<i class="fal fa-chevron-down"></i>
</a>
<ul class="dropdown-menu form-search-ajax" aria-labelledby="key-word">
<li class="dropdown-item item">
<a href="#" class="link-hover-dark-white">
<!-- <img src="{{ asset('public/frontend/images/1.png') }}" width="25" alt="Icon"> -->
<span class="font-size-md">Products</span>
</a>
</li>
<li class="dropdown-item item">
<a href="#" class="link-hover-dark-white">
<!-- <img src="{{ asset('public/frontend/images/2.png') }}" width="25" alt="Icon"> -->
<span class="font-size-md">Companies</span>
</a>
</li>
<!-- <li class="dropdown-item item">
<a href="#" class="link-hover-dark-white">
<img src="{{ asset('public/frontend/images/1.png') }}" width="25" alt="Icon">
<span class="font-size-md">Buyers</span>
</a>
</li> -->
</ul>
</div>
</div>
<div class="col-xl-7 mb-4 mb-xl-0 py-3 px-4 bg-white position-relative rounded-right form-search-item">
<label for="key-word" class="font-size-md font-weight-semibold text-dark mb-0 lh-1">Search</label>
<div class="input-group dropdown show">
<input type="text" autocomplete="off" id="keyword" name="keyword" class="form-control form-control-mini border-0 px-0 bg-transparent region" placeholder="Products/Companies/Buyers" data-toggle="dropdown" aria-haspopup="true" required>
</div>
</div>
<div class="col-xl-2 button">
<button type="submit" class="btn btn-primary btn-lg btn-icon-left btn-block"><i class="fal fa-search"></i>Search
</button>
</div>
</div>
{!! Form::close() !!}
</div>
<div class="font-size-lg mb-4" style="font-size: 1.5rem!important;font-weight: 600;color: #000;text-transform: uppercase;">{{ !empty($indexSlide->text_four) ? $indexSlide->text_four : 'Some Text Missing' }}</div>
<div class="hon-12-icon list-inline pb-8 flex-wrap my-n2">
@if( isset($topCategory) && !empty($topCategory) )
@foreach( $topCategory as $keyPC=> $dPCategory )
<div class="list-inline-item py-2">
<a href="product-list-by-category/{{$keyPC}}" class="card border-0 icon-box-style-01 link-hover-dark-white">
<div class="card-body p-0">
<img src="{{ asset('storage/app/public/product-top-category-icon/'.$dPCategory['icon']) }}" alt="Icon">
<span class="card-text font-size-md font-weight-semibold mt-1 d-block">
</span>
</div>
<span class="ic-tex">{{ !empty($dPCategory['name']) ? $dPCategory['name'] : '' }}</span>
</a>
</div>
@endforeach
@endif
</div>
</div>
<div class="home-main-how-it-work bg-white pt-0">
<div class="job-by mt-0">
<div class="popo-ban-tab job-filter">
<div class="container">
<ul class="nav nav-pills tab-style-02 row font-size-lg" role="tablist">
<li class="nav-item col-md-6"> <a class="nav-link active" id="category-tab" data-toggle="tab" href="#category" role="tab" aria-controls="category" aria-selected="true">Hot Products By Categories</a> </li>
<li class="nav-item col-md-6"> <a class="nav-link" id="popular-search-tab" data-toggle="tab" href="#popular-search" role="tab" aria-controls="popular-search" aria-selected="false">Popular Search</a> </li>
</ul>
</div>
</div>
<div class="job-by-container bg-white">
<div class="container">
<div class="tab-content">
<div class="tab-pane fade show active" id="category" role="tabpanel" aria-labelledby="category-tab">
<div class="row" id="data-wrapper-list-product">
<!-- Data Loader -->
<div class="auto-load-list-product text-center">
<svg version="1.1" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" height="60" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
<path fill="#000"
d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
<animate Transform attributeName="transform" attributeType="XML" type="rotate" dur="1s"
from="0 50 50" to="360 50 50" repeatCount="indefinite" />
</path>
</svg>
</div>
</div>
</div>
<div class="tab-pane fade" id="popular-search" role="tabpanel" aria-labelledby="popular-search-tab">
<div class="row" id="data-wrapper-list-popular">
<div class="auto-load-list-popular text-center">
<svg version="1.1" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" height="60" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
<path fill="#000"
d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
<animate Transform attributeName="transform" attributeType="XML" type="rotate" dur="1s"
from="0 50 50" to="360 50 50" repeatCount="indefinite" />
</path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section2">
<div class="container">
<div class="ads1">
<div id="myCarousel" class="carousel-m slide" data-ride="carousel">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-m-inner-modify">
@if ( !empty( $homeAdvertiser[1]) )
@php $ai=1; @endphp
@foreach( $homeAdvertiser[1] as $ad )
<div class='item {{ ($ai==1) ? "active" : "" }}'>
<a href="{{ !empty($ad['url']) ? $ad['url'] : '#' }}" target="{{ !empty($ad['url']) ? '_blank' : '_self' }}">
<img src="{{ asset('storage/app/public/home-advertisers/'.$ad['image']) }}" alt="Advertise" style="width:100%;height:125px">
</a>
</div>
@php $ai++; @endphp
@endforeach
@endif
</div>
<!-- Left and right controls -->
</div>
</div>
<div class="ads2">
<div id="myCarousel" class="carousel-m slide" data-ride="carousel">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-m-inner-modify">
@if ( !empty( $homeAdvertiser[2]) )
@php $bi=1; @endphp
@foreach( $homeAdvertiser[2] as $ad )
<div class='item {{ ($bi==1) ? "active" : "" }}'>
<a href="{{ !empty($ad['url']) ? $ad['url'] : '#' }}" target="{{ !empty($ad['url']) ? '_blank' : '_self' }}">
<img src="{{ asset('storage/app/public/home-advertisers/'.$ad['image']) }}" alt="Advertise" style="width:100%;height:125px">
</a>
</div>
@php $bi++; @endphp
@endforeach
@endif
</div>
<!-- Left and right controls -->
</div>
</div>
</div>
</section>
<section id="section-03" class="mt-7 pb-8 our-directory">
<div class="container">
<div class="mb-7">
<div class="row">
<h2 class="col-sm-9 col-md-11 mb-0">
<span class="font-weight-semibold">Trending </span>
<span class="font-weight-light">Offers</span>
</h2>
<div class="col-sm-3 col-md-1 mr-0 ml-auto d-flex slick-custom-nav pl-5">
<div class="arrow slick-prev disabled" id="previous"><i class="fas fa-chevron-left"></i></div>
<div class="arrow slick-next" id="next"><i class="fas fa-chevron-right"></i></div>
</div>
</div><!-- row -->
</div>
</div>
<div class="container container-1720">
<div class="tab-content">
<div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all">
<div class="slick-slider arrow-top full-slide custom-nav equal-height" data-slick-options='{"slidesToShow": 5,"autoplay":false,"dots":false,"arrows":false,"responsive":[{"breakpoint": 2000,"settings": {"slidesToShow": 4}},{"breakpoint": 1500,"settings": {"slidesToShow": 3}},{"breakpoint": 1000,"settings": {"slidesToShow": 2}},{"breakpoint": 770,"settings": {"slidesToShow": 1}}]}'>
@if( !empty($trendingBuySellProduct) )
@foreach( $trendingBuySellProduct as $value )
<div class="box slick-modify" data-animate="fadeInUp">
<div class="store card border-0 rounded-0">
<div class="position-relative store-image">
<a href="{{ url('single-product/'.$value['id']) }}">
<img src="{{ asset('storage/app/public/products/product_feature_image/'.$value['feature_product_image']) }}" alt="store 1" class="card-img-top rounded-0">
</a>
<div class="image-content position-absolute d-flex align-items-center">
<div class="content-left mr-auto">
<div class="badge badge-primary">{{ !empty($topCategory[$value['first_step_cat_id']]['name']) ? $topCategory[$value['first_step_cat_id']]['name'] : '' }}</div>
</div>
<div class="content-right ml-auto d-flex w-lg show-link">
<a href="{{ asset('storage/app/public/products/product_feature_image/'.$value['feature_product_image']) }}" class="q-viw item viewing" data-toggle="tooltip" data-placement="top" title="Quickview" data-gtf-mfp="true">
<i class="fas fa-expand-arrows-alt"></i>
</a>
</div>
</div>
</div>
<div class="card-body px-0 pb-5 pt-3">
<a href="{{ url('single-product/'.$value['id']) }}" class="card-title h5 text-dark d-inline-block mb-2">
<span class="letter-spacing-25">
@if( strlen($value['product_name']) > 29)
{{ substr($value['product_name'], 0, 29) }}...
@else
{{ $value['product_name'] }}
@endif
</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 d-inline-block mr-1">5.0</span><span>4 rating</span></li>
@if( !empty( $value['product_price'][0]['net_price']) )
<li class="list-inline-item separate"></li>
<li class="list-inline-item">
<span class="mr-1">Price</span>
<span class="text-danger font-weight-semibold">
Tk. {{ !empty($value['product_price'][0]['net_price']) ? $value['product_price'][0]['net_price'] : 0.00 }}
{{ !empty($value['product_price'][0]['price_type'] ==3 ) ? '(Negotiable)' : '' }}
</span>
</li>
@elseif( !empty($value['product_price'][0]['from_price']) && !empty($value['product_price'][0]['to_price']) )
<li class="list-inline-item separate"></li>
<li class="list-inline-item">
<span class="mr-1">Price</span>
<span class="text-danger font-weight-semibold">
Tk. {{ $value['product_price'][0]['from_price'] .' to '.$value['product_price'][0]['to_price'] }}
</span>
</li>
@elseif( !empty($value['product_price'][0]['regular_price']) && !empty($value['product_price'][0]['offcer_price']) )
<li class="list-inline-item separate"></li>
<li class="list-inline-item">
<span class="mr-1">Price</span>
<span class="text-danger font-weight-semibold">
Tk. <del style="color:red">{{ $value['product_price'][0]['regular_price'] }}</del>
{{ $value['product_price'][0]['offcer_price'] }}
</span>
</li>
@elseif( !empty($value['product_price'][0]['negotiable']) && ($value['product_price'][0]['negotiable'] == 1) )
<li class="list-inline-item separate"></li>
<li class="list-inline-item">
<span class="mr-1">Price</span>
<span class="text-danger font-weight-semibold">
Negotiable
</span>
</li>
@endif
</ul>
<div class="media">
<!--<a href="#" class="d-inline-block mr-3"><img src="{{ asset('public/frontend/images/listing/testimonial-1.png') }}" alt="testimonial" class="rounded-circle">
</a>-->
<div class="media-body lh-14 font-size-sm">
@if( strlen($value['short_description']) > 44)
{{ substr($value['short_description'], 0, 44) }}...
@else
{{ $value['short_description'] }}
@endif
</div>
</div>
</div>
<div class="card-footer align-items-center text-center"> <a href="{{ url('single-product/'.$value['id']) }}" class="text-danger" tabindex="0">View</a> </div>
</div>
</div>
@endforeach
@endif
</div>
</div>
</div>
</div>
</section>
<section class="trade-vdo pt-7 pb-7">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 mb-lg-0 mb-5" data-animate="slideInLeft">
<div class="mb-4">
<h4 class="font-weight-bold text-uppercase">FEATURED ADVERTISERS</h4> </div>
<div class="slick-slider arrows-inner " data-slick-options='{"slidesToShow": 1, "autoplay":false,"dots":false}'>
@if( !empty( $homeAdvertiser[5] ))
@foreach($homeAdvertiser[5] as $feaAdd)
<div class="box">
<a href="{{ !empty($feaAdd['url']) ? $feaAdd['url'] : '#' }}" target="{{ !empty($feaAdd['url']) ? '_blank' : '_self' }}"><img src="{{ asset('storage/app/public/home-advertisers/'.$feaAdd['image']) }}" alt=""></a>
</div>
@endforeach
@endif
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 listing-job-feature" data-animate="slideInRight">
<div class="mb-4">
<h4 class="font-weight-bold text-uppercase">Why advertise with TradeValy?</h4> </div>
<div class="ifram-box">
<iframe width="" height="" src="https://www.youtube.com/embed/{{!empty($whyTradeValy->video) ? $whyTradeValy->video : ''}}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<section id="section-03" class="mt-7 pb-8 our-directory">
<div class="container" >
<h2 class="col-sm-12 col-md-11 mb-0">
<span class="font-weight-light">Explore Products From</span>
<span class="font-weight-semibold">Verified Suplliers </span>
</h2>
<div class="row">
@if( !empty($serviceData) )
@foreach( $serviceData as $value )
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3" style="margin-top:20px">
<div class="card border-0" style="border:1px solid #cdced2 !important">
<a href="{{ url('single-product/'.$value['id']) }}" class="hover-scale">
<img src="{{ asset('storage/app/public/products/product_feature_image/'.$value['feature_product_image']) }}" alt="product 1" class="card-img-top image" style="height:240px">
<div class="content-right ml-auto d-flex w-lg show-link" >
<a href="{{ url('single-product/'.$value['id']) }}" class="q-viw item viewing" data-toggle="tooltip" data-placement="top" title="See Video" data-gtf-mfp="true">
@if (!empty($value['youtube_video']) )
<i class="fas fa-video" style="background: #000;padding:5px;color:#fff">
<span style="font-family:work sans, sans-serif;font-size:14px">Video</span>
</i>
@else
 
@endif
</a>
</div>
</a>
<div class="card-body px-0" style="margin:auto;margin:0px 10px 0px 10px">
<div class="mb-2">
<a href="{{ url('single-product/'.$value['id']) }}" class="link-hover-dark-primary">
@if( strlen($value['product_name']) > 60)
{{ substr($value['product_name'], 0, 60) }}...
@else
{{ $value['product_name'] }}
@endif
</a>
</div>
<h5 class="card-title lh-13 letter-spacing-25">
@if( !empty($value['product_price']))
@if( $value['product_price'][0]['price_type'] == 1 && !empty($value['product_price'][0]['net_price']) )
@if( !empty($value['product_price'][0]['offcer_price']) )
<span class="te xt-dark text-decoration-line-through" style="font-size:13px">
{{ $value['product_price'][0]['regular_price'] }}.00</span>
<span class="text-danger" style="font-size:14px">
{{ !empty($countryCurrencyOnly[$value['product_price'][0]['country_id']]) ? $countryCurrencyOnly[$value['product_price'][0]['country_id']] : ''}}
{{ !empty($value['product_price'][0]['net_price']) ? $value['product_price'][0]['net_price'] : '' }}.00</span>
@else
<span class="text-danger" style="font-size:14px">
{{ !empty($countryCurrencyOnly[$value['product_price'][0]['country_id']]) ? $countryCurrencyOnly[$value['product_price'][0]['country_id']] : ''}}
{{$value['product_price'][0]['net_price']}}.00</span>
@endif
@elseif( $value['product_price'][0]['price_type'] == 2 )
@if( !empty($value['product_price'][0]['from_price'] && $value['product_price'][0]['to_price'] ) )
<span class="text-danger" style="font-size:14px">
{{ !empty($countryCurrencyOnly[$value['product_price'][0]['country_id']]) ? $countryCurrencyOnly[$value['product_price'][0]['country_id']] : ''}}
{{$value['product_price'][0]['from_price']}}.00-{{$value['product_price'][0]['to_price']}}.00</span>
@endif
@elseif( $value['product_price'][0]['price_type'] == 3 )
<span class="text-danger" style="font-size:14px">Negotiable</span>
@endif
@else
<span class="text-danger" style="font-size:14px">Negotiable</span>
@endif
</h5>
<ul class="list-inline">
<li class="list-inline-item mr-0">
<span class="text-gray">
{{ !empty($value['product_inventory'][0]['minimum_order']) ? $value['product_inventory'][0]['minimum_order'] : '1' }} {{ !empty($unitList[$value['unit_id']]) ? $unitList[$value['unit_id']] : '' }} (Min. Order)
</span>
</li>
</ul>
</div>
</div>
</div>
@endforeach
@endif
</div>
</section>
<section id="" class="pt-7 pb-7 advertise-banner">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<div id="myCarousel" class="carousel-m slide" data-ride="carousel">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-m-inner-modify">
@if ( !empty( $homeAdvertiser[3]) )
@php $ci=1; @endphp
@foreach( $homeAdvertiser[3] as $ad )
<div class='item {{ ($ci==1) ? "active" : "" }}'>
<a href="{{ !empty($ad['url']) ? $ad['url'] : '#' }}" target="{{ !empty($ad['url']) ? '_blank' : '_self' }}">
<img src="{{ asset('storage/app/public/home-advertisers/'.$ad['image']) }}" alt="Advertise" style="width:100%;height:125px">
</a>
</div>
@php $ci++; @endphp
@endforeach
@endif
</div>
<!-- Left and right controls -->
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div id="myCarousel" class="carousel-m slide" data-ride="carousel">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-m-inner-modify">
@if ( !empty( $homeAdvertiser[4]) )
@php $di=1; @endphp
@foreach( $homeAdvertiser[4] as $ad )
<div class='item {{ ($di==1) ? "active" : "" }}'>
<a href="{{ !empty($ad['url']) ? $ad['url'] : '#' }}" target="{{ !empty($ad['url']) ? '_blank' : '_self' }}">
<img src="{{ asset('storage/app/public/home-advertisers/'.$ad['image']) }}" alt="Advertise" style="width:100%;height:125px">
</a>
</div>
@php $di++; @endphp
@endforeach
@endif
</div>
<!-- Left and right controls -->
</div>
</div>
</div>
</div>
</section>
<section id="section-03" class="mt-7 pb-8 our-directory">
<div class="container">
<div class="mb-7">
<div class="row">
<h2 class="col-sm-9 col-md-11 mb-0">
<span class="font-weight-semibold">Premium </span>
<span class="font-weight-light">Listing</span>
</h2>
<div class="col-sm-3 col-md-1 mr-0 ml-auto d-flex slick-custom-nav pl-5">
<div class="arrow slick-prev disabled" id="previous"><i class="fas fa-chevron-left"></i></div>
<div class="arrow slick-next" id="next"><i class="fas fa-chevron-right"></i></div>
</div>
</div><!-- row -->
</div>
</div>
<div class="container container-1720">
<div class="tab-content">
<div class="tab-pane fade show active" id="all" role="tabpanel" aria-labelledby="all">
<div class="slick-slider arrow-top full-slide custom-nav equal-height" data-slick-options='{"slidesToShow": 5,"autoplay":false,"dots":false,"arrows":false,"responsive":[{"breakpoint": 2000,"settings": {"slidesToShow": 4}},{"breakpoint": 1500,"settings": {"slidesToShow": 3}},{"breakpoint": 1000,"settings": {"slidesToShow": 2}},{"breakpoint": 770,"settings": {"slidesToShow": 1}}]}'>
@if( !empty($verifiedCompany) )
@foreach( $verifiedCompany as $value )
@php
$comcat = !empty($value['company_category_ids']) ? json_decode($value['company_category_ids']) : [] ;
$arrangeCatName = [];
if( !empty($comcat)){
foreach($comcat as $v ){
$arrangeCatName[] = $comCatList[$v];
}
}
@endphp
<div class="box slick-modify" data-animate="fadeInUp">
<div class="store card border-0 rounded-0">
<div class="position-relative store-image">
<a href="{{ url('company-profile/'.$value['id']) }}">
<img src="{{ asset('storage/app/public/companies/cover_photo/'.$value['cover_photo']) }}" alt="Company Image" class="card-img-top rounded-0">
</a>
<div class="image-content position-absolute d-flex align-items-center">
<div class="content-left mr-auto">
<div class="badge badge-primary">{{ implode(', ', $arrangeCatName) }}</div>
</div>
<!-- <div class="content-right ml-auto d-flex w-lg show-link">
<a href="{{ asset('storage/app/public/companies/cover_photo/'.$value['cover_photo']) }}" class="q-viw item viewing" data-toggle="tooltip" data-placement="top" title="Quickview" data-gtf-mfp="true">
<i class="fas fa-expand-arrows-alt"></i>
</a>
</div> -->
</div>
</div>
<div class="card-body px-0 pb-5 pt-3">
<a href="{{ url('company-profile/'.$value['id']) }}" class="card-title h5 text-dark d-inline-block mb-2">
<span class="letter-spacing-25">
@if( strlen($value['company_name']) > 29)
{{ substr($value['company_name'], 0, 29) }}...
@else
{{ $value['company_name'] }}
@endif
</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='check d-inline-block ml-2 font-weight-semibold' style='color:#9c0'><i class='fa fa-check-square' aria-hidden='true'></i> Verified </span>
<span><span class="flag-icon flag-icon-{{!empty($countryFlagOnly[$value['country_id']]) ? $countryFlagOnly[$value['country_id']] : '' }}"></span>
{{ (!empty( $countryNameOnly[$value['country_id']] )) ? $countryNameOnly[$value['country_id']] : '' }} </span></li>
</ul>
<div class="media">
<!--<a href="#" class="d-inline-block mr-3"><img src="{{ asset('public/frontend/images/listing/testimonial-1.png') }}" alt="testimonial" class="rounded-circle">
</a>-->
<div class="media-body lh-14 font-size-sm">
@if( strlen($value['short_summery']) > 44)
{{ substr($value['short_summery'], 0, 44) }}...
@else
{{ $value['short_summery'] }}
@endif
</div>
</div>
</div>
<div class="card-footer align-items-center text-center">
<a href="{{ url('company-profile/'.$value['id']) }}" class="text-danger" tabindex="0">View</a>
</div>
</div>
</div>
@endforeach
@endif
</div>
</div>
</div>
</div>
</section>
<section class="home-main-testimonial pt-8 pb-9" id="section-04">
<div class="container">
<h2 class="mb-8">
<span class="font-weight-semibold">Clients </span>
<span class="font-weight-light">Review</span>
</h2>
<div class="container">
<div class="row">
<div class="col col-md-12">
<div class="slick-slider testimonials-slider arrow-top" data-slick-options='{"slidesToShow": 2,"autoplay":false,"dots":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow": 1,"arrows":false}}]}'>
<div class="box">
<div class="card testimonial h-100 border-0 bg-transparent">
<a href="#" class="author-image">
<img src="{{ asset('public/frontend/images/listing/client-1.png') }}" alt="Testimonial" class="rounded-circle">
</a>
<div class="card-body bg-white">
<div class="testimonial-icon text-right">
<svg class="icon icon-quote">
<use xlink:href="#icon-quote"></use>
</svg>
</div>
<ul class="list-inline mb-4 d-flex align-items-end flex-wrap">
<li class="list-inline-item">
<a href="#" class="font-size-lg text-dark font-weight-semibold d-inline-block">Kanye
West
</a>
</li>
<li class="list-inline-item">
<span class="h5 font-weight-light mb-0 d-inline-block ml-1 text-gray">/</span>
</li>
<li>
<span class="text-gray">
CEO at Google INC
</span>
</li>
</ul>
<div class="card-text text-gray pr-4">Sed elit quam, iaculis
sed
semper sit amet
udin
vitae nibh.<br> at magna akal semperFusce commodo molestie
luctus.Lorem ipsum Dolor tusima olatiup.
</div>
</div>
</div>
</div>
<div class="box">
<div class="card testimonial h-100 border-0 bg-transparent">
<a href="#" class="author-image">
<img src="{{ asset('public/frontend/images/listing/client-2.png') }}" alt="Testimonial" class="rounded-circle">
</a>
<div class="card-body bg-white">
<div class="testimonial-icon text-right">
<svg class="icon icon-quote">
<use xlink:href="#icon-quote"></use>
</svg>
</div>
<ul class="list-inline mb-4 d-flex align-items-end flex-wrap">
<li class="list-inline-item">
<a href="#" class="font-size-lg text-dark font-weight-semibold d-inline-block">Anabella
Kleva
</a>
</li>
<li class="list-inline-item">
<span class="h5 font-weight-light mb-0 d-inline-block ml-1 text-gray">/</span>
</li>
<li class="list-inline-item">
<span class="text-gray">
Managerment at Envato
</span>
</li>
</ul>
<div class="card-text text-gray pr-4">Sed elit quam, iaculis
sed
semper sit amet
udin
vitae nibh.<br> at magna akal semperFusce commodo molestie
luctus.Lorem ipsum Dolor tusima olatiup.
</div>
</div>
</div>
</div>
<div class="box">
<div class="card testimonial h-100 border-0 bg-transparent">
<a href="#" class="author-image">
<img src="{{ asset('public/frontend/images/listing/client-1.png') }}" alt="Testimonial" class="rounded-circle">
</a>
<div class="card-body bg-white">
<div class="testimonial-icon text-right">
<svg class="icon icon-quote">
<use xlink:href="#icon-quote"></use>
</svg>
</div>
<ul class="list-inline mb-4 d-flex align-items-end flex-wrap">
<li class="list-inline-item">
<a href="#" class="font-size-lg text-dark font-weight-semibold d-inline-block">Kanye
West
</a>
</li>
<li class="list-inline-item">
<span class="h5 font-weight-light mb-0 d-inline-block ml-1 text-gray">/</span>
</li>
<li>
<span class="text-gray">
CEO at Google INC
</span>
</li>
</ul>
<div class="card-text text-gray pr-4">Sed elit quam, iaculis
sed
semper sit amet
udin
vitae nibh.<br> at magna akal semperFusce commodo molestie
luctus.Lorem ipsum Dolor tusima olatiup.
</div>
</div>
</div>
</div>
<div class="box">
<div class="card testimonial h-100 border-0 bg-transparent">
<a href="#" class="author-image">
<img src="{{ asset('public/frontend/images/listing/client-2.png') }}" alt="Testimonial" class="rounded-circle">
</a>
<div class="card-body bg-white">
<div class="testimonial-icon text-right">
<svg class="icon icon-quote">
<use xlink:href="#icon-quote"></use>
</svg>
</div>
<ul class="list-inline mb-4 d-flex align-items-end flex-wrap">
<li class="list-inline-item">
<a href="#" class="font-size-lg text-dark font-weight-semibold d-inline-block">Anabella
Kleva
</a>
</li>
<li class="list-inline-item">
<span class="h5 font-weight-light mb-0 d-inline-block ml-1 text-gray">/</span>
</li>
<li class="list-inline-item">
<span class="text-gray">
Managerment at Envato
</span>
</li>
</ul>
<div class="card-text text-gray pr-4">Sed elit quam, iaculis
sed
semper sit amet
udin
vitae nibh.<br> at magna akal semperFusce commodo molestie
luctus.Lorem ipsum Dolor tusima olatiup.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section-08" class="certifid mt-10 py-5">
<div class="container">
<div class="row align-items-center">
<div class="text-dark col-xs-12 col-sm-12 col-md-6 col-lg-6">
<h2 class="mb-1 text-white">
Tradevely recommends certified !
</h2>
<p class="mb-0 font-size-sm text-white"> business who are with tradevaly recommends will be awareded a sticker to paste in their establishment. with this sticker, customer can easily find your business listing and information on tradevaly recommends, using th QR Code. </p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 text-center">
<img class="shadow-sm img" src="{{ asset('public/frontend/images/qr.png') }}" alt="">
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="qr-text text-center">
<h3 class="text-upper">get your business listet</h3>
<div class="d-block text-white"> <i class="fas fa-arrow-down"></i> </div>
<a href="#" style="font-size:15px!important;" class="btn btn-white btn-icon-right font-size-h5 px-6 py-3 lh-1"> Tradevaler Recommends !<i class="fal fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<script>
$( document ).ready(function() {
var BASEURL = "{{ url('/') }}";
loadHotCategory(BASEURL);
loadPopularSearch(BASEURL);
});
</script>
@endsection