fullPage.js

by Kirubel Girma

HTML

<script src="https://rawgithub.com/alvarotrigo/fullPage.js/master/jquery.fullPage.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/alvarotrigo/fullPage.js/master/jquery.fullPage.css">
<div id="fullpage">
    <div class="section">One</div>
    <div class="section">
        <div class="slide">Two 1</div>
        <div class="slide">Two 2</div>
    </div>
    <div class="section">Three</div>
    <div class="section">Four</div>
</div>

CSS

.section {
    text-align:center;
}

JavaScript

$('#fullpage').fullpage({
    sectionsColor: ['', 'orange', '#C0C0C0', '#ADD8E6'],
});