> 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/outfit/layout-customization/home-page/home-1/shipping-and-offer.md).

# Shipping and Offer

### Shipping and Offer

> Module position : custom-detail
>
> Module suffix : Not used

![](/files/7vlfixIZYOI6nAzBO2vg)

![](/files/TaMhsAa2CdJ8HEqy6dq8)

![](/files/peHintZKX7Vh6QlLrWGt)

![](/files/RojQ3WvwO2nQ7SO3VSlv)

![](/files/ryGZTpv3dLSKnxu3moIa)

Follow the below code to achive the above

```html
<div class="sale">
<div class="row">
<div class="col-sm-6 col-md-6 col-xs-12">
<div class="overflow">
<div class="image"><a href="#">
<div class="offer discount">
<h1>Free <span>Shipping</span></h1>
<p>Phasellus tortor augue, rutrum vel euismod at, eleifend ac turpis.Phasellus porttitor maximus nisl.</p>
</div>
</a></div>
</div>
</div>
<div class="col-sm-6 col-md-6 col-xs-12">
<div class="overflow">
<div class="image image1"><a href="#">
<div class="offer discount">
<h1>Best <span>offer</span></h1>
<p>Phasellus tortor augue, rutrum vel euismod at, eleifend ac turpis.Phasellus porttitor maximus nisl.</p>
</div>
</a></div>
</div>
</div>
</div>
</div>
```