Designing the services page

Throughout the previous sections, we used impress effects such as transform and scaling to provide functionality for pages. Now, we are going to develop our last page of the website by using rotation effects. First, we have to create the main page of our services section. This will be a basic step and hence no code explanation will be needed. The following is a preview of our services home page:

We are going to use rotations around the x axis for the individual service pages. Let's move into the implementation right away:

<div id="services-step1" class="step slide services" data-x="-1400" data-y="-300" data-rotate-x="0" >
    <div class="service-desc">WordPress Plugin Develoment</div>
</div>
<div id="services-step2" class="step slide services" data-x="-1400" data-z="-300" data-y="0"  data-rotate-x="90" >
    <div class="service-desc">WordPress Theme Design</div>
</div>
<div id="services-step3" class="step slide...