Code:
001
<!DOCTYPE html>
002
<html lang="en">
003
<head>
004
<title>GALLERY</title>
005
<meta charset="utf-8">
006
<meta name="description" content="Your description">
007
<meta name="keywords" content="Your keywords">
008
<meta name="author" content="Your name">
009
<link rel="stylesheet" href="css/style.css">
010
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
011
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
012
<script src="js/jquery-1.7.1.min.js"></script>
013
<script src="js/script.js"></script>
014
015
<!--[if lt IE 8]>
016
<div style=' clear: both; text-align:center; position: relative;'>
017
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
018
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
019
</a>
020
</div>
021
<![endif]-->
022
<!--[if lt IE 9]>
023
<script src="js/html5.js"></script>
024
<link rel="stylesheet" href="css/ie.css">
025
<![endif]-->
026
027
</head>
028
<body id="page5">
029
030
<!--==============================header=================================-->
031
<header>
032
<div class="row-top">
033
<div class="main">
034
<div class="soc-link">Follow us on <a href="#" class="twit">Twitter</a>, <a href="#">Facebook</a> and <a href="#">Dribbble</a></div>
035
<form id="main-search" method="get">
036
<fieldset>
037
<div class="rowElem">
038
<input type="text" onfocus="if(this.value =='' ) this.value=''" onblur="if(this.value=='') this.value=''" value="" name="search">
039
<a onclick="document.getElementById('main-search').submit()" ></a> </div>
040
</fieldset>
041
</form>
042
<div class="clear"></div>
043
</div>
044
</div>
045
<div class="row-nav-manu">
046
<div class="main">
047
<h1><a href="index.html">CATS</a></h1>
048
<nav>
049
<ul class="sf-menu">
050
<li><a href="index.html">ABOUT US </a></li>
051
<li><a href="index-1.html">CATS </a>
052
<ul>
053
<li><a href="more.html">Lorem ipsum dolor </a> </li>
054
<li><a href="more.html">sit amet conse</a></li>
055
<li><a href="more.html">ctetur adipisicing</a></li>
056
<li><a href="more.html">elit sed do</a></li>
057
<li><a href="more.html">eiusmod tempor</a></li>
058
</ul>
059
</li>
060
<li><a href="index-2.html">FAQs</a> </li>
061
<li><a href="index-3.html">TESTIMONIALS</a></li>
062
<li class="current"><a href="index-4.html">GALLERY</a></li>
063
<li class="last"><a href="index-5.html">CONTACTS</a></li>
064
</ul>
065
</nav>
066
<div class="clear"></div>
067
</div>
068
</div>
069
</header>
070
071
<!--==============================content====================================-->
072
073
<section id="content">
074
<div class="main-bg">
075
<div class="container_12">
076
<div class="main">
077
<div class="block-1">
078
<div class="glow-3">
079
<div class="inner-1">
080
<h3 class="h3">our gallery</h3>
081
<h4 class="color-1">quis tempus neque tortor a velit</h4>
082
<div class="wrapper p5">
083
<div class="box-gall">
084
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img1.jpg " alt="" /></a></figure>
085
<div class="txt-1">Fusce interdum gravida tellus, non </div>
086
<p>Leifend.Vivamus vitae nisi lectus. Cras massa
087
tincidunt a porttitor sed, lobortis quis. <a href="more.html" class="link-1">[more]</a></p>
088
</div>
089
<div class="box-gall">
090
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img2.jpg " alt="" /></a></figure>
091
<div class="txt-1">Duis vitae molestie orci </div>
092
<p>Morbi eu purus at lectus dapibus pharetra cura
093
bitur pellentesque ultrices elit, vitae.<a href="more.html" class="link-1">[more]</a></p>
094
</div>
095
<div class="box-gall last">
096
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img3.jpg " alt="" /></a></figure>
097
<div class="txt-1">Nullam purus eros, egestas eu</div>
098
<p>Aliquam blandit vehicula adipiscing. Morbi odio dolor, ullamcorper quis viverra porttito.<a href="more.html" class="link-1">[more]</a></p>
099
</div>
100
</div>
101
<div class="wrapper p14">
102
<div class="box-gall">
103
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img4.jpg " alt="" /></a></figure>
104
<div class="txt-1">In varius ultrices tellus quis</div>
105
<p>Leifend.Vivamus vitae nisi lectus. Cras massa
106
tincidunt a porttitor sed, lobortis quis. <a href="more.html" class="link-1">[more]</a></p>
107
</div>
108
<div class="box-gall">
109
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img5.jpg " alt="" /></a></figure>
110
<div class="txt-1">Nullam purus eros, egesta</div>
111
<p>Morbi eu purus at lectus dapibus pharetra cura
112
bitur pellentesque ultrices elit, vitae.<a href="more.html" class="link-1">[more]</a></p>
113
</div>
114
<div class="box-gall last">
115
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img6.jpg " alt="" /></a></figure>
116
<div class="txt-1">Vivamus mollis ante sed mi</div>
117
<p>Aliquam blandit vehicula adipiscing. Morbi odio dolor, ullamcorper quis viverra porttito.<a href="more.html" class="link-1">[more]</a></p>
118
</div>
119
</div>
120
<div class="wrapper p14">
121
<div class="box-gall">
122
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img7.jpg " alt="" /></a></figure>
123
<div class="txt-1">Lorem ipsum dolor sit amet, consectetu</div>
124
<p>Leifend.Vivamus vitae nisi lectus. Cras massa
125
tincidunt a porttitor sed, lobortis quis. <a href="more.html" class="link-1">[more]</a></p>
126
</div>
127
<div class="box-gall">
128
<figure><a href="images/image-blank.png" data-gal="prettyPhoto[gallery]" class="lightbox-image"><img src="images/page5-img8.jpg " alt="" /></a></figure>
129
<div class="txt-1">Cras erat justo, sodales et </div>
130
<p>Morbi eu purus at lectus dapibus pharetra cura
131
bitur pellentesque ultrices elit, vitae.<a href="more.html" class="link-1">[more]</a></p>
132
</div>
133
</div>
134
</div>
135
</div>
136
</div>
137
</div>
138
</div>
139
</div>
140
</section>
141
<!--==============================footer================================-->
142
<footer>
143
<div class="main">
144
<ul class="footer-menu">
145
<li><a href="index.html">ABOUT US</a></li>
146
<li><a href="index-1.html">CATS</a></li>
147
<li><a href="index-2.html">FAQs</a> </li>
148
<li><a href="index-3.html">TESTIMONIALS</a></li>
149
<li class="current"><a href="index-4.html">GALLERY</a></li>
150
<li><a href="index-5.html">CONTACTS</a></li>
151
</ul>
152
<div class="clear"></div>
153
<div class="privacy">Cats © 2012 <a href="index-6.html">Privacy Policy</a> </div>
154
</div>
155
</footer>
156
</body>
157
</html>