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">
      
    </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;
}
.non{
  height: 600px;
  width: 100%;
  position: absolute;
}
.topbar{
  height: 3.5em;
  width: 100%;
  background-color: white;
  display: in-line;
}

JavaScript

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