portfolio = ""

portfolio += "<div class='portfolio-outer'>"
portfolio += "<div class='portfolio-inner'>"

portfolio += "<div class='portfolio-title'>"
portfolio += "<h3 class='head3 customfont1'>What I have done</h3>"
portfolio += "</div>"
	

portfolio += "<div class='clear'></div>"


//portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/sports-and-creative/graffiti-kings.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-graffiti-kings.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-graffiti-kings.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/sports-and-creative/maidstone-hockey-club.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-mhc.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-mhc.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/fleet-promotional-packaging.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-fleet.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-fleet.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/web-shop-ecommerce/ralph-steadman-shop.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-ralph-steadman.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-ralph-steadman.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/sports-and-creative/dave-holmes.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-dave-holmes.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-dave-holmes.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/construction-and-trades/kingsmen-limited.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-kingsmen.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-kingsmen.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/web-shop-ecommerce/oranges-and-lemons.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-oranges-and-lemons.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-oranges-and-lemons.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/construction-and-trades/interfix.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-interfix.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-interfix.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/topdogjobs.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-topdogjobs.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-topdogjobs.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/charity-non-profit/british-wireless-for-the-blind-fund.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-bwbf.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-bwbf.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/sports-and-creative/ten21-recording-studio.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-ten21.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-ten21.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/web-shop-ecommerce/pret-a-golf.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-pret-a-golf.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-pret-a-golf.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/life-changes.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-life-changes.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-life-changes.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/construction-and-trades/jc-birtles.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-jcb.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-jcb.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/sports-and-creative/the-quays.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-the-quays.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-the-quays.jpg' alt=''/></div>"
//portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/sports-and-creative/the-halyley-oliver-band.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-the-hayley-oliver-band.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-the-hayley-oliver-band.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/charity-non-profit/the-oliver-fisher-trust.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-oliver-fisher.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-oliver-fisher.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/charity-non-profit/sutton-valence-pre-school.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-svps.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-svps.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/construction-and-trades/bespoke-furniture-solutions.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-bfs.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-bfs.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/construction-and-trades/libra-facilities.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-libra-facilities.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-libra-facilities.jpg' alt=''/></div>"
//portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/construction-and-trades/agri-expo.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-agri-expo.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-agri-expo.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/construction-and-trades/wkpma.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-wkpma.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-wkpma.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/aether-medical-gases.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-aether-medical-gases.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-aether-medical-gases.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/skippers-guide.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-the-skippers-guide.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-the-skippers-guide.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/ionzero.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-ionzero.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-ionzero.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/elmcroft-editorial-services.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-elmcroft-editorial-services.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-elmcroft-editorial-services.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/morgan-healey.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-morgan-healey.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-morgan-healey.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/tl-group.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-tandl-training.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-tandl-training.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/referral-uk.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-referral-uk.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-referral-uk.jpg' alt=''/></div>"
//portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/esa-quest.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-esa-quest.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-esa-quest.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/banham-funeral-services.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-banham-funeral-services.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-banham-funeral-services.jpg' alt=''/></div>"
//portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/advertising-excellence.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-ad-ex.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-ad-ex.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/sports-and-creative/charlie-kenny.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-charlie-kenny.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-charlie-kenny.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/corporate/the-window.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-windows.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-windows.jpg' alt=''/></div>"
portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/web-shop-ecommerce/smart-parts-paintball.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-smart-parts-paintball.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-smart-parts-paintball.jpg' alt=''/></div>"
//portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/charity-non-profit/community-first-responders.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-cfr.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-cfr.jpg' alt=''/></div>"
//portfolio += "		<div class='portfolio-footer-wrap'><a href='/web-design-portfolio/charity-non-profit/maidstone-allotment-management-committee.html'><img class='portfolio-footer-tab' src='/images/portfolio/home-tabs/web-designer-for-mamc.jpg' alt=''/></a><img class='portfolio-footer-tab-desaturated' src='/images/portfolio/home-tabs/desaturated/web-designer-for-mamc.jpg' alt=''/></div>"

portfolio += "<div class='clear'></div>"
portfolio += "</div>"
portfolio += "<div class='clear'></div>"
portfolio += "</div>"


document.write(portfolio);


$(document).ready(function(){ 

	$(".portfolio-footer-tab").fadeTo("slow", 0.2);

	$(".portfolio-footer-tab").hover(function(){
		$(this).fadeTo("fast", 1); 
	},function(){
   		$(this).fadeTo("slow", 0.2); 
	});

                 	
});