On the home page, we are going to show the details about you. It consists of multiple steps with text-based content for the most part. Previously, we created large steps which took the full screen or scope of the presentation, but now we are planning to do something different by creating multiple small steps which are visible in the browser screen at the same time, using CSS to handle the step transition. The following is a preview of our home page:
The content shown in this screenshot will be the first step of the website. After the first step, we have a few text-based smaller steps that are used to show the details of the owner of website. Let's now take a look at how the steps are placed inside the presentation:
<div id="impress"> <div id="about" class="step slide" data-x="0" data-y='0' > // First step Data </div> <div id="slide2" class="step slide" data-x="0" data-y='500' > <div class="intro-title">Web...