# Shipping and Offer

### Shipping and Offer

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FW7fQQ7epaY3BAgvBmoM9%2Fshipping.png?alt=media\&token=afaf6fd8-de90-4c08-8735-29a390e6b006)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FSbXcNtiS4W76r9jUREa4%2Fmodule1.png?alt=media\&token=74451f1a-33b1-4a17-b037-65d63be1ddb7)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FSacxWM5l9zlWWwdEFnE9%2Fmodule2%20\(6\).png?alt=media\&token=0c6d6989-e260-4458-8e5b-0ec51751b8ee)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FccFzNrhgJjPeMJlCfPvE%2Fcustom.png?alt=media\&token=557383dc-d9ac-4e8d-a507-8bd7ad83ba1f)

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FviXIiCq5hRMtHuzULzGk%2Fshipping1.png?alt=media\&token=9a209ff6-73b3-4d67-8be3-89ac7e2c944e)

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>
```