<section id="nav-bar"> | |
<nav class="navbar navbar-expand-lg"> | |
<div class="container-fluid"> | |
<a class="navbar-brand" href="#"> | |
<img | |
src="/static/images/logo.png" | |
alt="Logo" | |
width="30" | |
height="30" | |
class="d-inline-block align-text-top" | |
/> | |
CropGuard | |
</a> | |
<button | |
class="navbar-toggler" | |
type="button" | |
data-bs-toggle="collapse" | |
data-bs-target="#navbarSupportedContent" | |
aria-controls="navbarSupportedContent" | |
aria-expanded="false" | |
aria-label="Toggle navigation" | |
> | |
<span class="navbar-toggler-icon"></span> | |
</button> | |
<div class="collapse navbar-collapse" id="navbarSupportedContent"> | |
<ul class="navbar-nav ms-auto"> | |
<li class="nav-item"> | |
<a | |
class="nav-link active" | |
aria-current="page" | |
href="#" | |
>Crop Recommendation</a | |
> | |
</li> | |
<li class="nav-item"> | |
<a | |
class="nav-link active" | |
aria-current="page" | |
href="#" | |
>Fertilizer Recommendation</a | |
> | |
</li> | |
<li class="nav-item"> | |
<a | |
class="nav-link active" | |
aria-current="page" | |
href="#" | |
>Image Classification</a | |
> | |
</li> | |
<li class="nav-item"> | |
<a | |
class="nav-link active" | |
aria-current="page" | |
href="#" | |
>Market Price</a | |
> | |
</li> | |
<li class="nav-item"> | |
<a class="nav-link active" aria-current="page" href="#" | |
>More Projects</a | |
> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
</section> | |