<ul class="slider" id="sliderName">
<li class="slide">
<!-- item 1 -->
<div class="four columns item">
<div class="caption">
<a href="single_project_1.html"><img src="images/img/thumbs/thumb-1.jpg" alt="" class="pic" />
<span class="hover-effect link"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 2 -->
<div class="four columns item">
<div class="caption">
<a href="images/img/thumbs/thumb-2.jpg" rel="prettyPhoto[gallery2]">
<img src="images/img/thumbs/thumb-2.jpg" alt="" class="pic" />
<span class="hover-effect zoom"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 3 -->
<div class="four columns item">
<div class="caption">
<a href="single_project_1.html"><img src="images/img/thumbs/thumb-3.jpg" alt="" class="pic" />
<span class="hover-effect link"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 4 -->
<div class="four columns item">
<div class="caption">
<a href="images/img/thumbs/thumb-4.jpg" rel="prettyPhoto[gallery2]">
<img src="images/img/thumbs/thumb-4.jpg" alt="" class="pic" />
<span class="hover-effect zoom"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 5 -->
<div class="four columns item">
<div class="caption">
<a href="single_project_1.html"><img src="images/img/thumbs/thumb-1.jpg" alt="" class="pic" />
<span class="hover-effect link"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 6 -->
<div class="four columns item">
<div class="caption">
<a href="images/img/thumbs/thumb-2.jpg" rel="prettyPhoto[gallery3]">
<img src="images/img/thumbs/thumb-2.jpg" alt="" class="pic" />
<span class="hover-effect zoom"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 7 -->
<div class="four columns item">
<div class="caption">
<a href="single_project_1.html"><img src="images/img/thumbs/thumb-3.jpg" alt="" class="pic" />
<span class="hover-effect link"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 8 -->
<div class="four columns item">
<div class="caption">
<a href="images/img/thumbs/thumb-4.jpg" rel="prettyPhoto[gallery3]">
<img src="images/img/thumbs/thumb-4.jpg" alt="" class="pic" />
<span class="hover-effect zoom"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
</li><!-- End slide -->
<li class="slide">
<!-- item 1 -->
<div class="four columns item">
<div class="caption">
<a href="single_project_1.html"><img src="images/img/thumbs/thumb-1.jpg" alt="" class="pic" />
<span class="hover-effect link"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 2 -->
<div class="four columns item">
<div class="caption">
<a href="images/img/thumbs/thumb-2.jpg" rel="prettyPhoto[gallery2]">
<img src="images/img/thumbs/thumb-2.jpg" alt="" class="pic" />
<span class="hover-effect zoom"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 3 -->
<div class="four columns item">
<div class="caption">
<a href="single_project_1.html"><img src="images/img/thumbs/thumb-3.jpg" alt="" class="pic" />
<span class="hover-effect link"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 4 -->
<div class="four columns item">
<div class="caption">
<a href="images/img/thumbs/thumb-4.jpg" rel="prettyPhoto[gallery2]">
<img src="images/img/thumbs/thumb-4.jpg" alt="" class="pic" />
<span class="hover-effect zoom"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 5 -->
<div class="four columns item">
<div class="caption">
<a href="single_project_1.html"><img src="images/img/thumbs/thumb-1.jpg" alt="" class="pic" />
<span class="hover-effect link"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 6 -->
<div class="four columns item">
<div class="caption">
<a href="images/img/thumbs/thumb-2.jpg" rel="prettyPhoto[gallery3]">
<img src="images/img/thumbs/thumb-2.jpg" alt="" class="pic" />
<span class="hover-effect zoom"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 7 -->
<div class="four columns item">
<div class="caption">
<a href="single_project_1.html"><img src="images/img/thumbs/thumb-3.jpg" alt="" class="pic" />
<span class="hover-effect link"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
<!-- item 8 -->
<div class="four columns item">
<div class="caption">
<a href="images/img/thumbs/thumb-4.jpg" rel="prettyPhoto[gallery3]">
<img src="images/img/thumbs/thumb-4.jpg" alt="" class="pic" />
<span class="hover-effect zoom"></span></a>
</div><!-- hover effect -->
<h4><a href="single_project_1.html">MonsterUp</a></h4>
<p>design ,graphic ,illustration</p>
</div>
<!-- End -->
</li><!-- End slide -->
</ul>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.