<div class=" page-layout-3columns marketplace-seller-profile">
<div class="columns">
<div class="column main">
<div class="wk-mp-design">
<div class="wk-mp-design-inner wk-mp-design-inner-last">
<div class="wk-mp-profile-container storename">
<div class="store-name">About Furniture Shop</div>
</div>
<span class="data"> </span>
<div class="wk-mp-profile-container storename wk-mp-display-block-css">
<div class="store-name">On the Social Web</div>
</div>
</div>
</div>
<div class="wk-mp-design">
<div class="wk-mp-design-inner wk-mp-design-inner-last">
<div class="wk-mp-profile-container storename">
<div class="store-name">Recently Added Products</div>
</div>
<div class="products wrapper grid products-grid"><ol class="products list items product-items">
<li class="item product product-item">
<div class="product-item-info" data-container="product-grid"><a class="product photo product-item-photo" tabindex="-1" href="#"> <span class="product-image-container" style="width: 240px;"> <span class="product-image-wrapper" style="padding-bottom: 125%;"> <img class="product-image-photo" src="{{media url='wysiwyg/codazon/marketplace/img03.jpg'}}" alt="Nick Sim1" width="240" height="300" /></span> </span> </a>
<div class="product details product-item-details"><strong class="product name product-item-name"> <a class="product-item-link" href="#"> Nick Sim1 </a> </strong> <a class="product-item-link" href="#"> <button class="action tocart primary"> <span> <span> View Detail </span> </span> </button> </a></div>
</div>
</li>
<li class="item product product-item">
<div class="product-item-info" data-container="product-grid"><a class="product photo product-item-photo" tabindex="-1" href="#"> <span class="product-image-container" style="width: 240px;"> <span class="product-image-wrapper" style="padding-bottom: 125%;"> <img class="product-image-photo" src="{{media url='wysiwyg/codazon/marketplace/img06.jpg'}}" alt="Nick Test 4" width="240" height="300" /></span> </span> </a>
<div class="product details product-item-details"><strong class="product name product-item-name"> <a class="product-item-link" href="#"> Nick Test 4 </a> </strong> <a class="product-item-link" href="#"> <button class="action tocart primary"> <span> <span> View Detail </span> </span> </button> </a></div>
</div>
</li>
<li class="item product product-item">
<div class="product-item-info" data-container="product-grid"><a class="product photo product-item-photo" tabindex="-1" href="#"> <span class="product-image-container" style="width: 240px;"> <span class="product-image-wrapper" style="padding-bottom: 125%;"> <img class="product-image-photo" src="{{media url='wysiwyg/codazon/marketplace/img09.jpg'}}" alt="Nick Test3" width="240" height="300" /></span> </span> </a>
<div class="product details product-item-details"><strong class="product name product-item-name"> <a class="product-item-link" href="#"> Nick Test3 </a> </strong> <a class="product-item-link" href="#"> <button class="action tocart primary"> <span> <span> View Detail </span> </span> </button> </a></div>
</div>
</li>
<li class="item product product-item">
<div class="product-item-info" data-container="product-grid"><a class="product photo product-item-photo" tabindex="-1" href="#"> <span class="product-image-container" style="width: 240px;"> <span class="product-image-wrapper" style="padding-bottom: 125%;"> <img class="product-image-photo" src="{{media url='wysiwyg/codazon/marketplace/img12.jpg'}}" alt="Nick Test2" width="240" height="300" /></span> </span> </a>
<div class="product details product-item-details"><strong class="product name product-item-name"> <a class="product-item-link" href="#"> Nick Test2 </a> </strong> <a class="product-item-link" href="#"> <button class="action tocart primary"> <span> <span> View Detail </span> </span> </button> </a></div>
</div>
</li>
<li class="item product product-item">
<div class="product-item-info" data-container="product-grid"><a class="product photo product-item-photo" tabindex="-1" href="#"> <span class="product-image-container" style="width: 240px;"> <span class="product-image-wrapper" style="padding-bottom: 125%;"> <img class="product-image-photo" src="{{media url='wysiwyg/codazon/marketplace/img16.jpg'}}" alt="Nick Test1" width="240" height="300" /></span> </span> </a>
<div class="product details product-item-details"><strong class="product name product-item-name"> <a class="product-item-link" href="#"> Nick Test1 </a> </strong> <a class="product-item-link" href="#"> <button class="action tocart primary"> <span> <span> View Detail </span> </span> </button> </a></div>
</div>
</li>
</ol></div>
</div>
<div class="wk-mp-design-inner wk-mp-design-inner-last">
<div id="return-policy" class="wk-mp-profile-container storename">
<div class="store-name">Return Policies</div>
</div>
<div>
<div class="wk-mp-detail">
<div class="row"></div>
</div>
<a class="wk-top-page" href="#">Top of Page</a></div>
<div id="shipping-policy" class="wk-mp-profile-container storename">
<div class="store-name">Shipping Policies</div>
</div>
<div>
<div class="wk-mp-detail">
<div class="row"></div>
</div>
<a class="wk-top_page" href="#">Top of Page</a></div>
</div>
</div>
<input name="form_key" type="hidden" value="Un1Mt8tpp9woH3nd" />
<div id="authenticationPopup" style="display: none;" data-bind="scope:'authenticationPopup'">
<script type="text/javascript" xml="space">// <![CDATA[
// 
        window.authenticationPopup = {"customerRegisterUrl":"http:\/\/magento2.webkul.com\/marketplace\/customer\/account\/create\/","customerForgotPasswordUrl":"http:\/\/magento2.webkul.com\/marketplace\/customer\/account\/forgotpassword\/","baseUrl":"http:\/\/magento2.webkul.com\/marketplace\/"};
    
