I have a contacts list in SharePoint. In that list there are a few columns like Firstname, Surname, email etc. There is also an image URL.
I would like to bring all of the information in a Contact item together into a profile block and display each contact in a flexible 10 x 10 grid where the image is centered and the firstname, surname, email are underneath the image then the next profile appears to the right of that profile and so on until 10 across. Then it goes to the next line and shows another 10 across.
Looking at SPServices is a possibility to pull the data out but how would I create the profile contact item and the grid?
I have also looked into backbone.js and angular.js to see if it might be possible to easily create this grid.