> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.stylecloud.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 3.5.3. Create Portfolio Page

A **Portfolio page** is it’s **visual proof** of your skills, style, and capabilities. You can create a custom portfolio layout using **Query Loop**, Portfolio blocks, and other dynamic features in the Block Editor.
---

### 1. Create a New Page
* Go to **Dashboard > Pages > Add New.**
* Title the page **Portfolio **(or anything you'd like).

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/3-4-2-1_2l3fap.png)

---

### 2. How to add your blog StyleCloud Blocks or Template to the page 
**StyleCloud** offers a library of over **580 pre-designed blocks and 240 pre-designed templates**, organized into various categories for easy browsing. We encourage you to explore these blocks to enhance your site design.

To access them:
* Click the **Design Library** icon located at the top left of the editor.
* Then select **StyleCloud** from the available options.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/3-4-2-2_1q715ji.png)


![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/3-5-3-2_lw2zf7.png)

---

### 3.1. Or if you want o create your own listing block then we suggest using the Query Loop element 

The **Query Loop** element lets you control which galleries appear and how they’re displayed
* Open the Gallery page in the Block Editor
* Click the **plus** **icon **and search for **Query Loop**
* Choose a layout (list, grid, cards, etc.)
* Customize the block

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/3-5-3-3_pu2l4o.png)
---
### 3.2. Add Query Loop elements

This setting option allow users to browse through multiple post pages:
* Inside the Query Loop, click **Add Block**:
* gallery featured image
* gallery categories
* gallery title
* pagination

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/3-4-2-5_1m6jem8.png)