> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/runway/layout-customization/home-styles/home-style-3/home-3-portfolio.md).

# Home 3 Portfolio

### 23.Home 3 Portfolio

> Module position: tp-work
>
> Module class suffix: Not Used

![](/files/5osCOQaH8Vvzb62PRMiK)

If you want your module this way, **Go to backend: Extensions --> Module Manager --> New --> Select type as RokSprocket Module** with the settings below:

#### Step-1:

Create a new RokSprocket module

Select your module Layout as "Mosaic"

Select your Content provider as "K2 Provider"

Choose the Theme as "Default"

Publish the module in "tp-home-work"

#### Step-2:

Once the module is created successfully You need to create a new "Custom html module"

#### Step-3:

Add the following html code in your custom html module

```html
<div class="text-center">
    <h3 class="module-title "><span class="title-left">Some of our </span>
<span class="title-right">recent works</span>
    </h3>
    <p class="tp-sub-text">If you want to take it to the next level, you came to 
the right place.</p>
</div>
<div>{loadposition tp-custom-work}</div>
```

Make sure the Prepare content is set to YES.

#### Step-4:

Once the module is successfully created SAVE & CLOSE The settings