Woocommerce friendly cart page murkup

<section class="woocommerce-cart cart-content-area">
	<div class="container">
		<article class="type-page hentry">
			<div class="entry-content">
				<div class="woocommerce">
					<form class="woocommerce-cart-form" action="#" method="post">
						<table class="woocommerce-cart-form__contents">
							<thead>
								<tr>
									<th class="product-remove"></th>
									<th class="product-thumbnail"></th>
									<th class="product-name">Product</th>
									<th class="product-price">Price</th>
									<th class="product-quantity">Quantity</th>
									<th class="product-subtotal">Total</th>
								</tr>
							</thead>
							<tbody>
								<!-- first row -->
								<tr class="woocommerce-cart-form__cart-item">
									<td class="product-remove">
										<a href="#" class="remove">×</a>
									</td>
									<td class="product-thumbnail">
										<a href="#">
											<img src="media/images/woocommerce/cart-one.png" class="attachment-woocommerce_thumbnail" alt="">
										</a>
									</td>
									<td class="product-name">
										<a href="#">Event tee - shirt(CYAN)</a>
									</td>
									<td class="product-price">
										<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>10
										</span>
									</td>
									<td class="product-quantity">
										<div class="quantity">
											<span class="looking minus"><i class="fa fa-minus"></i></span>
											<input step="1" min="0" max="" class="cart__quantity-selector quantity-selector" value="1">
											<span class="looking plus"><i class="fa fa-plus"></i></span>
										</div>
									</td>
									<td class="product-subtotal">
										<span class="woocommerce-Price-amount amount">
											USD <span class="woocommerce-Price-currencySymbol">$</span>20.00
										</span>
									</td>
								</tr>
								<!-- 2nd row -->
								<tr class="woocommerce-cart-form__cart-item cart_item">
									<td class="product-remove">
										<a href="#" class="remove">×</a>
									</td>

									<td class="product-thumbnail">
										<a href="#">
											<img src="media/images/woocommerce/cart-two.png" class="attachment-woocommerce_thumbnail" alt="">
										</a>
									</td>

									<td class="product-name">
										<a href="#">Event tee - shirt(YELLOW)</a>
									</td>

									<td class="product-price">
										<span class="woocommerce-Price-amount amount">
											<span class="woocommerce-Price-currencySymbol">$</span>9
										</span>
									</td>

									<td class="product-quantity">
										<div class="quantity">
											<span class="looking minus">
												<i class="fa fa-minus"></i>
											</span>
											<input step="1" min="0" max="" class="cart__quantity-selector quantity-selector" value="1">
											<span class="looking plus">
												<i class="fa fa-plus"></i>
											</span>
										</div>
									</td>

									<td class="product-subtotal">
										<span class="woocommerce-Price-amount amount">
											USD <span class="woocommerce-Price-currencySymbol">$</span>20.00
										</span>
									</td>
								</tr>
								<!-- 3rd row -->
								<tr>
									<td colspan="6" class="actions">
										<div class="coupon">
											<label for="coupon_code">APPLY COUPON CODE HERE:</label>
											<input type="text" class="input-text" placeholder="Coupon code">
											<button type="submit" class="button" >APPLY CODE</button>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
					</form>
					<div class="cart-collaterals">
						<div class="cart_totals ">
							<h2>Cart totals</h2>
							<table class="shop_table shop_table_responsive">
								<tbody>
									<tr class="cart-subtotal">
										<th>Subtotal</th>
										<td data-title="Subtotal">
											<span class="woocommerce-Price-amount amount">
												<span class="woocommerce-Price-currencySymbol">$</span>20.00
											</span>
										</td>
									</tr>
									<tr class="shipping">
										<th>Shipping</th>
										<td data-title="Shipping">
											<span class="woocommerce-Price-amount amount">
												<span class="woocommerce-Price-currencySymbol">$</span>20.00
											</span>
										</td>
									</tr>
									<tr class="order-total">
										<th>Total</th>
										<td data-title="Total">
											<strong>
												<span class="woocommerce-Price-amount amount">
													<span class="woocommerce-Price-currencySymbol">$</span>20.00
												</span>
											</strong>
										</td>
									</tr>
								</tbody>
							</table>
							<div class="wc-proceed-to-checkout">
								<a href="#" class="checkout-button button alt wc-forward">
									Update Cart
								</a>
								<a href="#" class="checkout-button button alt wc-forward">
									Proceed to checkout
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</article>
	</div>
</section>