> For the complete documentation index, see [llms.txt](https://hencework.gitbook.io/pangong/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hencework.gitbook.io/pangong/menu-styles-1/vertical-navigation.md).
# Vertical Menu Style
## Introduction
In Pangong we provided you three type of menu style first one in Vertical navigation.
## How to Setup
For vertical navigation you have to first add `hk-vertical-nav` class with `hk-wrapper`.
### **HTML Structure**
```markup
......
......
```
{% hint style="info" %}
For light & dark menu you can add `hk-nav-light`or `hk-nav-dark`with`hk-nav`class.
{% endhint %}
{% hint style="success" %}
For Scrollable Navigation please add `scrollable-nav` class with `hk-wrapper`.
{% endhint %}