fullPaje Base example

https://github.com/alvarotrigo/fullPage.js

by alvarotrigo

HTML

<link rel="stylesheet" href="https://unpkg.com/fullpage.js/dist/fullpage.min.css">
<script src="https://unpkg.com/fullpage.js/dist/fullpage.min.js"></script>
<div id="fullpage">
    <div class="section">Section 1</div>
    <div class="section">
        <div class="slide">Slide 1</div>
        <div class="slide">Slide 2</div>
        <div class="slide">Slide 3</div>
    </div>
    <div class="section">Section 3</div>
    <div class="section">Section 4</div>
</div>

CSS

.section {
    text-align: center;
    font-size: 3em;
    font-family: arial;
}

JavaScript

new fullpage('#fullpage', {
    sectionsColor: ['yellow', 'green', 'purple', 'orange'],

    //events
	onLeave: function(origin, destination, direction){},
	afterLoad: function(origin, destination, direction){},
	afterRender: function(){},
	afterResize: function(width, height){},
	afterResponsive: function(isResponsive){},
	afterSlideLoad: function(section, origin, destination, direction){},
	onSlideLeave: function(section, origin, destination, direction){}
});