> For the complete documentation index, see [llms.txt](https://highfivethemes.gitbook.io/persona-user-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://highfivethemes.gitbook.io/persona-user-documentation/custom-settings/projects-section.md).

# Projects Section

**Persona** provide the oppotrunity to add a section with projects

<figure><img src="/files/94hpxUXHfeiASv8BCZiI" alt=""><figcaption></figcaption></figure>

### Adding a **Projects** Page:

1. In your Ghost admin area, go to **Pages** and click on the **New Page** button in the top right corner.
2. You can choose any title you like for the **Current Projects** (this title will be used as the title for the section on the home page).
3. Click <img src="/files/HEL3YKhepTBJy63K2kqX" alt="" data-size="line"> icon in the top right corner to open the **Page settings**
4. Then, find the **Tags** setting and add the **#projects** tag.
5. Once you're done, click on **Publish** to make your **Projects Page** live.

### To add Projec&#x74;**:** <a href="#to-create-the-categories-page" id="to-create-the-categories-page"></a>

* Add html block with code and insert code

  <figure><img src="/files/YDd47ShzaMUH8U8SXyRx" alt=""><figcaption><p>HTML block in editor</p></figcaption></figure>

<pre class="language-html"><code class="lang-html">&#x3C;a class="project-card"  href="ADD_PROJECT_LINK">
   &#x3C;h3 class="project-card__title">ADD_PROJECT_NAME&#x3C;/h3>
   &#x3C;span class="project-card__link">
     &#x3C;span class="project-card__link-text">ADD_PROJECT_WEBSITE&#x3C;/span>
     &#x3C;span class="project-card__link-icons">
       &#x3C;svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<strong>           &#x3C;path d="M1.74667 9L1 8.25333L7.18667 2.06667L3.66667 2.06667V1L9 1V6.33333H7.93333V2.81333L1.74667 9Z" fill="white" stroke="white" stroke-width="0.22"/>
</strong>       &#x3C;/svg>
       &#x3C;svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
           &#x3C;path d="M1.74667 9L1 8.25333L7.18667 2.06667L3.66667 2.06667V1L9 1V6.33333H7.93333V2.81333L1.74667 9Z" fill="white" stroke="white" stroke-width="0.22"/>
       &#x3C;/svg>
     &#x3C;/span>
   &#x3C;/span>
   &#x3C;p class="project-card__description">ADD_PROJECT_DESCRIPTION&#x3C;/p>
</code></pre>

* Add image in editor (this is the project background image)&#x20;

  <figure><img src="/files/YiChjqa7svUQqfAZzGWU" alt=""><figcaption></figcaption></figure>
* Add html block with code and insert code&#x20;

```html
</a>
```

* Then, change **`ADD_PROJECT_LINK`** **`ADD_PROJECT_NAME`** **`ADD_PROJECT_WEBSITE`** **`ADD_PROJECT_DESCRIPTION`** to your project, like this:&#x20;

<figure><img src="/files/zJ085MY1giKci6ZTLSLj" alt=""><figcaption></figcaption></figure>

* Click **Update** to save your work
* To add the project section, enter the section number '1' in the setting "**homepage\_sections\_order"**


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://highfivethemes.gitbook.io/persona-user-documentation/custom-settings/projects-section.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
