> 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"**