diff --git a/divflow.html b/divflow.html
new file mode 100644
index 0000000000000000000000000000000000000000..037baaf09ccfe83539a8617199ed96f92c9a1271
--- /dev/null
+++ b/divflow.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>divflow</title>
+ <link rel="stylesheet" href="https://static.igem.wiki/teams/4162/wiki/index/divflow.css">
+ <link rel="stylesheet" href="https://static.igem.wiki/teams/4162/wiki/index/wheel-menu.css">
+ <link rel="stylesheet" href="https://static.igem.wiki/teams/4162/wiki/index/loading.css">
+ <link href="{{ url_for('static', filename = 'bootstrap.min.css') }}" rel="stylesheet">
+ <link href="https://static.igem.wiki/teams/4162/wiki/index/landingpage.css" rel="stylesheet">
+</head>
+
+<body>
+<div class="loader">
+
+ <video autoplay loop muted>
+ <source href="https://static.igem.wiki/teams/4162/wiki/index/mp4.mp4" type="video/mp4">
+ </video>
+
+</div>
+
+<nav id="navbar">
+
+ <ul>
+
+ <li>
+ <a href="#animation" class="dot active" data-scroll="animation">
+ <span>animation</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#animation1" class="dot" data-scroll="animation1">
+ <span>animation1</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#animation2" class="dot" data-scroll="animation2">
+ <span>animation2</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#animation3" class="dot" data-scroll="animation3">
+ <span>animation3</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#animation4" class="dot" data-scroll="animation4">
+ <span>animation4</span>
+ </a>
+ </li>
+
+ </ul>
+
+</nav>
+
+<section id="heading" class="sec">
+ <div id="headingbackground">
+ <div id="headinglogo">
+
+ </div>
+ </div>
+</section>
+
+<section id="animation" class="sec">
+ <blockquote>
+ This is an animation for testing.
+ <span id="greengrow"></span>
+ </blockquote>
+ <div class="row">
+ <div class="col-md-2"></div>
+ <div id="orange1" class="col-md-4">
+
+ </div>
+ </div>
+ <div id="yellow">
+
+ </div>
+
+
+</section>
+
+<section id="animation1" class="sec">
+ <div class="col-md-2"></div>
+ <div id="lightgreen" class="col-md-3">
+
+ </div>
+</section>
+
+<section id="animation2" class="sec">
+ <div id="darkgreen1">
+
+ </div>
+</section>
+
+<section id="animation3" class="sec">
+ <div id="orange2">
+
+ </div>
+</section>
+
+<section id="animation4" class="sec">
+ <div id="orange3">
+
+ </div>
+ <div id="darkgreen2">
+
+ </div>
+</section>
+
+<section>
+ <h1>
+ Scroll up
+ </h1>
+</section>
+
+
+<script href="https://static.igem.wiki/teams/4162/wiki/index/tweenmax-min.js"></script>
+<script src="https://static.igem.wiki/teams/4162/wiki/index/TimelineMax.min.js"></script>
+<script src="https://static.igem.wiki/teams/4162/wiki/index/ScrollMagic.min.js"></script>
+<script src="https://static.igem.wiki/teams/4162/wiki/index/animation.gsap.min.js"></script>
+<script src="https://static.igem.wiki/teams/4162/wiki/index/divflow.js"></script>
+<script src="{{ url_for('static', filename = 'bootstrap.bundle.min.js') }}"></script>
+
+<script src="{{ url_for('static', filename = 'jquery-2.1.1.min.js') }}"></script>
+<script src="https://static.igem.wiki/teams/4162/wiki/index/landingpage.js"></script>
+
+<script type="module" src="https://static.igem.wiki/teams/4162/wiki/index/ionicons.esm.js"></script>
+<script nomodule src="https://static.igem.wiki/teams/4162/wiki/index/ionicons.js"></script>
+
+<script src="https://static.igem.wiki/teams/4162/wiki/index/wheelmenu.js"></script>
+<script src="https://static.igem.wiki/teams/4162/wiki/index/loading.js"></script>
+</body>
+</html>