<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;
}
This Pen doesn't use any external JavaScript resources.