# One page Portfolio module

### 51. One page Portfolio module

> Module position: onepage
>
> Module class suffix: section3 tp-title-center portfolio

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F0UwB67k1mQfogC2b7Gr1%2Fhome8_OnepagePortfolio_module.png?alt=media\&token=158a7d58-ff49-4511-bba0-deced1d5f6d8)

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:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FJ4SkEBNKjfygyTUoWNuw%2FHomestyle8_step1.png?alt=media\&token=e7ae21f7-6074-4438-940b-10c21e6691c4)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FfDMAya8pxuGoHWVvVZQl%2FHomestyle8_step2.png?alt=media\&token=36a1fe98-2b68-4f76-badf-3b2cd28c2d4e)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FbGNtWJJd8bwGkjxLM6CH%2FHomestyle8_step3.png?alt=media\&token=a484ff92-3d82-48e7-b8ef-09aec0f0b250)

#### Step-4:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fe9j31kYYAAfRFj6b74Vw%2FHomestyle8_step4.png?alt=media\&token=4d03d42e-94a9-4140-8507-af8d22a133a7)

Once the roksprocket module is created, You need to create a new custom html module and call this module inside your newly created custom html module

Follow the steps below

#### Step-5:

![](http://localhost/aug/grav-admin/user/pages/01.Templates/images/Homestyle8_step5.png)

#### Step-6:

![](http://localhost/aug/grav-admin/user/pages/01.Templates/images/Homestyle8_step6.png)

Add the folloing html code in your custom html module

#### Step-7:

```html
<div class="container">
    <div class="col-md-12 col-sm-12 col-xs-12">
        <h3 class="module-title white "><span class="title-left">Our recent </span>
<span class="title-right"> Works</span>
        </h3>
        <p class="white text-center tp-sub-text">Sed ut Perspiciatis Unde Omnis Iste 
Sed ut perspiciatis unde omnis iste natu error sit voluptatem accusan tium Sed ut</p>
{loadposition tp-home-recent-work}</div>
</div>
```

#### Step-8:

Make sure the Prepare content is set to YES.