# Experience Section

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

<figure><img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2F9S3wjrCEnZQulpClqAry%2Fexp.jpg?alt=media&#x26;token=b0b0b8c2-23c2-4841-b99c-42a785c8c542" 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 **Experience** (this title will be used as the title for the section on the home page).
3. Click <img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FPLmklqYLCsaMl6k7MnpJ%2F01.png?alt=media&#x26;token=513b83ce-ca13-4f93-8e23-c7783ea77a6c" alt="" data-size="line"> icon in the top right corner to open the **Page settings**
4. Then, find the **Tags** setting and add the **#experience** 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="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FSArtKBThqKl2LxqvuBIF%2Fclient-feedback-1.JPG?alt=media&#x26;token=55097f05-98be-4f18-b31f-e8837c105455" alt=""><figcaption><p>HTML block in editor</p></figcaption></figure>

<pre class="language-html"><code class="lang-html">&#x3C;div class="experience">
<strong>    &#x3C;div class="experience-card">
</strong>        &#x3C;div class="experience-card__content">
            &#x3C;h3 class="experience-card__title">ADD_NAME&#x3C;/h3>
            &#x3C;a class="experience-card__link" href="ADD_LINK">
                &#x3C;span class="experience-card__link-text">ADD_WEBSITE&#x3C;/span>
                &#x3C;span class="experience-card__link-icons">
                    &#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;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;/a>
            &#x3C;p class="experience-card__description">ADD_DESCRIPTION&#x3C;/p>
        &#x3C;/div>
        &#x3C;div class="experience-card__date">
            ADD_DATE
        &#x3C;/div>
    &#x3C;/div>
&#x3C;/div>
</code></pre>

* Then, change **`ADD_NAME`** **`ADD_LINK`** **`ADD_WEBSITE`** **`ADD_DESCRIPTION`** **`ADD_DATE`** to your experience card, like this: &#x20;

  <figure><img src="https://2520470798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjWZ8J9gB4hYVbW5miLKs%2Fuploads%2FK1GraTKUpISPry4D8o5P%2Fexp-code.jpg?alt=media&#x26;token=0fba391a-01da-4faa-bec5-64493dd310d2" alt=""><figcaption></figcaption></figure>
* Click **Update** to save your work
* To add the project section, enter the section number '6' in the setting "**homepage\_sections\_order"**