// 
// ]]></script>
<!-- ko template: getTemplate() --> <!-- /ko --></div>
</div>
<div class="sidebar sidebar-main">
<div class="wk-mp-design">
<div class="wk-mp-design-inner">
<div class="wk-logo-block"><a href="#"> <img class="bannerpicrs" src="{{media url='wysiwyg/codazon/marketplace/img16.jpg'}}" /> </a></div>
<div class="wk-mp-profile_container">
<div id="info" class="block-content">
<div class="wk-seller">
<div class="section">
<div class="storename"><a class="store-name" href="#"> Furniture Shop </a></div>
</div>
<div class="section" style="background-color: #e8e8e8;">Profile</div>
<div class="section"><a class="store-name" href="#"> Reviews </a></div>
<div class="section ask-que"><a class="askque">Contact Us</a>
<div class="ask-que"></div>
</div>
<div class="section"><a class="store-name" href="#"> Return Policy </a></div>
<div class="section"><a class="store-name" href="#"> Shipping Policy </a></div>
</div>
</div>
</div>
</div>
<div class="wk-mp-design-inner wk-mp-design-inner_last" style="margin-top: 10px;">
<div class="wk-mp-profile_container storename">
<div class="store-name">Seller's Collection</div>
<div class="store-name">5 Products</div>
<a href="#"><button class="button" title="View Seller's Collection"> <span> <span> View All </span> </span> </button> </a>
<div style="margin-top: 5px;"><iframe src="//maps.google.com/maps?q=&amp;output=embed" width="100%" height="200" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <br /> <small> <a href="//maps.google.com/maps?q=">View Location on Map</a> </small></div>
</div>
</div>
</div>
<script type="text/javascript" xml="space">// <![CDATA[
// 
    require([
        "jquery",
        "mage/mage"
    ], function($){
        var askDataForm = $('#ask-form');
        askDataForm.mage('validation', {});

		$('body').append($('#wk-mp-ask-data'));
		$('.askque').click(function(){
			$('#ask-form input,#ask-form textarea').removeClass('mage-error');
			$('.page-wrapper').css('opacity','0.4');
			$('.wk-mp-model-popup').addClass('_show');
			$('#wk-mp-ask-data').show();
		});
		$('.wk-close').click(function(){
			$('.page-wrapper').css('opacity','1');
			$('#resetbtn').trigger('click');
			$('#wk-mp-ask-data').hide();
			$('#ask-form .validation-failed').each(function(){
				$(this).removeClass('validation-failed');
			});
			$('#ask-form .validation-advice').each(function(){
				$(this).remove();
			});
		});
		$('#askbtn').click(function(){
			if(askDataForm.valid()!=false){
				var thisthis = $(this);
				if(thisthis.hasClass("clickask")){	
											var total = parseInt($('#wk-mp-captchalable1').text()) + parseInt($('#wk-mp-captchalable2').text());
						var wk_mp_captcha = $('#wk-mp-captcha').val();
						if(total != wk_mp_captcha){
							$('#wk-mp-captchalable1').text(Math.floor((Math.random()*10)+1));
							$('#wk-mp-captchalable2').text(Math.floor((Math.random()*100)+1));
							$('#wk-mp-captcha').val('');
							$('#wk-mp-captcha').addClass('mage-error');
							$(this).addClass('mage-error');
							$('#ask_form .errormail').text(" Wrong varification number. ").slideDown('slow').delay(2000).slideUp('slow');
						}else{
							thisthis.removeClass('clickask');
							$('#wk-mp-ask-data').addClass('mail-procss');
							$.ajax({
								url:'http://magento2.webkul.com/marketplace/marketplace/seller/sendmail/',
								data:$('#ask-form').serialize(),
								type:'post',
								dataType:'json',
								success:function(d){
									thisthis.addClass('clickask');
									$('#wk-mp-ask-data').removeClass('mail-procss')
									alert(" Mail Send ..");
									$('.wk-close,#resetbtn').trigger('click');
								}
							});
						}
									}
				return false;
			}
		});	
	});    
