You can't have a dropdown on hover unless you're using CSS(? maybe, I'm actually not too sure about the possibility of this); however, you can have a dropdown upon clicking, albeit with certain limitations like the below example.
If the above is something you wouldn't mind using, you can replace the "LINKS" section of the code with this one:
<!--LINKS-->
<div class="card bg-faded border-0 rounded-0 mt-2 py-2">
<div class="container-fluid">
<div class="row">
<div class="col-lg p-0"><a class="btn btn-block btn-secondary border-0 rounded-0 text-muted text-uppercase" href="#">Fael Creation Guide</a></div>
<div class="col-lg p-0"><a class="btn btn-block btn-secondary border-0 rounded-0 text-muted text-uppercase" href="#">Blobboi Creation Guide</a></div>
<div class="col-lg p-0"><a class="btn btn-block btn-secondary border-0 rounded-0 text-muted text-uppercase" href="#">Trading System</a></div>
<div class="col-lg p-0">
<div class="dropdown">
<a class="btn btn-block btn-secondary border-0 rounded-0 text-muted text-uppercase dropdown-toggle" data-toggle="dropdown" href="#">
NPCS
</a>
<div class="dropdown-menu bg-faded border-0 rounded-0 px-1 pb-0">
<span class="dropdown-item p-0 mb-1">
<a class="btn btn-block btn-secondary text-muted border-0 rounded-0" href="#">Link</a>
</span>
<span class="dropdown-item p-0 mb-1">
<a class="btn btn-block btn-secondary text-muted border-0 rounded-0" href="#">Another Link</a>
</span>
<span class="dropdown-item p-0 mb-1">
<a class="btn btn-block btn-secondary text-muted border-0 rounded-0" href="#">Yet Another Link</a>
</span>
</div>
</div>
</div>
<div class="col-lg p-0"><a class="btn btn-block btn-secondary border-0 rounded-0 text-muted text-uppercase" href="#">Residents</a></div>
</div>
</div>
</div> <!--links end-->