# Latest Case Studies

### Latest Case Studies

> Module position: navhelper
>
> Module class suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FJ87NKHlpUWj2smvSYQ3a%2FLatest_Case_Studies.png?alt=media\&token=8984e904-df6a-4402-bb55-3612fb9f5403)

If you want to display your images 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%2Fs0OfUkupr0uHbZM23jHg%2FLatest_Case_Studies_step1.png?alt=media\&token=a7ab1955-da2e-481d-a404-1fc8a253bb15)

#### Step-4:

Add the following code in your custom module

```html
<div class="h-block h-block-6 white">
    <div class="h-block-content">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li class="active" data-target="#myCarousel" data-slide-to="0"></li>
                <li class="" data-target="#myCarousel" data-slide-to="1"></li>
                <li class="" data-target="#myCarousel" data-slide-to="2"></li>
                <li class="" data-target="#myCarousel" data-slide-to="3"></li>
            </ol>
            <!-- Wrapper for slides -->
            <div class="carousel-inner">
                <div class="item active">
                    <div class="row">
                        <div class="case-slider col-md-4">
                            <div class="carousel-caption">
                                <h3>Latest Case Studies</h3>
                                <p>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
                                <a href="#" class="hp-btn">Read the case study</a></div>
                        </div>
                        <div class="tablet-container col-md-8">
                            <div class="content">
                                <div class="image-block"><img src="images/themeparrot/carousel_images/latest_case_study-01.png" alt="casestudies1" /></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="row">
                        <div class="case-slider col-md-4">
                            <div class="carousel-caption">
                                <h3>Latest Case Studies</h3>
                                <p>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
                                <a href="#" class="hp-btn">Read the case study</a></div>
                        </div>
                        <div class="tablet-container col-md-8">
                            <div class="content">
                                <div class="image-block"><img src="images/themeparrot/carousel_images/latest_case_study-02.png" alt="casestudies2" /></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="row">
                        <div class="case-slider col-md-4">
                            <div class="carousel-caption">
                                <h3>Latest Case Studies</h3>
                                <p>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
                                <a href="#" class="hp-btn">Read the case study</a></div>
                        </div>
                        <div class="tablet-container col-md-8">
                            <div class="content">
                                <div class="image-block"><img src="images/themeparrot/carousel_images/latest_case_study-03.png" alt="casestudies3" /></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="row">
                        <div class="case-slider col-md-4">
                            <div class="carousel-caption">
                                <h3>Latest Case Studies</h3>
                                <p>Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
                                <a href="#" class="hp-btn">Read the case study</a></div>
                        </div>
                        <div class="tablet-container col-md-8">
                            <div class="content">
                                <div class="image-block"><img src="images/themeparrot/carousel_images/latest_case_study-04.png" alt="casestudies4" /></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://jdocs.themeparrot.com/joomla-templates/business/layout-customization/home-style-1/latest-case-studies.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.