# Feature quote

### Features quote

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F10Xr7mzYbeGZ4XaxaLb1%2FFeatures_quotes.png?alt=media\&token=f6d8fcf2-1f8c-4f9f-bd74-92510c9b10ec)

If you want to display your quotes 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%2FyaukY8n1TpbkKamHRBjZ%2FFeatures_quotes_step1.png?alt=media\&token=85439b1b-67e5-4424-9ab7-e54d158bf8fb)

#### Step-4:

Add the following code in your custom module

```html
<div class="h-block-3 h-block black">
    <div class="h-block-content">
        <h4 class="wow fadeInDown animated" data-wow-delay="0.5s">“Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.”</h4>
        <p class="wow fadeInDown animated" data-wow-delay="0.8s"><span>Design by Duis leo</span></p>
    </div>
</div>
```