Hello,

I am using Liferay version 7.3 ga6

I am fairly new to Liferay and need to create a photo and video gallery for a website that uses Liferay. It needs to be dynamic because the number of videos or photos used is unknown. To get a better idea, this is my rough design right now (excluding header and footer):

The page will be comprised of two rows, a top row and a bottom row.

The top of the page I want split into two equal sized columns. On the left is a single row which will display the video. Then on the right will be two rows, the first row the description, and then the second row will be a carousel of previews.

The bottom row will be an image gallery, which will be a carousel as well. However on the left side will have two compacted previews, the middle will be a full preview of the picture with a small description overlayed on the bottom, and then on the right will be two compacted previews again. There will also be arrows on either side for navigation through. And while you go through the carousel, the middle image will always be a full preview.

I have done designs like this in vue, laravel, and raw php before. However, I need to make this in Liferay and nowhere in the documentation do I see help with dynamic content. 

Is this possible with Liferay? And if so, can someone please point me in the right direction so I can figure out how to create this?

Is this a portlet? Is it a widget? Is it a fragment? Is it a theme? How do I access Liferay's media and documentation library to display specific images? I don't see anywhere explaining these questions.