<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Products | Jayna Industry</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".tips-panel").click(function(){
$(".tips-content").toggle("fast");
});
});
</script>
</head>
<body>
<div id="topbar">
<a href="index.html"><img src="img/logo.png" width="175" height="30"/></a><a href="index.html"><img src="img/home.png" height="30"/></a><a href="about.html"><img src="img/about.png" height="30"/></a><a href="product.php"><img src="img/products.png" height="30"/></a><a href="#"><img src="img/gold.png" height="30"/></a><a href="piston.html"><img src="img/piston.png" height="30"/></a><a href="#"><img src="img/quality.png" height="30"/></a><a href="contact.php"><img src="img/contact.png" height="30"/></a><a href="#"><img src="img/search.png" width="175" height="30"/></a>
</div>
<div id="content">
<?php
//Row -> 5 products
//Column -> 4 columns
//Each product has -> Product name -> Checkbox button -> Picture (small) -> Product Info link
//Enquire Button
?>
<div id="product-categories">
<div class="category-image">
<img src="img/product-category.png" />
</div>
<div class="category-image">
<img src="img/product-category.png" />
</div>
<div class="category-image">
<img src="img/product-category.png" />
</div>
<div class="category-image">
<img src="img/product-category.png" />
</div>
<div class="category-image">
<img src="img/product-category.png" />
</div>
<div class="category-image">
<img src="img/product-category.png" />
</div>
</div>
<div id="tips">
<div class="tips-content">
<p>Select the items if you want to enquire about them, then click "Enquire Now" button at the bottom.</p>
<p>The products shown below belongs to a particular category. Choose the product category from the top to view the products which belong to them.</p>
</div>
<div class="tips-panel">
<p style="text-align:center;">Show / Hide</p>
</div>
</div>
<div id="category">
<p>Products >> Bajaj Engine 2 Stroke 3 Port</p>
</div>
<form action="product-enquire.php" method="POST">
<div class="product-row">
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-1" /></div>
<div class="product-name">1st Gear</div>
<div class="product-picture"><img src="img/bajaj/1.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-2" /></div>
<div class="product-name">Big Bevel Gear</div>
<div class="product-picture"><img src="img/bajaj/2.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-3" /></div>
<div class="product-name">Bevel Gear Pin</div>
<div class="product-picture"><img src="img/bajaj/3.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-4" /></div>
<div class="product-name">Bevel Gear Small</div>
<div class="product-picture"><img src="img/bajaj/4.png" /></div>
</div>
</div>
<div class="product-row">
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-5" /></div>
<div class="product-name">Brake Adjuster Set</div>
<div class="product-picture"><img src="img/bajaj/5.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-6" /></div>
<div class="product-name">Brake Paddle</div>
<div class="product-picture"><img src="img/bajaj/6.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-7" /></div>
<div class="product-name">Brake Paddle Base</div>
<div class="product-picture"><img src="img/bajaj/7.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-8" /></div>
<div class="product-name">Bush Plate NM</div>
<div class="product-picture"><img src="img/bajaj/8.png" /></div>
</div>
</div>
<div class="product-row">
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-9" /></div>
<div class="product-name">Carona Gear</div>
<div class="product-picture"><img src="img/bajaj/9.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-10" /></div>
<div class="product-name">Cluster Gear NM</div>
<div class="product-picture"><img src="img/bajaj/10.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-11" /></div>
<div class="product-name">Clutch Bell</div>
<div class="product-picture"><img src="img/bajaj/11.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-12" /></div>
<div class="product-name">Clutch Nut</div>
<div class="product-picture"><img src="img/bajaj/12.png" /></div>
</div>
</div>
<div class="product-row">
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-13" /></div>
<div class="product-name">Differential Housing Gear</div>
<div class="product-picture"><img src="img/bajaj/13.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-14" /></div>
<div class="product-name">Driven Dog With Bolt</div>
<div class="product-picture"><img src="img/bajaj/14.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-15" /></div>
<div class="product-name">Engine Gear 3 Port</div>
<div class="product-picture"><img src="img/bajaj/15.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-16" /></div>
<div class="product-name">Eye Bolt Set Complete</div>
<div class="product-picture"><img src="img/bajaj/16.png" /></div>
</div>
</div>
<div class="product-row">
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-17" /></div>
<div class="product-name">Flange Electronic Long</div>
<div class="product-picture"><img src="img/bajaj/17.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-18" /></div>
<div class="product-name">Fork Cone Set NM</div>
<div class="product-picture"><img src="img/bajaj/18.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-19" /></div>
<div class="product-name">Front Fork</div>
<div class="product-picture"><img src="img/bajaj/19.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-20" /></div>
<div class="product-name">Big Front Shocker Bush</div>
<div class="product-picture"><img src="img/bajaj/20.png" /></div>
</div>
</div>
<div class="product-row">
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-21" /></div>
<div class="product-name">Front Wheel Hub Axle Werm Type</div>
<div class="product-picture"><img src="img/bajaj/21.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-22" /></div>
<div class="product-name">Gear Cross NM</div>
<div class="product-picture"><img src="img/bajaj/22.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-23" /></div>
<div class="product-name">Half Kick</div>
<div class="product-picture"><img src="img/bajaj/23.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-24" /></div>
<div class="product-name">Kick Welding Pin/ Gully</div>
<div class="product-picture"><img src="img/bajaj/24.png" /></div>
</div>
</div>
<div class="product-row">
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-25" /></div>
<div class="product-name">Main Shaft 1996 Without Collar</div>
<div class="product-picture"><img src="img/bajaj/25.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-26" /></div>
<div class="product-name">Pivot Pin Super Sheet Metal</div>
<div class="product-picture"><img src="img/bajaj/26.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-27" /></div>
<div class="product-name">Piston Pin</div>
<div class="product-picture"><img src="img/bajaj/27.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-28" /></div>
<div class="product-name">Propellar Shaft with Pin</div>
<div class="product-picture"><img src="img/bajaj/28.png" /></div>
</div>
</div>
<div class="product-row">
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-29" /></div>
<div class="product-name">Rear Wheel Hub Axle NM</div>
<div class="product-picture"><img src="img/bajaj/29.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-30" /></div>
<div class="product-name">Reverse Control Gear NM/OM</div>
<div class="product-picture"><img src="img/bajaj/30.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-31" /></div>
<div class="product-name">Slider Block Set</div>
<div class="product-picture"><img src="img/bajaj/31.png" /></div>
</div>
<div class="product">
<div class="product-checkbox"><input type="checkbox" name="product-32" /></div>
<div class="product-name">Steel Plate</div>
<div class="product-picture"><img src="img/bajaj/32.png" /></div>
</div>
</div>
<div class="product-enquiry">
<input type="submit" name="submit-enquiry1" value=" Enquire Now "/>
</div>
</form>
</div>
</body>
</html>