> 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/splash/pages/home-7/home-7-offer-module.md).

# Home-7 offer Module

### 49.  Home-7 offer Module

> Module position: home-2
>
> Module suffix: Not used

![](/files/OdEylPRWjihUlGhRneXX)

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

#### Step-1

![](/files/y1RTF7gAN4Hyo0DORdnd)

#### Step-2

![](/files/x76wkVMSLmCPYhXoj0O9)

Add the below code in your custom html module

```html
<div class="center-title-wrapper text-center">
    <h3 class="title-center">What We Offers</h3>
    <p>Separated they live in Bookmarksgrove right at the coast of the Semantics,
 a large language ocean.</p>
</div>
<div class="services-box-3">
    <div class="col-sm-3 col"><em class="icon-picons-diamond"></em>
        <h3>Super Design</h3>
        <p>Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus 
magna, vel scelerisque nisl et.</p>
    </div>
    <div class="col-sm-3 col"><em class="icon-picons-layers"></em>
        <h3>Clean Code</h3>
        <p>Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus
 magna, vel scelerisque nisl et.</p>
    </div>
    <div class="col-sm-3 col"><em class="icon-picons-star"></em>
        <h3>Retina Ready</h3>
        <p>Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus 
magna, vel scelerisque nisl et.</p>
    </div>
    <div class="col-sm-3 col"><em class="icon-picons-support"></em>
        <h3>Awesome Support</h3>
        <p>Etiam porta sem malesuada magna mollis euismod. Praesent commodo cursus
 magna, vel scelerisque nisl et.</p>
    </div>
</div>
```

#### Step-3

![](/files/6iaTnd78TpoXhwqqTkZ3)