Vertical Navigation Uikit only

Fixed Vertical Navigation

The code to generate the component is this:




            <nav class="vertical-nav">

                <ul>

                    <li><a href="#section1" data-index="0">

                        <span class="dot"></span>

                        <span class="label">Intro</span>

                    </a></li>

                    <li><a href="#section2" data-index="1">

                        <span class="dot"></span>

                        <span class="label">About</span>

                    </a></li>

                    <li><a href="#section3" data-index="2">

                        <span class="dot"></span>

                        <span class="label">Features</span>

                    </a></li>

                    <li><a href="#section4" data-index="3">

                        <span class="dot"></span>

                        <span class="label">Portfolio</span>

                    </a></li>

                    <li><a href="#section5" data-index="4">

                        <span class="dot"></span>

                        <span class="label">Pricing</span>

                    </a></li>

                    <li><a href="#section6" data-index="5">

                        <span class="dot"></span>

                        <span class="label">Contact</span>

                    </a></li>

                </ul>

            </nav>

Intro

“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto numquam, totam iusto officia earum perferendis, culpa ad atque eveniet praesentium nobis expedita similique beatae tenetur. Distinctio vel tenetur, id cum.”

Vertical Navigation Uikit only

Intro

About

Features

Portfolio

Princing

Contact