Skip to content

Instantly share code, notes, and snippets.

@Xavka

Xavka/fullpage-animations.html

Last active August 1, 2016 11:16
Show Gist options
  • Save Xavka/1ae6ffe5c67a0ef7af048eae239bee67 to your computer and use it in GitHub Desktop.
Save Xavka/1ae6ffe5c67a0ef7af048eae239bee67 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
fullpage-animations.html
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Fullpage.js</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/jquery.fullpage.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/animation.css">
</head>
<body>
<div class="header">
<nav class="main-nav">
<ul>
<li data-menuanchor="firstSection">
<a href="#firstSection">Section 1</a>
</li>
<li data-menuanchor="secondSection">
<a href="#secondSection">Section 2</a>
</li>
<li data-menuanchor="thirdSection">
<a href="#thirdSection">Section 3</a>
</li>
</ul>
</nav>
</div>
<div id="fullpage">
<div class="section section-one">
<h2>Section 1</h2>
<p>This is paragraph nr.1 in Section 1</p>
<p>This is paragraph nr.2 in Section 1</p>
<p>This is paragraph nr.3 in Section 1</p>
</div>
<div class="section section-two">
<div class="slide slide-one">
<h2>Section 2 / Slide 1</h2>
<p>This is paragraph nr.1 in Section 2 / Slide 1</p>
<p>This is paragraph nr.2 in Section 2 / Slide 1</p>
</div>
<div class="slide slide-two">
<h2>Section 2 / Slide 2</h2>
<p>This is paragraph nr.1 in Section 2 / Slide 2</p>
<p>This is paragraph nr.2 in Section 2 / Slide 2</p>
</div>
<div class="slide slide-three">
<h2>Section 2 / Slide 3</h2>
<p>This is paragraph nr.1 in Section 2 / Slide 3</p>
<p>This is paragraph nr.2 in Section 2 / Slide 3</p>
</div>
<div class="slide slide-four">
<h2>Section 2 / Slide 4</h2>
<p>This is paragraph nr.1 in Section 2 / Slide 4</p>
<p>This is paragraph nr.2 in Section 2 / Slide 4</p>
</div>
</div>
<div class="section section-three">
<h2>Section 3</h2>
<p>This is paragraph nr.1 in Section 3</p>
<p>This is paragraph nr.2 in Section 3</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="js/jquery.fullpage.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment