Image won't Render in Site

July 10, 2023

I am building a site in Bridgetown using Bootstrap 5 and I am trying to add an image but it won’t render in the site. This is what it looks like

Code

<nav class="navbar navbar-expand-lg navbar-light bg-white py-3">
  <div class="container">
    <a href="index.html">
      <img src="/output/images/logo-topnav.png" alt=" Technovine Solutions logo" height="45" width="225" class="img-fluid"/>
    </a>

    <!-- TOGGLE MENU START -->
    <button
      type="button"
      class="navbar-toggler"
      data-bs-toggle="collapse"
      data-bs-target="#navmenu"
    >
      <span class="navbar-toggler-icon">
    </button>
    <!-- TOGGLE MENU CLOSE -->

    <!-- TOGGLE MENU START -->
    <div class="collapse navbar-collapse" id="navmenu">
      <ul class="navbar-nav ms-auto">
        <li class="nav-item"><a href="#" class="nav-link">Home</a></li>
        <li class="nav-item"><a href="#" class="nav-link">About</a></li>
        <li class="nav-item"><a href="#" class="nav-link">Services</a></li>
        <li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
      </ul>
    </div>
    <!-- TOGGLE MENU CLOSE -->
  </div>
 
</nav>