// 
// ]]></script>
</div>
<div class="sidebar sidebar-additional">
<div class="wk-mp-design">
<div class="wk-mp-design-inner">
<div class="store-name storename">Furniture Shop 's Rating</div>
<div class="wk-mp-design-inner wk-mp-design-inner-last">
<div class="row"><span>Average Rating</span>
<div class="mpfeedback">
<div class="price"><span class="wk-ordertitle-label">Price </span><span>:</span>
<div class="ratingslider-box">
<div class="rating" style="width: 0%;"></div>
</div>
<span>&nbsp;(0)</span>
<div class="clear"></div>
</div>
<div class="value"><span class="wk-ordertitle-label">Value </span><span>:</span>
<div class="ratingslider-box">
<div class="rating" style="width: 0%;"></div>
</div>
<span>&nbsp;(0)</span>
<div class="clear"></div>
</div>
<div class="quality"><span class="wk-ordertitle-label">Quality </span><span>:</span>
<div class="ratingslider-box">
<div class="rating" style="width: 0%;"></div>
</div>
<span>&nbsp;(0)</span>
<div class="wk-clear"></div>
</div>
<div class="quality"><span>Reviewed </span> <a class="store-name" style="font-weight: bold; padding-left: 2px;" href="#">0 Times</a></div>
<a href="#"> <button class="button" title="Make a Review"> <span> <span> Make a Review </span> </span> </button> </a></div>
</div>
</div>
<div class="store-name storename">Recent Feedback</div>
</div>
</div>
<div class="block block-compare" data-bind="scope: 'compareProducts'" data-role="compare-products-sidebar">
<div class="block-title"><strong id="block-compare-heading">Compare Products</strong> <span class="counter qty no-display" data-bind="text: compareProducts().countCaption, css: {'no-display': !compareProducts().count}">0 items</span></div>
<!-- ko if: compareProducts().count --><!-- /ko --> <!-- ko ifnot: compareProducts().count -->
<div class="empty">You have no items to compare.</div>
<!-- /ko --></div>
<div class="block block-wishlist" data-bind="scope: 'wishlist'">
<div class="block-title"><strong>My Wish List</strong> <!-- ko if: wishlist().counter --><!-- /ko --></div>
<div class="block-content"><strong class="subtitle">Last Added Items</strong> <!-- ko if: wishlist().counter --><!-- /ko --> <!-- ko ifnot: wishlist().counter -->
<div class="empty">You have no items in your wish list.</div>
<!-- /ko --></div>
</div>
</div>
</div>
</div>