<div id="featuredprojects">
<ul class="clearfix">
<li>
<div class="outerimg"><a href="images/image1.jpg" data-lightbox="transitionIn:elastic;transitionOut:elastic;" data-spotlight="on"><img src="images/image1.jpg" alt="Spotlight Image" width="100%" height="100%" /></a></div>
<div class="information clearfix">
<h4><a href="#">Pellentesque et elit risus</a></h4>
<p>business, communications</p>
</div>
</li>
<li>
<div class="outerimg"><a href="images/image2.jpg" data-lightbox="transitionIn:elastic;transitionOut:elastic;" data-spotlight="on"><img src="images/image2.jpg" alt="Spotlight Image" width="100%" height="100%" /></a></div>
<div class="information clearfix">
<h4><a href="#">Aliquam sodales quam</a></h4>
<p>hardware, technology</p>
</div>
</li>
<li>
<div class="outerimg"><a href="images/image3.jpg" data-lightbox="transitionIn:elastic;transitionOut:elastic;" data-spotlight="on"><img src="images/image3.jpg" alt="Spotlight Image" width="100%" height="100%" /></a></div>
<div class="information clearfix">
<h4><a href="#">Maecenas facili dapibus</a></h4>
<p>design, development</p>
</div>
</li>
<li class="lastone">
<div class="outerimg"><a href="images/image4.jpg" data-lightbox="transitionIn:elastic;transitionOut:elastic;" data-spotlight="on"><img src="images/image4.jpg" alt="Spotlight Image" width="100%" height="100%" /></a></div>
<div class="information clearfix">
<h4><a href="#">Donec pulvinar nisi odio</a></h4>
<p>corporate, others</p>
</div>
</li>
</ul>
</div>