# Latest from our blog

### Latest from our blog

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FFAdtuP3nZNeAsAsVqCaj%2FLatest_from_our_blog.png?alt=media\&token=cb621f0c-a778-4b5b-a7bf-f70d56d40085)

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:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FShbCLxNWgOVN8ZDeTCqn%2FUnite_Revolution_Slider2_step1.png?alt=media\&token=4ffd1eb7-44b9-4859-b1c9-8c69da7157c6)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F0K1SDtHKLuvGTUbJFnCF%2Fsocial_share_step2.png?alt=media\&token=5bad5c42-f035-4014-82aa-425b3226d528)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FF7f7UcecVtrEkjDMfIZm%2FLatest_from_our_blog_step1.png?alt=media\&token=9f9304e3-fdd2-47a2-b462-b9ff8c1e3ee1)

#### 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>
```