If you need hyperlink then create the a tag after i tag that means
<a href="table.html">Here your text</a>.
Here if you need to go different table data for each title means you need create each title a tag need a single table that means
<div class="container" style="height: 180px">
<div class="row">
<div id="rect" style="width: 100%">
<center>
<font color="white">Organization Details</font>
</center>
</div>
</div>
<div class="row" style="width: 100%">
<div class="col-md-1">
<!--
</div>
<div class="col-md-2">
<a href="#table-2"> T Portfolio</a>
</div>
<div class="col-md-2">
^__i class="fas fa-award" style="font-size: 5rem">
<a href="#table-3"> T Awards</a>
</div>
<div class="col-md-2">
^__i class="fas fa-image" style="font-size: 5rem">
<a href="#table-4"> T Gallery</a>
</div>
<div class="col-md-2">
^__i class="fas fa-file" style="font-size: 5rem">
<a href="#table-5"> T Document</a>
</div>
<div class="col-md-1">
<!--
</div>
<div id="table-1">
<table>table1 data</table>
</div>
<div id="table-2">
<table>table2 data</table>
</div>
<div id="table-3">
<table>table3 data</table>
</div>
<div id="table-4">
<table>table4 data</table>
</div>
<div id="table-5">
<table>table5 data</table>
</div>
</div>
Here i using id for each section i will go to respective section when you click the respective a tag.