<!doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon Icon Css -->
<link rel="icon" type="image/png" sizes="32x32" href="image/mukesh-gears-and-spares-120x120.png">
<!-- Animation CSS -->
<link rel="stylesheet" href="css/animate.css" type="text/css">  
<!-- Font Css -->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" rel="stylesheet">
<link href="code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" type="text/css" rel="stylesheet">

<!-- Magnific Popup Css -->
<link href="css/magnific-popup.css" type="text/css" rel="stylesheet">
<!-- Bootstrap Css --> 
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
<!-- Price Filter Css --> 
<link href="css/jquery-ui.css" type="text/css" rel="stylesheet">
<!-- Scrollbar Css -->
<link href="css/mCustomScrollbar.min.css" type="text/css" rel="stylesheet">

<!-- main css --> 
<link href="css/style.css" type="text/css" rel="stylesheet">
<link href="css/responsive.css" type="text/css" rel="stylesheet">
<title>Mukesh Gears And Spares : Product Detail</title>



</head>
<body>
<!-- LOADER -->
<?php include('header.php');?>
<!-- End Header Section -->

<!-- Start Breadcrumbs Section -->
<section class="breadcrumbs-section background_bg" data-img-src="image/banner.jpg">
	<div class="container">
    	<div class="row">
        	<div class="col-md-12">
                <div class="page_title text-center">
                	<h1>Product Detail</h1>
                    <ul class="breadcrumb justify-content-center">
                    	<li><a href="index.php">home</a></li>
                        <li><span>Product Detail</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Header Section -->

<!-- Start Product Detail Section -->
<section class="products-detail-section pt_large">
	<div class="container">
    	<div class="row">
    	     <?php
         include('admin/dbcon.php');
         $sql=mysqli_query($con,"SELECT * FROM tbl_product where submenu_id='".$_GET['detail']."'");
         $row=mysqli_fetch_array($sql);{
         
         
         
         ?>
        <div class="col-md-5">
             <div class="product-image">
                <img class="product_img" src='admin/images/<?php echo $row['image']?>' data-zoom-image="admin/images/<?php echo $row['image']?>"/>
             </div>
            
        </div>
        <div class="col-md-7">
            <div class="quickview-product-detail">
                <h2 class="box-title"><?php echo $row['product_name']?></h2>
                <!--<h3 class="box-price"><del>$ 95.00</del>$ 81.00</h3>-->
                <p class="box-text"><?php echo $row['description']?></p>
                <p class="stock"></p>
                
                <a class="btn btn-secondary" href="contact.php?enquery=<?php echo $row['product_id']?>" style="float:right">Enquiry</a>
               
            </div>
        </div>
         <?php } ?>
    </div>
    </div>
</section>
<!-- End Product Detail Section -->


<!-- Start Footer Section -->
<?php include('footer.php');?>
<!-- End Footer Section -->


<a href="#" class="scrollup" style="display: none;"><i class="ion-ios-arrow-up"></i></a>

<!-- Jquery js -->
<script src="js/jquery.min.js" type="text/javascript"></script>
<!-- popper.min js -->
<script src="js/popper.min.js" type="text/javascript"></script>
<!-- Bootstrap js -->
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<!-- Magnific Popup js -->
<script src="js/jquery.magnific-popup.min.js" type="text/javascript"></script>

<!-- Owl js -->
<script src="js/owl.carousel.min.js" type="text/javascript"></script>


<!-- jquery.elevatezoom js -->
<script src='js/jquery.elevatezoom.js' type="text/javascript"></script>

<!-- mCustomScrollbar.concat.min js -->
<script src="js/mCustomScrollbar.concat.min.js" type="text/javascript"></script>
<!-- Custom css -->
<script src="js/custom.js" type="text/javascript"></script> 
</body>


</html>	