Woocommerce friendly murkup

		<div class="woocommerce columns-4 ">
			<ul class="products">
				<li class="product">
					<a href="#" class="woocommerce-LoopProduct-link">
						<div class="product-thumb">
							<img src="media/images/woocommerce/tshirt-one.png" class="attachment-shop_catalog" alt="Product">
						</div>
						<h2 class="woocommerce-loop-product__title">Event tee shirt(Maroon)</h2>
						<div class="star-rating">
							<span>Rated <strong class="rating">5.00</strong> out of 5</span>
						</div>
						<span class="price">
					<span class="woocommerce-Price-amount amount">
						<span class="woocommerce-Price-currencySymbol">$</span> 173
						</span>
						</span>
					</a>
					<a href="#" class="button add_to_cart_button ajax_add_to_cart">Add to cart</a>
				</li>

				<li class="product">
					<a href="#" class="woocommerce-LoopProduct-link">
						<div class="product-thumb">
							<img src="media/images/woocommerce/tshirt-two.png" class="attachment-shop_catalog" alt="Product">
						</div>
						<h2 class="woocommerce-loop-product__title">Event tee shirt(Purple)</h2>
						<div class="star-rating">
							<span>Rated <strong class="rating">5.00</strong> out of 5</span>
						</div>
						<span class="price">
					<span class="woocommerce-Price-amount amount">
						<span class="woocommerce-Price-currencySymbol">£</span> 18.00
						</span>
						</span>
					</a>
					<a href="#" class="button add_to_cart_button ajax_add_to_cart">Add to cart</a>
				</li>

				<li class="product">
					<a href="#" class="woocommerce-LoopProduct-link">
						<div class="product-thumb">
							<img src="media/images/woocommerce/tshirt-three.png" class="attachment-shop_catalog" alt="Product">
						</div>
						<h2 class="woocommerce-loop-product__title">Event tee shirt(CYAN)</h2>
						<div class="star-rating">
							<span>Rated <strong class="rating">5.00</strong> out of 5</span>
						</div>
						<span class="price">
					<span class="woocommerce-Price-amount amount">
						<span class="woocommerce-Price-currencySymbol">£</span> 18.00
						</span>
						</span>
					</a>
					<a href="#" class="button add_to_cart_button ajax_add_to_cart">Add to cart</a>
				</li>

				<li class="product last">
					<a href="#" class="woocommerce-LoopProduct-link">
						<div class="product-thumb">
							<img src="media/images/woocommerce/tshirt-four.png" class="attachment-shop_catalog" alt="Product">
						</div>
						<h2 class="woocommerce-loop-product__title">Event tee shirt(BLUE)</h2>
						<div class="star-rating">
							<span>Rated <strong class="rating">5.00</strong> out of 5</span>
						</div>
						<span class="price">
					<span class="woocommerce-Price-amount amount">
						<span class="woocommerce-Price-currencySymbol">£</span> 18.00
						</span>
						</span>
					</a>
					<a href="#" class="button add_to_cart_button ajax_add_to_cart">Add to cart</a>
				</li>

				<li class="product">
					<a href="#" class="woocommerce-LoopProduct-link">
						<div class="product-thumb">
							<img src="media/images/woocommerce/tshirt-five.png" class="attachment-shop_catalog" alt="Product">
						</div>
						<h2 class="woocommerce-loop-product__title">Event tee shirt(yellow)</h2>
						<div class="star-rating">
							<span>Rated <strong class="rating">5.00</strong> out of 5</span>
						</div>
						<span class="price">
					<span class="woocommerce-Price-amount amount">
						<span class="woocommerce-Price-currencySymbol">£</span> 18.00
						</span>
						</span>
					</a>
					<a href="#" class="button add_to_cart_button ajax_add_to_cart">Add to cart</a>
				</li>

				<li class="product">
					<a href="#" class="woocommerce-LoopProduct-link">
						<div class="product-thumb">
							<img src="media/images/woocommerce/tshirt-six.png" class="attachment-shop_catalog" alt="Product">
						</div>
						<h2 class="woocommerce-loop-product__title">Event tee shirt(PINK)</h2>
						<div class="star-rating">
							<span>Rated <strong class="rating">5.00</strong> out of 5</span>
						</div>
						<span class="price">
					<span class="woocommerce-Price-amount amount">
						<span class="woocommerce-Price-currencySymbol">£</span> 18.00
						</span>
						</span>
					</a>
					<a href="#" class="button add_to_cart_button ajax_add_to_cart">Add to cart</a>
				</li>
			</ul>
		</div>