fullpage js

by shatul patil

HTML

<link rel="stylesheet" href="http://alvarotrigo.com/fullPage/jquery.fullPage.css">
<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="fullpage">
  <div class="section active" id="section0">
    <h1>fullPage.js</h1></div>
  <div class="section" id="section1">
    <div class="slide ">
      <h1>Simple Demo</h1></div>
    <div class="slide active">
      <h1>Only text</h1></div>
    <div class="slide">
      <h1>And text</h1></div>
    <div class="slide">
      <h1>And more text</h1></div>
  </div>
  <div class="section" id="section2">
    <h1>No wraps, no extra markup</h1></div>
  <div class="section" id="section3">
    <h1>Just the simplest demo ever</h1></div>
</div>

CSS

h1 {
  font-size: 6em;
  text-align: center;
}

JavaScript

$(document).ready(function() {
  $('#fullpage').fullpage({
    sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff']
  });
});