anchor.diff:                        </a>
                       </li>
                       <li>
  -                      <a href="#" class="mega-nav-grid-item mega-nav-grid-item-consul">
  +                      <a href="https://www.consul.io" class="mega-nav-grid-item mega-nav-grid-item-consul">
                           <div class="mega-nav-grid-item-img">
                             <img src="<%= image_path("mega-nav/logo-consul.svg") %>" alt="Consul Logo" />
                           </div>
  
positive.code:                       </a>
                      </li>
                      <li>
                        <a href="#" class="mega-nav-grid-item mega-nav-grid-item-packer">
                          <div class="mega-nav-grid-item-img">
                            <img src="<%= image_path("mega-nav/logo-packer.svg") %>" alt="Packer Logo" />
                          </div>
  
negative.code:                   <h3 class="mega-nav-h3">Secure</h3>
                    <ul class="mega-nav-grid">
                      <li>
                        <a href="https://www.vaultproject.io" class="mega-nav-grid-item mega-nav-grid-item-vault">
                          <div class="mega-nav-grid-item-img">
                            <img src="<%= image_path("mega-nav/logo-vault.svg") %>" alt="Vault Logo" />
                          </div>
  