<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Gallery.aspx.cs" Inherits="Gallery" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Sainipunjabtransport</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/grid.css" type="text/css" media="all"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
<script src="js/html5.js" type="text/javascript"></script>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.5.custom.min.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css" type="text/css" media="all"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="jquery-1.9.0.min.js" type="text/javascript"></script>
<script src="jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="jquery.fancybox.js" type="text/javascript"></script>
<link href="jquery.fancybox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
$(document).ready(function () {
/*
* Simple image gallery. Uses default settings
*/
$('.fancybox').fancybox();
});
$(document).ready(function () {
$('.pics').cycle({
fx: 'toss',
next: '#next',
prev: '#prev'
});
// Datepicker
$('#datepicker').datepicker({
inline: true
});
});
</script>
<style type="text/css">
.style1
{
width: 387px;
height: 61px;
}
.style2
{
width: 348px;
height: 56px;
}
.style4
{
width: 978px;
position: relative;
font-size: .75em;
left: 0px;
top: 0px;
margin: 0 auto;
}
.style5
{
float: left;
width: 726px;
height: 484px;
margin-left: 30px;
}
.style7
{
width: 147px;
}
.style8
{
width: 144px;
}
.style9
{
width: 142px;
height: 136px;
}
.style10
{
width: 144px;
height: 136px;
}
.style11
{
width: 147px;
height: 136px;
}
.style12
{
height: 136px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<header>
<nav>
<div class="container">
<div class="wrapper">
<h1 class="style1"><a href="Default.aspx"><img id="n1" class="style2" runat="server"
src="Sainias.png" alt="img" /></a></h1>
<ul>
<li><a href="#" class="current">about</a></li>
<li><a href="#">products and services</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="contacts.aspx">contacts</a></li>
</ul>
</div>
</div>
</nav>
<section class="adv-content">
<div class="style4">
<fieldset>
</fieldset>
</div>
</section><div class="ic"></div>
</header>
<section id="content">
<div class="top">
</div>
<div class="middle">
<div class="container">
<div class="wrapper">
<div class="grid3 first">
<ul class="categories">
<li><a href="#">Our Gallery </a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Cranes</a></li>
<li><a href="#">Exavator</a></li>
<li><a href="#">Shovel</a></li>
<li><a href="#">Forklift</a></li>
<li><a href="#">Becoloder</a></li>
<li><a href="#">Dozer</a></li>
<li><a href="#">Telehandler</a></li>
</ul>
</div>
<div class="style5">
<h2>Cranes (Gallery)click on image to view large<br /> </h2>
<table style="width: 100%; height: 421px;">
<tr>
<td class="style10">
<a class="fancybox" href="IMG_3132.jpg" title="Hi all"> <asp:Image ID="Image1" runat="server" ImageUrl="IMG_3132s.jpg" /></a></td>
<td class="style11">
<a class="fancybox" rel="gallery1" href="sainimages/IMG_3133.jpg"> <img alt="" src="sainimages/IMG_3133s.jpg" /></a></td>
<td class="style9" colspan="2">
<img alt="" src="sainimages/IMG_3138s.jpg" /></td>
<td class="style12">
<img alt="" src="sainimages/IMG_3139s.jpg" /></td>
<td class="style12">
</td>
<td class="style12">
<img alt="" src="sainimages/IMG_3140s.jpg" /></td>
</tr>
<tr>
<td class="style8">
<img alt="" src="sainimages/IMG_3142s.jpg" /></td>
<td class="style7">
<img alt="" src="sainimages/IMG_3143s.jpg" /></td>
<td>
<img alt="" src="sainimages/IMG_3144s.jpg" /></td>
<td colspan="2">
<img alt="" src="sainimages/IMG_3145s.jpg" /></td>
<td colspan="2">
<img alt="" src="sainimages/IMG_3146s.jpg" /></td>
</tr>
<tr>
<td class="style8">
<img alt="" src="sainimages/IMG_3148s.jpg" /></td>
<td class="style7">
<img alt="" src="sainimages/IMG_3149s.jpg" /></td>
<td colspan="5">
<img alt="" src="sainimages/IMG_3150s.jpg" /></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="container">
<div class="wrapper">
<div class="grid3 first">
</div>
<div class="grid3">
<h3>Quick Links</h3>
<ul class="list2">
<li><a href="#">Home</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="grid3">
</div>
<div class="grid3">
<div id="datepicker"></div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="wrapper">
<div class="copy">Saini Punjab Transport LLC (c) 2008-2013 </div>
<address class="phone">
We're glad to help you. Please email or call us. <strong>+971507494096 </strong>
</address>
</div>
<div>
<br />
Site developed, hosted and maintained by <a href="http://www.ethenicdeveloper.com/" target="_blank"> Ethenic developer</a></div>
</div>
</footer>
</form>
</body>
</html>
Sir lighbox is not working