2. Top/Bottom Buttons (code.)

CloudyCode

Profile


    
    <!--To Top Button-->
  <div class="card" style="position:fixed; bottom:2.5em; right:.25em; z-index:5;">
    <a class="btn btn-outline-secondary tooltipster py-1 px-3" data-placement="left" title="Go To Top" href="#top">
      <i class="fas fa-up" style="font-size:large;"/>
    </a>
  </div>
  <!--To Top Button end-->

  <!--To Bottom Button-->
  <div class="card" style="position:fixed; bottom:.25em; right:.25em; z-index:5;">
    <a class="btn btn-outline-secondary tooltipster py-1 px-3" data-placement="left" title="Go To Bottom" href="#footer">
      <i class="fas fa-down" style="font-size:large;"/>
    </a>
  </div>
  <!--To Bottom Button end-->