Components

Navigation

To implement navigation into your website copy-paste following snippet of code.

<nav class="lt-nav"> <ul class="lt-nav-ul"> <li class="lt-nav-li"><a href="" class="lt-nav-a">First page</a></li> <li class="lt-nav-li"><a href="" class="lt-nav-a">Second page</a></li> </ul> </nav>

You can add a class for an active link. Also, additional link animation can be applied.

<nav class="lt-nav"> <ul class="lt-nav-ul"> <li class="lt-nav-li"><a href="" class="lt-nav-a lt-link-transition lt-nav-active-a">First page</a></li> <li class="lt-nav-li"><a href="" class="lt-nav-a lt-link-transition">Second page</a></li> </ul> </nav>