/* My skills */

#skills {

...

.coding {

HTML: excellent;

CSS: excellent;

JavaScript: excellent;

PHP: good;

&.libraries {

jQuery: excellent;

SASS: good;

}

}

.CMS {

Drupal: excellent;

Magento: good;

Wordpress: good;

}

.adobe {

Photoshop: excellent;

Illustrator: good;

Indesign: good;

}

.other {

Microsoft: excellent;

.languages {

Dutch: excellent;

English: excellent;

French: acceptable;

German: basic understanding;

}

}

}

<!-- My experience -->

<experience>

...

<work firm="comma, merkenmarketeers" date="02/2013 - now">

<description>Webdeveloper at Comma, Merkenmarketeers in Zedelgem</description>

<skills>

Drupal

SASS

Responsive websites

Magento

</skills>

</work>

<work firm="KC Webdesign" date="12/2011 - 01/2013">

<description>Webdeveloper at KC Webdesign in Almere, Netherlands</description>

<skills>

PHP

Project management

</skills>

</work>

<work firm="comma, merkenmarketeers" date="01/2011 - 03/2011">

<description>Front-end developer (intern) at Comma, Merkenmarketeers in Zedelgem</description>

<skills>

Wordpress

SEO

Mobile

</skills>

</work>

<studies school="VDAB" date="06/2010 - 01/2011">

<description>Webdesign studies at VDAB in Leuven</description>

<skills>

HTML

CSS

JavaScript & jQuery

Design standards

</skills>

</studies>

<studies school="Sint Lucas Gent" date="09/2007 - 01/2010">

<description>Bachelor interior-architecture at Sint-Lucas (unfinished)</description>

<skills>

Adobe Photoshop

Adobe Illustrator

3D studio

</skills>

</studies>

</experience>

click here

// My websites   

$('#websites').ready(function(){

...

var description = 'Websites I worked on these past three years';

var info = 'design by comma, merkenmarketeers';

// click the link for an image gallery of the websites

function imageGallery(){

$('click here').on('click', function(){

$('.lightbox').fadeIn(slow);

});

});

// click on the links to go directly to the website

function websitesList(){

var website = [['date', 'link', 'name']];

website.push(['2016/01', 'view', 'SB Concepts']);

website.push(['2015/12', 'view', 'Assuranties Verheecke']);

website.push(['2015/12', 'view', 'Triatlon Brugge Team']);

website.push(['2015/11', 'view', 'Vanderjeugt Schrijnwerk']);

website.push(['2015/11', 'view', 'W-kracht']);

website.push(['2015/10', 'view', 'Chinoh group']);

website.push(['2015/10', 'view', 'Ecolina - Chinoh']);

website.push(['2015/10', 'view', 'Pixies collection - Chinoh']);

website.push(['2015/10', 'view', 'SimplyD - Chinoh']);

website.push(['2015/09', 'view', 'Beltherm']);

website.push(['2015/09', 'view', 'Coro Driftwood']);

website.push(['2015/09', 'view', 'Salons Denotter']);

website.push(['2015/08', 'view', 'Bistro Boschvogel']);

website.push(['2015/08', 'view', 'Devastgoedcompagnie']);

website.push(['2015/07', 'view', 'ZZnetwerk']);

website.push(['2015/06', 'view', 'Leertijd']);

website.push(['2015/05', 'view', 'Steff-baby']);

website.push(['2015/04', 'view', 'Sharecom']);

website.push(['2015/04', 'view', 'Sisa']);

website.push(['2015/03', 'view', 'Axintor']);

website.push(['2015/01', 'view', 'Chef Inspired Desserts']);

website.push(['2014/12', 'view', 'Goozz']);

website.push(['2014/12', 'view', 'Groenhove']);

website.push(['2014/12', 'view', 'Bistro Lokkedize']);

website.push(['2014/12', 'view', 'M-factor']);

website.push(['2014/12', 'view', 'Mondriaan Zedelgem']);

website.push(['2014/11', 'view', 'Primefit']);

website.push(['2014/10', 'view', 'Belgosuc']);

website.push(['2014/10', 'view', 'Concordia']);

website.push(['2014/10', 'view', 'Gelatoqueen']);

website.push(['2014/10', 'view', 'Jonathan van Loo']);

website.push(['2014/09', 'view', 'Pidy']);

website.push(['2014/08', 'view', 'Fribona']);

website.push(['2014/08', 'view', 'Fullwood Packo']);

website.push(['2014/06', 'view', 'Comma, Merkenmarketeers']);

website.push(['2014/06', 'view', 'Moteogroup']);

website.push(['2014/05', 'view', 'Tuinen Dieter']);

website.push(['2014/05', 'view', 'VTI Diksmuide']);

website.push(['2014/04', 'view', 'Archer & Bailey']);

website.push(['2014/04', 'view', 'RTS Zedelgem']);

website.push(['2014/04', 'view', 'Ve-tor poorten']);

website.push(['2014/03', 'view', 'TAL - King George']);

website.push(['2014/03', 'view', 'Sint-Rembert']);

website.push(['2014/03', 'view', 'Thomas Bradley']);

website.push(['2014/03', 'view', 'Reizen Benny Vandamme']);

website.push(['2014/02', 'view', 'Bouwmaterialen Vandemoortele']);

website.push(['2014/02', 'view', 'Garage Decock']);

website.push(['2014/02', 'view', 'The legends']);

website.push(['2014/02', 'view', 'Vita Optima']);

website.push(['2014/01', 'view', 'CVA Noordwest']);

website.push(['2014/01', 'view', 'Fixaflex']);

website.push(['2013/12', 'view', 'De Luyckhoek']);

website.push(['2013/12', 'view', 'De webshopapotheek']);

website.push(['2013/12', 'view', 'Triteam Brugge']);

website.push(['2013/11', 'view', 'De lekpot']);

website.push(['2013/11', 'view', 'Sint-Elooi']);

website.push(['2013/10', 'view', 'Chinoh']);

website.push(['2013/09', 'view', 'PE']);

website.push(['2013/08', 'view', 'Hypotheek.winkel']);

website.push(['2013/08', 'view', 'Très Jolie']);

website.push(['2013/07', 'view', 'Apotheek Depuydt']);

website.push(['2013/07', 'view', 'Monday']);

website.push(['2013/07', 'view', 'Stanwick']);

website.push(['2013/07', 'view', 'Vereecke O'Sea']);

website.push(['2013/06', 'view', 'Dakwerken Vansteelandt']);

website.push(['2013/06', 'view', 'ICMS']);

website.push(['2013/06', 'view', 'Loweide']);

website.push(['2013/06', 'view', 'Rform']);

website.push(['2013/06', 'view', 'Slagerij Devriendt']);

website.push(['2013/05', 'view', 'Effectis']);

});

});