JSFiddle - React, Tailwind, and code Playground

by Arkl1te

HTML

<script src="https://ifstudio.co/projects/ifstudio/jquery.fullPage.js"></script>
<link rel="stylesheet" href="https://ifstudio.co/projects/ifstudio/jquery.fullPage.css">
<ul id="myMenu">
    <li data-menuanchor="firstPage" class="active"><a href="#firstPage">First section</a></li>
    <li data-menuanchor="secondPage"><a href="#secondPage">Second section</a></li>
    <li data-menuanchor="thirdPage"><a href="#thirdPage">Third section</a></li>
    <li data-menuanchor="fourthPage"><a href="#fourthPage">Fourth section</a></li>
</ul>
<div class="section">
    <div class="slide" data-anchor="firstPage"> Slide 1 </div>
    <div class="slide" data-anchor="secondPage"> Slide 2 </div>
    <div class="slide" data-anchor="thirdPage"> Slide 3 </div>
    <div class="slide" data-anchor="fourthPage"> Slide 4 </div>
</div>

JavaScript

$('#fullpage').fullpage({
    anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage'],
    menu: '#myMenu'
});