> 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/bookstore/layout-customization/home-styles/home-style-2/latest-from-our-blog.md).

# Latest from our Blog

### Latest from our blog

> Module position: home-3
>
> Module class suffix: book-shelf

![](/files/pNTGz6xeNxaYE6TavDti)

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

#### Step-1:

![](/files/6hrr0hNnQSFGHfWLA3V3)

#### Step-2:

![](/files/G7CaC8N2b47H5SyFTA48)

#### Step-3:

![](/files/36B6G0ZMl6CgXvGiYN2Y)

#### Step-4:

Add the following code in your custom module

```html
<div>
    <ul class="nav nav-pills">
        <li class="active"><a href="#latest_books" data-toggle="tab"><span>Latest books</span></a></li>
        <li><a href="#best_books" data-toggle="tab"><span>Bestselling books</span></a></li>
        <li><a href="#recent_books" data-toggle="tab"><span>Recent books</span></a></li>
    </ul>
    <div class="tab-content">
        <div id="latest_books" class="tab-pane fade active in">{loadposition latest-books}</div>
        <div id="best_books" class="tab-pane fade">{loadposition best-books}</div>
        <div id="recent_books" class="tab-pane fade">{loadposition recent-books}</div>
    </div>
</div>
```