@extends('ShopFrontend.Layouts.layout')
@section('title')
Home
@endsection
@section('body_classes')
cms-index-index index-opt-3
@endsection
@section('main')
<main class="site-main">
<div class="columns container">
<!-- Block Breadcrumb-->
<ol class="breadcrumb no-hide">
<li><a href="#">Home </a></li>
<li class="active">Compare</li>
</ol><!-- Block Breadcrumb-->
<h2 class="page-heading">
<span class="page-heading-title2">Compare Products</span>
</h2>
<div class="page-content">
<div class="table-responsive">
<table class="table table-bordered table-compare">
<tbody><tr>
<td class="compare-label">Product Image</td>
<td>
<a href="#"><img alt="Product" src="https://html.kutethemes.com/kuteshop/html/images/media/detail/p40.jpg"></a>
</td>
<td>
<a href="#"><img alt="Product" src="https://html.kutethemes.com/kuteshop/html/images/media/detail/p42.jpg"></a>
</td>
<td>
<a href="#"><img alt="Product" src="https://html.kutethemes.com/kuteshop/html/images/media/detail/p41.jpg"></a>
</td>
</tr>
<tr>
<td class="compare-label">Product Name</td>
<td>
<a href="#">Perfomax</a>
</td>
<td>
<a href="#">Perfomax</a>
</td>
<td>
<a href="#">Perfomax</a>
</td>
</tr>
<tr>
<td class="compare-label">Rating</td>
<td>
<div class="product-star">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
<span>(3 Reviews)</span>
</div>
</td>
<td>
<div class="product-star">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
<span>(3 Reviews)</span>
</div>
</td>
<td>
<div class="product-star">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
<span>(3 Reviews)</span>
</div>
</td>
</tr>
<tr>
<td class="compare-label">Price</td>
<td class="price">$20</td>
<td class="price">$21</td>
<td class="price">$20.5</td>
</tr>
<tr>
<td class="compare-label">Description</td>
<td>Printed evening dress with straight sleeves with black thin waist belt and ruffled linings.</td>
<td>Printed evening dress with straight sleeves with black thin waist belt and ruffled linings.</td>
<td>Printed evening dress with straight sleeves with black thin waist belt and ruffled linings.</td>
</tr>
<tr>
<td class="compare-label">Manufacturer</td>
<td>CUCGU</td>
<td>Nakia</td>
<td>Gola</td>
</tr>
<tr>
<td class="compare-label">Availability</td>
<td class="instock">Instock (20 items)</td>
<td class="outofstock">Out of stock</td>
<td class="instock">Instock (20 items)</td>
</tr>
<tr>
<td class="compare-label">SKU</td>
<td>#873289</td>
<td>#874389</td>
<td>#874389</td>
</tr>
<tr>
<td class="compare-label">Size</td>
<td>X</td>
<td>XL</td>
<td>XS</td>
</tr>
<tr>
<td class="compare-label">Color</td>
<td>Blue</td>
<td>Blue</td>
<td>Blue</td>
</tr>
<tr>
<td class="compare-label">Weight</td>
<td>0.3kg</td>
<td>0.3kg</td>
<td>0.3kg</td>
</tr>
<tr>
<td class="compare-label">Dimensions</td>
<td>40x20x72cm</td>
<td>40x20x72cm</td>
<td>40x20x72cm</td>
</tr>
<tr>
<td class="compare-label">Action</td>
<td class="action">
<button class="add-cart button button-sm">Add to cart</button>
<button class="button button-sm"><i class="fa fa-heart-o"></i></button>
<button class="button button-sm"><i class="fa fa-close"></i></button>
</td>
<td class="action">
<button class="add-cart button button-sm">Add to cart</button>
<button class="button button-sm"><i class="fa fa-heart-o"></i></button>
<button class="button button-sm"><i class="fa fa-close"></i></button>
</td>
<td class="action">
<button class="add-cart button button-sm">Add to cart</button>
<button class="button button-sm"><i class="fa fa-heart-o"></i></button>
<button class="button button-sm"><i class="fa fa-close"></i></button>
</td>
</tr>
</tbody></table>
</div>
</div>
<br>
</div>
</main>
@endsection