<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Webpulse Group - Products</title>
<meta name="keywords" content="Webpulse Group - Home" />
<meta name="description" content="Webpulse Group - Home" />
<?php include 'top_header.php';?>
</head>
<body class="mybody">
<div class="webpulse-main-wrapper">
<!-- Header--->
<?php include 'myheader.php';?>



<!-- Home About--->
<section class="cart_page">
<div class="container">
<div class="row">
<div class="col-md-9 ">
<div class="right_side">
<h1>Shopping Cart</h1>
<div class="wps_right">
<div class="table-responsive">
<table class="cart_table">
<thead>
<tr>
<th colspan="2">Product Details</th>
<th>Quantity</th>
<th>Price</th>
<th>Tax</th>
<th>Total</th>
<th>Remove</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="javascript:void()"><img src="designer/images/shop/product1.jpg"></a></td>
<td>
<div class="cart_info">
<a href="javascript:void()">Home Textile & Furnishings</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
</div>
</td>
<td valign="middle" align="center">
<div class="qty_group">
<button class="qty_btn" id="minus-btn"><i class="fa fa-minus"></i></button>
<input class="qty_value" id="qty_input" value="1" min="1">
<button class="qty_btn" id="plus-btn"><i class="fa fa-plus"></i></button>
</div>
</td>
<td valign="middle" align="center">
<strong><i class="fa fa-inr"></i> 999</strong>
</td>
<td valign="middle" align="center">
<strong> <i class="fa fa-inr"></i> 50</strong>
</td>
<td valign="middle" align="center">
<strong><i class="fa fa-inr"></i> 1,049</strong>
</td>
<td valign="middle" align="center">
<a class="cart_remove" href="javascript:void()" title="remove"><i class="fa fa-remove"></i></a>
</td>
</tr>


<tr>
<td><a href="javascript:void()"><img src="designer/images/shop/product1.jpg"></a></td>
<td>
<div class="cart_info">
<a href="javascript:void()">Home Textile & Furnishings</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
</div>
</td>
<td valign="middle" align="center">
<div class="qty_group">
<button class="qty_btn" id="minus-btn"><i class="fa fa-minus"></i></button>
<input class="qty_value" id="qty_input" value="1" min="1">
<button class="qty_btn" id="plus-btn"><i class="fa fa-plus"></i></button>
</div>
</td>
<td valign="middle" align="center">
<strong><i class="fa fa-inr"></i> 999</strong>
</td>
<td valign="middle" align="center">
<strong> <i class="fa fa-inr"></i> 50</strong>
</td>
<td valign="middle" align="center">
<strong><i class="fa fa-inr"></i> 1,049</strong>
</td>
<td valign="middle" align="center">
<a class="cart_remove" href="javascript:void()" title="remove"><i class="fa fa-remove"></i></a>
</td>
</tr>
</tbody>
</table>
</div>

<a class="shopping_btn" href="shop-listing.php" title="Continue Shopping"><i class="fa fa-angle-left"></i> Continue Shopping</a>
<a class="shopping_btn hidden-xs" href="" title="Clear Shopping Cart">Clear Shopping Cart</a>
<a class="order_btn right_side_btn" href="checkout.php" title="Place Order">Place Order</a>
<div class="cart_discount">
<h4>Apply Discount Code</h4>
<form action="#">
<input type="text" class="form-control" placeholder="Enter discount code" required="">
<button class="apply_discount" type="submit">Apply Discount</button>
</form>
</div>
    
</div>
</div>
</div>
<div class="col-md-3">
<div class="left_sidebar">
<div class="left_title">Price Details</div>
<div class="cart_right">
<table class="table table-totals">
<tbody>
<tr>
<td>Price (2 item)</td>
<td><i class="fa fa-inr"></i> 2,098</td>
</tr>
<tr>
<td>Delivery Charges</td>
<td class="free">Free</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Amount Payable</td>
<td><i class="fa fa-inr"></i> 2,098</td>
</tr>
</tfoot>
</table>
<a class="order_btn" href="checkout.php" title="Place Order">Place Order</a>
<p class="safe_info"><i class="fa fa-shield"></i> Safe and Secure Payments. Easy returns. 100% Authentic products.</p>
</div>
<div class="cart_right">
<ul>
<li>
<i class="fa fa-inr"></i> <h4>100% Money<br>Back Guarantee</h4>
</li>
<li>
<i class="fa fa-clock-o"></i>
<h4>Online<br>Support 24/7</h4>
</li>
</ul>
</div>
</div>


</div>

</div>
</div>
</section>



<!-- Footer--->
<?php include 'footer.php';?>
</div>
<!-- Product Popup -->
<div class="modal fade" id="productID" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Send Enquiry</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-7 col-md-7">
<div class="product_popup">
<div class="product_popup_image">
<img src="designer/images/products/modal.jpg" alt="Home Textile &amp; Furnishings">
</div>
<h4>Home Textile &amp; Furnishings</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum quos ducimus dicta, quidem pariatur exercitationem ut reiciendis, excepturi officiis? Atque, suscipit, veniam. Ad animi, asperiores quo, tempora eligendi nihil incidunt!</p>
</div>
</div>
<div class="col-lg-5 col-md-5">
 
