fullPage.js Skeleton

This is just a skeleton of fullPage.js, basic example

by StepBaro

HTML

<link rel="stylesheet" href="http://alvarotrigo.com/fullPage/jquery.fullPage.css">
<link rel="stylesheet" href="http://alvarotrigo.com/fullPage/example3.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://alvarotrigo.com/fullPage/vendors/jquery.easings.min.js"></script>
<script src="http://alvarotrigo.com/fullPage/jquery.fullPage.min.js"></script>
<div id="menu">
  <a href="#first">first</a>
  <a href="#second">second</a>
  <a href="#third">second</a>
</div>

<div id="fullpage">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
</div>

JavaScript

$(document).ready(function() {
        $('#fullpage').fullpage({
            sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'white', '#ccddff'],
            anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
            css3: true
        });

/*      $('#showExamples').click(function(e) {
            e.stopPropagation();
            e.preventDefault();
            $('#examplesList').toggle();
        });

        $('html').click(function() {
            $('#examplesList').hide();
        });*/
    });