> 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-8/one-page-portfolio-module.md).

# One page Portfolio module

### 51. One page Portfolio module

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

![](/files/DGIRS0PGzOFEe3RtoPj2)

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:

![](/files/5aqkijIeAj47HRNfQjJE)

#### Step-2:

![](/files/UDbKz8iOupGUw5gETJ7g)

#### Step-3:

![](/files/1kqZRQrPUh9QS0dq5zXG)

#### Step-4:

![](/files/Fu4NOYf8PGCLJAFcmlH1)

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.