I designed a home page with a nav bar to reach for all website pages and now I wanna make this nav bar available on all pages So How can I do this without the need for re-designed this nav bar in all pages from the beginning
If its a regular html , css , js website you could use insertAdjacentHtml method
First make a scripts.js file.
var navbarItems = `<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
`
document.body.insertAdjacentHTML("afterbegin", navbarItems);
and then in every html file where you want the navbar, import that script.js file using script tag
<body>
<script src="src/script.js"></script>
</body>