API tools faq
paste
SpiralRock

Product.php Category 1 Page

SpiralRock
Aug 5th, 2012
39
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.     <title>Products | Jayna Industry</title>
  6.     <link rel="stylesheet" type="text/css" href="style.css" />
  7.    
  8.     <script type="text/javascript" src="js/jquery.js"></script>
  9.     <script type="text/javascript">
  10.         $(document).ready(function(){
  11.             $(".tips-panel").click(function(){
  12.                 $(".tips-content").toggle("fast");
  13.             });
  14.         });
  15.     </script>
  16. </head>
  17.  
  18. <body>
  19.     <div id="topbar">
  20.         <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>      
  21.     </div>
  22.      
  23.     <div id="content">
  24.         <?php
  25.  
  26.             //Row -> 5 products
  27.             //Column -> 4 columns
  28.    
  29.             //Each product has -> Product name -> Checkbox button -> Picture (small) -> Product Info link
  30.             //Enquire Button
  31.    
  32.         ?>
  33.        
  34.         <div id="product-categories">
  35.             <div class="category-image">
  36.                 <img src="img/product-category.png" />
  37.             </div>
  38.            
  39.             <div class="category-image">
  40.                 <img src="img/product-category.png" />
  41.             </div>
  42.            
  43.             <div class="category-image">
  44.                 <img src="img/product-category.png" />
  45.             </div>
  46.            
  47.             <div class="category-image">
  48.                 <img src="img/product-category.png" />
  49.             </div>
  50.            
  51.             <div class="category-image">
  52.                 <img src="img/product-category.png" />
  53.             </div>
  54.            
  55.             <div class="category-image">
  56.                 <img src="img/product-category.png" />
  57.             </div>
  58.         </div>
  59.        
  60.         <div id="tips">
  61.             <div class="tips-content">
  62.                 <p>Select the items if you want to enquire about them, then click "Enquire Now" button at the bottom.</p>
  63.                 &nbsp;
  64.                 <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>
  65.             </div>
  66.        
  67.             <div class="tips-panel">
  68.                 <p style="text-align:center;">Show / Hide</p>
  69.             </div>
  70.         </div>
  71.        
  72.         <div id="category">
  73.             <p>Products &gt;&gt; Bajaj Engine 2 Stroke 3 Port</p>
  74.         </div>
  75.        
  76.         <form action="product-enquire.php" method="POST">
  77.             <div class="product-row">
  78.        
  79.                 <div class="product">
  80.                     <div class="product-checkbox"><input type="checkbox" name="product-1" /></div>
  81.                     <div class="product-name">1st Gear</div>
  82.                     <div class="product-picture"><img src="img/bajaj/1.png" /></div>
  83.                        
  84.                 </div>
  85.        
  86.                 <div class="product">
  87.                     <div class="product-checkbox"><input type="checkbox" name="product-2" /></div>
  88.                     <div class="product-name">Big Bevel Gear</div>
  89.                     <div class="product-picture"><img src="img/bajaj/2.png" /></div>
  90.                        
  91.                 </div>
  92.        
  93.                 <div class="product">
  94.                     <div class="product-checkbox"><input type="checkbox" name="product-3" /></div>
  95.                     <div class="product-name">Bevel Gear Pin</div>
  96.                     <div class="product-picture"><img src="img/bajaj/3.png" /></div>
  97.                        
  98.                 </div>
  99.        
  100.                 <div class="product">
  101.                     <div class="product-checkbox"><input type="checkbox" name="product-4" /></div>
  102.                     <div class="product-name">Bevel Gear Small</div>
  103.                     <div class="product-picture"><img src="img/bajaj/4.png" /></div>
  104.                        
  105.                 </div>
  106.             </div>
  107.            
  108.             <div class="product-row">
  109.        
  110.                 <div class="product">
  111.                     <div class="product-checkbox"><input type="checkbox" name="product-5" /></div>
  112.                     <div class="product-name">Brake Adjuster Set</div>
  113.                     <div class="product-picture"><img src="img/bajaj/5.png" /></div>
  114.                        
  115.                 </div>
  116.        
  117.                 <div class="product">
  118.                     <div class="product-checkbox"><input type="checkbox" name="product-6" /></div>
  119.                     <div class="product-name">Brake Paddle</div>
  120.                     <div class="product-picture"><img src="img/bajaj/6.png" /></div>
  121.                        
  122.                 </div>
  123.        
  124.                 <div class="product">
  125.                     <div class="product-checkbox"><input type="checkbox" name="product-7" /></div>
  126.                     <div class="product-name">Brake Paddle Base</div>
  127.                     <div class="product-picture"><img src="img/bajaj/7.png" /></div>
  128.                        
  129.                 </div>
  130.        
  131.                 <div class="product">
  132.                     <div class="product-checkbox"><input type="checkbox" name="product-8" /></div>
  133.                     <div class="product-name">Bush Plate NM</div>
  134.                     <div class="product-picture"><img src="img/bajaj/8.png" /></div>
  135.                        
  136.                 </div>
  137.             </div>
  138.            
  139.             <div class="product-row">
  140.        
  141.                 <div class="product">
  142.                     <div class="product-checkbox"><input type="checkbox" name="product-9" /></div>
  143.                     <div class="product-name">Carona Gear</div>
  144.                     <div class="product-picture"><img src="img/bajaj/9.png" /></div>
  145.                        
  146.                 </div>
  147.        
  148.                 <div class="product">
  149.                     <div class="product-checkbox"><input type="checkbox" name="product-10" /></div>
  150.                     <div class="product-name">Cluster Gear NM</div>
  151.                     <div class="product-picture"><img src="img/bajaj/10.png" /></div>
  152.                        
  153.                 </div>
  154.        
  155.                 <div class="product">
  156.                     <div class="product-checkbox"><input type="checkbox" name="product-11" /></div>
  157.                     <div class="product-name">Clutch Bell</div>
  158.                     <div class="product-picture"><img src="img/bajaj/11.png" /></div>
  159.                        
  160.                 </div>
  161.        
  162.                 <div class="product">
  163.                     <div class="product-checkbox"><input type="checkbox" name="product-12" /></div>
  164.                     <div class="product-name">Clutch Nut</div>
  165.                     <div class="product-picture"><img src="img/bajaj/12.png" /></div>
  166.                        
  167.                 </div>
  168.             </div>
  169.            
  170.             <div class="product-row">
  171.        
  172.                 <div class="product">
  173.                     <div class="product-checkbox"><input type="checkbox" name="product-13" /></div>
  174.                     <div class="product-name">Differential Housing Gear</div>
  175.                     <div class="product-picture"><img src="img/bajaj/13.png" /></div>
  176.                        
  177.                 </div>
  178.        
  179.                 <div class="product">
  180.                     <div class="product-checkbox"><input type="checkbox" name="product-14" /></div>
  181.                     <div class="product-name">Driven Dog With Bolt</div>
  182.                     <div class="product-picture"><img src="img/bajaj/14.png" /></div>
  183.                        
  184.                 </div>
  185.        
  186.                 <div class="product">
  187.                     <div class="product-checkbox"><input type="checkbox" name="product-15" /></div>
  188.                     <div class="product-name">Engine Gear 3 Port</div>
  189.                     <div class="product-picture"><img src="img/bajaj/15.png" /></div>
  190.                        
  191.                 </div>
  192.        
  193.                 <div class="product">
  194.                     <div class="product-checkbox"><input type="checkbox" name="product-16" /></div>
  195.                     <div class="product-name">Eye Bolt Set Complete</div>
  196.                     <div class="product-picture"><img src="img/bajaj/16.png" /></div>
  197.                        
  198.                 </div>
  199.             </div>
  200.    
  201.             <div class="product-row">
  202.        
  203.                 <div class="product">
  204.                     <div class="product-checkbox"><input type="checkbox" name="product-17" /></div>
  205.                     <div class="product-name">Flange Electronic Long</div>
  206.                     <div class="product-picture"><img src="img/bajaj/17.png" /></div>
  207.                        
  208.                 </div>
  209.        
  210.                 <div class="product">
  211.                     <div class="product-checkbox"><input type="checkbox" name="product-18" /></div>
  212.                     <div class="product-name">Fork Cone Set NM</div>
  213.                     <div class="product-picture"><img src="img/bajaj/18.png" /></div>
  214.                        
  215.                 </div>
  216.        
  217.                 <div class="product">
  218.                     <div class="product-checkbox"><input type="checkbox" name="product-19" /></div>
  219.                     <div class="product-name">Front Fork</div>
  220.                     <div class="product-picture"><img src="img/bajaj/19.png" /></div>
  221.                        
  222.                 </div>
  223.        
  224.                 <div class="product">
  225.                     <div class="product-checkbox"><input type="checkbox" name="product-20" /></div>
  226.                     <div class="product-name">Big Front Shocker Bush</div>
  227.                     <div class="product-picture"><img src="img/bajaj/20.png" /></div>
  228.                        
  229.                 </div>
  230.             </div>
  231.            
  232.             <div class="product-row">
  233.        
  234.                 <div class="product">
  235.                     <div class="product-checkbox"><input type="checkbox" name="product-21" /></div>
  236.                     <div class="product-name">Front Wheel Hub Axle Werm Type</div>
  237.                     <div class="product-picture"><img src="img/bajaj/21.png" /></div>
  238.                        
  239.                 </div>
  240.        
  241.                 <div class="product">
  242.                     <div class="product-checkbox"><input type="checkbox" name="product-22" /></div>
  243.                     <div class="product-name">Gear Cross NM</div>
  244.                     <div class="product-picture"><img src="img/bajaj/22.png" /></div>
  245.                        
  246.                 </div>
  247.        
  248.                 <div class="product">
  249.                     <div class="product-checkbox"><input type="checkbox" name="product-23" /></div>
  250.                     <div class="product-name">Half Kick</div>
  251.                     <div class="product-picture"><img src="img/bajaj/23.png" /></div>
  252.                        
  253.                 </div>
  254.        
  255.                 <div class="product">
  256.                     <div class="product-checkbox"><input type="checkbox" name="product-24" /></div>
  257.                     <div class="product-name">Kick Welding Pin/ Gully</div>
  258.                     <div class="product-picture"><img src="img/bajaj/24.png" /></div>
  259.                        
  260.                 </div>
  261.             </div>
  262.            
  263.             <div class="product-row">
  264.        
  265.                 <div class="product">
  266.                     <div class="product-checkbox"><input type="checkbox" name="product-25" /></div>
  267.                     <div class="product-name">Main Shaft 1996 Without Collar</div>
  268.                     <div class="product-picture"><img src="img/bajaj/25.png" /></div>
  269.                        
  270.                 </div>
  271.        
  272.                 <div class="product">
  273.                     <div class="product-checkbox"><input type="checkbox" name="product-26" /></div>
  274.                     <div class="product-name">Pivot Pin Super Sheet Metal</div>
  275.                     <div class="product-picture"><img src="img/bajaj/26.png" /></div>
  276.                        
  277.                 </div>
  278.        
  279.                 <div class="product">
  280.                     <div class="product-checkbox"><input type="checkbox" name="product-27" /></div>
  281.                     <div class="product-name">Piston Pin</div>
  282.                     <div class="product-picture"><img src="img/bajaj/27.png" /></div>
  283.                        
  284.                 </div>
  285.        
  286.                 <div class="product">
  287.                     <div class="product-checkbox"><input type="checkbox" name="product-28" /></div>
  288.                     <div class="product-name">Propellar Shaft with Pin</div>
  289.                     <div class="product-picture"><img src="img/bajaj/28.png" /></div>
  290.                        
  291.                 </div>
  292.             </div>
  293.            
  294.             <div class="product-row">
  295.        
  296.                 <div class="product">
  297.                     <div class="product-checkbox"><input type="checkbox" name="product-29" /></div>
  298.                     <div class="product-name">Rear Wheel Hub Axle NM</div>
  299.                     <div class="product-picture"><img src="img/bajaj/29.png" /></div>
  300.                        
  301.                 </div>
  302.        
  303.                 <div class="product">
  304.                     <div class="product-checkbox"><input type="checkbox" name="product-30" /></div>
  305.                     <div class="product-name">Reverse Control Gear NM/OM</div>
  306.                     <div class="product-picture"><img src="img/bajaj/30.png" /></div>
  307.                        
  308.                 </div>
  309.        
  310.                 <div class="product">
  311.                     <div class="product-checkbox"><input type="checkbox" name="product-31" /></div>
  312.                     <div class="product-name">Slider Block Set</div>
  313.                     <div class="product-picture"><img src="img/bajaj/31.png" /></div>
  314.                        
  315.                 </div>
  316.        
  317.                 <div class="product">
  318.                     <div class="product-checkbox"><input type="checkbox" name="product-32" /></div>
  319.                     <div class="product-name">Steel Plate</div>
  320.                     <div class="product-picture"><img src="img/bajaj/32.png" /></div>
  321.                        
  322.                 </div>
  323.             </div>
  324.            
  325.             <div class="product-enquiry">
  326.                 <input type="submit" name="submit-enquiry1" value=" Enquire Now "/>
  327.             </div>
  328.         </form>
  329.     </div>
  330. </body>
  331. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!