Full Page Scroll

HTML

<script src="http://alvarotrigo.com/fullPage/jquery.fullPage.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<link rel="stylesheet" href="http://alvarotrigo.com/fullPage/jquery.fullPage.css">
<div ng-app="">
    <!-- Try giving ng-app a name and see nothing works -->
    <!-- Simple Angular code -->
<!-- Simple Angular code -->
<div id="fullpage">
    <div class="section " id="section0">
         <h1>Section 1</h1>

        <p>some text will go here</p>
    </div>
    <div class="section" id="section1">
        <div class="intro">
             <h1>Section 2</h1>

            <p>some text will go here</p>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="intro">
             <h1>Section 3</h1>

            <p>some text will go here</p>
        </div>
    </div>
</div>

CSS

body {
     text-align: center;
     font-family: arial;
 }
 input {
     padding: 5px;
 }

JavaScript

$(document).ready(function () {
      $('#fullpage').fullpage({
          sectionsColor: ['#21f7ff', '#bdcc4b', '#fcae49'],
      });
  });