How do I do a picture / text upload to go into a bootstrap thumbnail / modal?

Project site: http://www.williambaum.comlu.com/Ermias/index.html

This question might be a bit hard to explain but I'll try my best.

I'm making a bootstrap site for my friend (and learning from it) and trying to make an upload section. This site is for his photoshopped art and my goal is that he could upload a photo and the required text and it be put into the thumbnail and modal. I want it to create a new thumbnail and modal when he uploads and it to appear as a thumbnail (like on the homepage) on the 'pictures' page. How should I go about doing this and could you point me towards some documentation for it.

Thanks in advance - Will

PS: If you need clarification please ask

PPS: Open to constructive criticism on my site

http://www.williambaum.comlu.com/Ermias/index.html