<div class="fixed-top text-center w-100">
  <a href="#home" class="btn btn-info">home</a>
  <a href="#about" class="btn btn-info">about</a>
  <a href="#shop" class="btn btn-info">shop</a>
</div>
<div class="full-page" id="home">
  Home
</div>
<div class="full-page" id="about">
  About
</div>
<div class="full-page" id="shop">
  Shop
</div>
html{
  
}
.full-page{
  height: 100vh;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.