JSFiddle - React, Tailwind, and code Playground
HTML
<ol class="curtains">
<li id="home" class="cover">
<header data-fade="550" data-slow-scroll="3">
<h1>John Smith</h1>
<h2>HOBBY/JOB TITLE</h2>
</header>
</li>
</ol>
<ul id="navigationMenu">
<li>
<a class="home" href="#">
<span>Home</span>
</a>
</li>
<li>
<a class="about" href="#about">
<span>About</span>
</a>
</li>
<li>
<a class="projects" href="#projects">
<span>Projects</span>
</a>
</li>
<li>
<a class="resume" href="#resume">
<span>Resume</span>
</a>
</li>
<li>
<a class="contact" href="#contact">
<span>Contact us</span>
</a>
</li>
</ul>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's<br /> standard dummy text ever since the 1500s, when an unknown printer took a galley of type and<br /> scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into<br /> electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of<br /> Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<br />
It is a long established fact that a reader will be distracted by the readable content of a page when looking at<br /> its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as<br /> opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing<br /> packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum'<br /> will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by<br /> accident, sometimes on purpose...