# Build your finanical quote

### Build your financial quote

> Module position: home-5
>
> Module class suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FN20nMpuNJjwCm5E7EJj6%2FBuild_your_financial_quote.png?alt=media\&token=ab8588a0-5408-4d0e-96a5-324ea8eefc01)

If you want to display your finacial quote information like this you have to create a custom module and publish the custom module like below

#### Step-1:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FGZZAJzC2SGabrLIUwQpM%2F3_Offcanvas_menu_configuration_step1.png?alt=media\&token=8824c42e-997f-4266-8595-cea89c4e68bd)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fgswjw5Yf1Poa6BKoMshQ%2FHome_page_banner_step2.png?alt=media\&token=172aefbe-ee77-4dfb-aee4-9e06c9ea5413)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FFFhR1uZMJp3UjFbnlP6Z%2FBuild_your_financial_quote_step1.png?alt=media\&token=69095543-d6a3-4782-90f9-dc6856df82c6)

#### Step-4:

Add the following code in your custom module

```html
<div class="h-block-5 h-block black">
    <div class="h-block-content">
        <h4 class="wow fadeInDown animated" data-wow-delay="0.5s">“Etiam ultricies nisi vel augue &amp; Curabitur ullamcorper ultricies nisi.”</h4>
        <p class="wow fadeInDown animated" data-wow-delay="0.8s"><span>Duis leo</span></p>
    </div>
</div>
```