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 class="ks_logo">
      <img class="icimg" src="https://image.ibb.co/kwPGb5/kirusoft_withcolor.png" alt="">
      <div class="opts">
        <div class="opts_itms">Home</div>
        <div class="opts_itms">Projects</div>
        <div class="opts_itms">About</div>
      </div>
    </div>
  </div>
  <div class="section">Three</div>
  <div class="section">Four</div>
</div>

CSS

.fp-tableCell {
  vertical-alignment: middle !important;
}

* {
  margin: 0em;
  background-color: white;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
}

.ks_logo {
  padding: 1.9em 2em 2em 2.7em;
}

.icimg {
  width: 8.5em;
}

.opts {
  float: right;
  display: inline-flex;
}

.opts_itms {
  padding: 0em 1em;
  color: #95989A;
}

.opts_itms:hover {
  color: cornflowerblue;
  cursor: pointer;
}

JavaScript

$('#fullpage').fullpage({

});