one navigation bar on multiple pages

Question

I am making a website using HTML and I wanted to put one navigation bar on every page so I created a separate HTML for navigation but I don't know how to put it on every page. this is a small part of my navigation HTML code what do I have to do to put it on every page. and I am not meant to use PHP.

<body>
<div id="nav" class="menu">
    <ul>
        <li class="active"><a href="#"><i class="fa fa-home" aria-hidden="true"></i>Home</a> </li>
        <li> <a href="#"><i class="fa fa-user" aria-hidden="true"></i>Profile</a>

            <div class="sub-menu-1">

                <ul>
                    <li><a href="#">Daniel</a></li>
                    <li><a href="#">Robel</a></li>
                    <li><a href="#">Yohanes</a></li>

                </ul>

            </div>


        </li>
        <li><a href="#"><i class="fa fa-code" aria-hidden="true"></i>Interest</a>
        <div class="sub-menu-1">

                <ul>
                    <li><a href="#">Daniel</a></li>
                    <li><a href="#">Robel</a></li>
                    <li><a href="#">Yohanes</a></li>

                </ul>

            </div>

Does this post help https://stackoverflow.com/questions/31954089/how-can-i-reuse-a-navigation-bar-on-multiple-pages — Thomas McCann, Mar 29 '21 at 14:57
This link should help you https://stackoverflow.com/a/54924877/6596443 — AKINNUBI ABIOLA SYLVESTER, Mar 29 '21 at 15:12

score 0 · Answer 1 · answered Mar 29 '21 at 17:00

0

I think you should use iframe (tag of HTML)

which shows one HTML page's O/P on other else change only 2nd iframe's O/P

Take only navigation bar in first iframe and all other HTML pages in 2nd iframe

answered Mar 29 '21 at 17:00

MrVivek

33
7

one navigation bar on multiple pages

1 Answers1