# Home 4 Portfolio module

### 31.Home 4 Portfolio module

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FkqKAdBvJZwMi4GMr0IgS%2FHome4_Portfoliomodule.png?alt=media\&token=94313cff-aa69-4f2a-8e12-9c7031fae651)

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:

```html
   <div class="tp-title-center text-center">
    <h3 class="module-title "><span class="title-left">
Some of our</span><span class="title-right"> Recent work</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 class="tp-work-no-margin">
    <div>{loadposition tp-home-work}</div>
</div>
```

Make sure the Prepare content is set to "YES"

#### Step-4:

Once the module is create successfully SAVE & CLOSE The Settings