> 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/milestone/layout-customization/home-page/product-info.md).

# Product info

### 3. Product info

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

![](/files/Ql9UIFATqckiPTCqBiY3)

![](/files/yT5FQ6xiPx0xdgDr8vlY)

![](/files/2v1R6kpkgNz9D4cfvXdi)

![](/files/IGeFmCn5OFSFN25dqE3q)

![](/files/nFpVgi0BFZ65AYf2Rsr9)

Follow the below code to achive the above

```html
<!-- product info
================================================== -->

<div class="product-info">
<div class="text-center">
<h1>Services we offer</h1>
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
</div>
<div class="row">
<div class="col-sm-4">
<div class="product-container">
<div id="product-icon" class="product-icon">
<div class="call-icons"><i class="fa fa-users"></i></div>
</div>
<div class="product-heading">
<h3>Strategy &amp; Planning</h3>
<p class="product-discription">Decore nostro repudiandae mea ea, ne meliore menandri ius. Ex suscipit antiopam salutatus sed, nec ut utamur impetus docendi.Decore nostro repudiandae mea ea, ne meliore menandri ius.</p>
</div>
<div class="button-container"><a href="#" class="btn-lg readbutton"><i class="fa fa-chevron-right font-chev"></i>Read more </a></div>
</div>
</div>
<div class="col-sm-4">
<div class="product-container">
<div id="product-icon1" class="product-icon">
<div class="call-icons"><i class="fa fa-book"></i></div>
</div>
<div class="product-heading">
<h3>Branding &amp; Campaigns</h3>
<p class="product-discription">Decore nostro repudiandae mea ea, ne meliore menandri ius. Ex suscipit antiopam salutatus sed, nec ut utamur impetus docendi.Decore nostro repudiandae mea ea, ne meliore menandri ius.</p>
</div>
<div class="button-container"><a href="#" class="btn-lg readbutton"><i class="fa fa-chevron-right font-chev"></i> Read more </a></div>
</div>
</div>
<div class="col-sm-4">
<div class="product-container">
<div id="product-icon" class="product-icon">
<div class="call-icons"><i class="fa fa-desktop"></i></div>
</div>
<div class="product-heading">
<h3>Web &amp; Mobile</h3>
<p class="product-discription">Decore nostro repudiandae mea ea, ne meliore menandri ius. Ex suscipit antiopam salutatus sed, nec ut utamur impetus docendi.Decore nostro repudiandae mea ea, ne meliore menandri ius.</p>
</div>
<div class="button-container"><a href="#" class="btn-lg readbutton"><i class="fa fa-chevron-right font-chev"></i>Read more </a></div>
</div>
</div>
<div>&nbsp;</div>
</div>
</div>
```