> 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/business/layout-customization/home-style-2/home-style2-quote.md).

# Home style2 - quote

### Home Style2 - 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%2FTF0MmrzYD78h3AvWFtUj%2Fhome_2_quote.png?alt=media\&token=1f4f9aa1-6147-47f2-a3ce-a8bc2e7bd4ba)

If you want to display your quotes like this you have to create a menu and publish the menu 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%2FioKfPkVMEUaYauc4Fp1u%2Fhome_2_quote_step1.png?alt=media\&token=5f2c1e76-d645-4b33-8a2d-39a89746716d)

#### Step-4:

Add the following code in your custom module

```html
<div id="home-2-block" class="h-block-1 h-block white">
    <div class="h-block-content">
        <h4 class="wow fadeInDown animated" data-wow-delay="0.5s">“Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.”</h4>
        <p class="wow fadeInDown animated" data-wow-delay="0.8s"><span> Duis leo.</span></p>
    </div>
</div>
```