feat: update navigation to Bootstrap 5 - Replace old navbar classes with Bootstrap 5 - Add responsive navbar-toggler - Update navigation markup structure

This commit is contained in:
Vlad 2025-05-02 12:14:33 +03:00
parent d30d0e9484
commit d63a3276c7

View File

@ -73,25 +73,30 @@
{% block head %}{% endblock %} {% block head %}{% endblock %}
</head> </head>
<body data-new-gr-c-s-check-loaded="14.982.0"> <body data-new-gr-c-s-check-loaded="14.982.0">
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="navbar-inner"> <div class="container">
<div class="container"> <a class="navbar-brand" href="https://www.salvagedb.com/">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <img src="/static/slogo.png" height="28" alt="Salvagedb">
<span class="icon-bar"></span> Salvagedb.com
<span class="icon-bar"></span> </a>
<span class="icon-bar"></span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
</a> <span class="navbar-toggler-icon"></span>
<a class="brand" href="https://www.salvagedb.com/"> </button>
<img src="/static/slogo.png" height="28"> <div class="collapse navbar-collapse" id="navbarNav">
Salvagedb.com</a> <ul class="navbar-nav">
<div class="nav-collapse"> <li class="nav-item">
<ul class="nav"> <a class="nav-link active" href="/">Home</a>
<li class="active"><a href="/">Home</a></li> </li>
<li class="no2"><a href="/database/page1.html">Salvage vehicles</a></li> <li class="nav-item">
<li class="no3"><a href="/decodevin.html">Decode VIN</a></li> <a class="nav-link" href="/database/page1.html">Salvage vehicles</a>
<li class="no6"><a href="mailto:info@salvagedb.com">Contact</a></li> </li>
</ul> <li class="nav-item">
</div> <a class="nav-link" href="/decodevin.html">Decode VIN</a>
</li>
<li class="nav-item">
<a class="nav-link" href="mailto:info@salvagedb.com">Contact</a>
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>