I am currently editing a template i downloaded from Themeforest.net ( Crisp - Creative Designer Portfolio )
http://themeforest.net/item/crisp-cr...review/3253860
I am currently using the Portfolio 3 Column as my portfolio. The only problem is the Filters for each section is not working on the html file. When i click on one of the links it dosnt sort out the picture by the category.I am trying to sort each picture to each category in the portfolio filtered by
All
Website
Graphic
Logo
Banner
Flyer
Poster
Touch-Ups
Here is the coding..
-------------------------------------------------------------------------
Code:
<section id="title" class="container clearfix">
<!-- Title -->
<div class="ten columns">
<h1>Portfolio.</h1>
<div class="container clearfix">
<div class="sixteen columns">
<h2>Filters.<br>
<br>
</h2>
</div>
<!-- Filters -->
<ul id="filter" class="sixteen columns">
<li class="current"><a href="#">All</a></li>
<li><a href="#Website">Website</a></li>
<li><a href="#Graphic">Graphic</a></li>
<li><a href="#Logo">Logo</a></li>
<li><a href="#">Banner</a></li>
<li><a href="#Flyer">Flyer</a></li>
<li><a href="#Poster">Poster</a></li>
<li><a href="#Touchups">Touch-Ups</a></li>
</ul>
<!-- End Filters --></div>
</div>
<!-- End Title -->
</section><!-- END CONTAINER -->
<section id="work" class="container clearfix">
<!-- Thumbnails -->
<ul id="portfolio">
<li class="thumb one-third column graphic">
<a href="melissafullerproject.html" target="_self" class="screen-roll">
<span></span>
<img src="images/thumbs/portfolio1.jpg" alt="thumb" />
</a>
<a href="melissafullerproject.html" target="_self">
<h3>Melissa Fuller Project</h3></a>
<p class="meta">Graphic Design / Printing Service</p>
</li>
<li class="thumb one-third column web">
<a href="James Nelson Project.html" target="_self" class="screen-roll">
<span></span>
<img src="images/thumbs/portfolio2.jpg" alt="thumb" />
</a>
<a href="James Nelson Project.html" target="_self">
<h3>James Nelson Project</h3></a>
<p class="meta">Photoshop Touchup</p>
</li>
<li class="thumb one-third column branding">
<a href="Funfairworld.html" target="_self" class="screen-roll">
<span></span>
<img src="images/thumbs/portfolio3.jpg" alt="thumb" />
</a>
<a href="Funfairworld.html" target="_self">
<h3>Fun Fair World Project</h3></a>
<p class="meta">Graphic Design / Printing Service</p>
</li>
<li class="thumb one-third column branding">
<a href="mikestin_project.html" target="_self" class="screen-roll">
<span></span>
<img src="images/thumbs/portfolio42.jpg" alt="thumb" />
</a>
<a href="mikestin_project.html" target="_self">
<h3>Mikestin Project</h3></a>
<p class="meta">Graphic Design / Illustration</p>
</li>
<li class="thumb one-third column graphic">
<a href="John Charle Project.html" target="_self" class="screen-roll">
<span></span>
<img src="images/thumbs/portfolio4.jpg" alt="thumb" />
</a>
<a href="John Charle Project.html" target="_self">
<h3>John Charle Project</h3></a>
<p class="meta">Graphic Design / Printing Service</p>
</li>
<li class="thumb one-third column web">
<a href="Joonas Palohiemo Project.html" target="_self" class="screen-roll">
<span></span>
<img src="images/thumbs/portfolio5.jpg" alt="thumb" />
</a>
<a href="Joonas Palohiemo Project.html" target="_self">
<h3>Joonas Palohiemo Project</h3></a>
<p class="meta">Graphic Design / Printing Service</p>
</li>
<li class="thumb one-third column branding">
<a href="Geller Project.html" target="_self" class="screen-roll">
<span></span>
<img src="images/thumbs/portfolio6.jpg" alt="thumb" />
</a>
<a href="Geller Project.html" target="_self">
<h3>Geller Project</h3></a>
<p class="meta">Photoshop Touchup</p>
</li>
</html>
Before you post, read our: 