<form role="form" name="contact-form" method="post" id="product_pop_form" >
<div class="form-group">
<input tabindex="001" class="form-control" type="text" name="name" placeholder="Your Name*" value="" pattern="[a-z A-Z]+" required>
</div>

<div class="form-group">
<input tabindex="002" class="form-control" type="email"  name="email" placeholder="Your Email ID*" value="" required>
</div>

<div class="form-group">
<input tabindex="003" class="form-control" type="tel" name="mobile" placeholder="Your Phone No*"  maxlength="20" minilength="10" value="" required>
</div>

<div class="form-group">
<input tabindex="004" class="form-control" type="text"  name="location" placeholder="Your Location*" id="autocomplete" onfocus="geolocate()" value="" pattern="[a-z A-Z]+" autocomplete="off" required>
</div>
<div class="form-group">
<select tabindex="005" class="form-control" name="select">
<option value="0" selected="">Select Quantity in Piece</option>
<option>6 Piece</option>
<option>10 Piece</option>
<option>12 Piece</option>
<option>16 Piece</option>
<option>20 Piece</option>
<option>30 Piece</option>
<option>50 Piece</option>
<option>100 Piece</option>
</select>
</div>
<div class="form-group">
<textarea tabindex="005" class="form-control" name="message" placeholder="Your Message*" required></textarea>
</div>

<div class="form-group" style="margin-bottom: 0;">
<div tabindex="006" class="g-recaptcha" data-sitekey="6LeIanwUAAAAAFmGKxHc8HDyiVvsJdvRc01uSMVD"></div>
</div>

<div class="form-group">
<button tabindex="007" class="modal_btn" type="submit" name="submit" value="Submit" data-submit="...Sending">Submit</button>
</div>
</form>

</div>
</div>
</div>
</div>
</div>
</div>



<!-- Product Popup -->
<div class="modal fade" id="selected_ID" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Send Enquiry for Selected Products</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="selected_products">
<h4>Send Enquiry for Selected Products</h4>
<div class="tips">Tips on getting accurate quotes. Please include product name, order quantity, usage, special requests if any in your inquiry.</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="image">
<a class="select_close" href="javascript:void()"><i class="fa fa-times"></i></a>
<img src="designer/images/products/home-textile-furnishings/Cushion-Covers.jpg" alt="Cushion Covers">
</div>
</div>

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="image">
<a class="select_close" href="javascript:void()"><i class="fa fa-times"></i></a>
<img src="designer/images/products/home-textile-furnishings/Cushion-Covers.jpg" alt="Cushion Covers">
</div>
</div>

 
  
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="image">
<a class="select_close" href="javascript:void()"><i class="fa fa-times"></i></a>
<img src="designer/images/products/home-textile-furnishings/Cushion-Covers.jpg" alt="Cushion Covers">
</div>
</div>

 
  
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="image">
<a class="select_close" href="javascript:void()"><i class="fa fa-times"></i></a>
<img src="designer/images/products/home-textile-furnishings/Cushion-Covers.jpg" alt="Cushion Covers">
</div>
</div>

</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
 
<form role="form" name="contact-form" method="post" id="product_pop_form" >
<div class="form-group">
<input tabindex="001" class="form-control" type="text" name="name" placeholder="Your Name*" value="" pattern="[a-z A-Z]+" required>
</div>

<div class="form-group">
<input tabindex="002" class="form-control" type="email"  name="email" placeholder="Your Email ID*" value="" required>
</div>

<div class="form-group">
<input tabindex="003" class="form-control" type="tel" name="mobile" placeholder="Your Phone No*"  maxlength="20" minilength="10" value="" required>
</div>

<div class="form-group">
<input tabindex="004" class="form-control" type="text"  name="location" placeholder="Your Location*" id="autocomplete" onfocus="geolocate()" value="" pattern="[a-z A-Z]+" autocomplete="off" required>
</div>
<div class="form-group">
<select tabindex="005" class="form-control" name="select">
<option value="0" selected="">Select Quantity in Piece</option>
<option>6 Piece</option>
<option>10 Piece</option>
<option>12 Piece</option>
<option>16 Piece</option>
<option>20 Piece</option>
<option>30 Piece</option>
<option>50 Piece</option>
<option>100 Piece</option>
</select>
</div>
<div class="form-group">
<textarea tabindex="005" class="form-control" name="message" placeholder="Your Message*" required></textarea>
</div>

<div class="form-group" style="margin-bottom: 0;">
<div tabindex="006" class="g-recaptcha" data-sitekey="6LeIanwUAAAAAFmGKxHc8HDyiVvsJdvRc01uSMVD"></div>
</div>

<div class="form-group">
<button tabindex="007" class="modal_btn" type="submit" name="submit" value="Submit" data-submit="...Sending">Submit</button>
</div>
</form>

</div>
</div>
</div>
</div>
</div>
</div>



<?php include 'bottom_footer.php';?>
<script>
	$(document).ready(function(){
    $('#qty_input').prop('disabled', true);
    $('#plus-btn').click(function(){
    	$('#qty_input').val(parseInt($('#qty_input').val()) + 1 );
    	    });
        $('#minus-btn').click(function(){
    	$('#qty_input').val(parseInt($('#qty_input').val()) - 1 );
    	if ($('#qty_input').val() == 0) {
			$('#qty_input').val(1);
		}

    	    });
 });
</script>
</body> 
</html>