# Home 5 App screenshots

### 38. Home 5 App screenshots

> Module position: tp-work
>
> Module class suffix: tp-title-center

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FfZS4CPYBg5TpsicP9V3n%2FHome5_Appscreenshots.png?alt=media\&token=e2e0a771-8a38-4b7d-823b-bc8637fd8b3c)

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 "Grids"

Select your Content provider as "Simple Provider"

Choose the Theme as "Default"

Publish the module in "tp-app-screen"

#### Step-2:

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

#### Step-3:

Add the following html module in html module

```html
<div class="col-lg-12 col-md-12">
    <h3 class="module-title "><span class="title-left">App </span>
<span class="title-right"> screenshots</span>
    </h3>
    <p class="title-dec-gray tp-sub-text">Sed ut Perspiciatis Unde Omnis Iste Sed ut 
perspiciatis unde omnis iste natu error sit voluptatem accusan tium Sed ut</p>
</div>
<div class="col-sm-12">
    <div>{loadposition tp-app-screen}</div>
</div>
```

Make sure the Prepare content is set to YES

#### Step-4:

Once the module is created successfully SAVE & CLOSE the settings.