Scrolleffecten: invliegend

echo "<link rel='stylesheet' href='";
bloginfo('template_directory');
echo "/animate.css'>";

echo "<section class='blk duo12 brr gat_m br br_l'>";

	echo "<div class='wow fadeInUp'>";
		echo "<div class='contour contour-midden' style='background-color: lightblue;'>";
			echo "<h2>Dit is fadeInUp</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow zoomIn'>";
		echo "<div class='contour contour-midden' style='background-color: #ff6400; color: #fff;'>";
			echo "<h2>Dit is zoomIn</h2>";
		echo "</div>";
	echo "</div>";

echo "</section>";

echo "<section class='blk blok brr bx2 gat_m br br_m'>";

	echo "<div class='wow fadeInLeft'>";
		echo "<div class='contour contour-midden c' style='background-color: azure;'>";
			echo "<h2>Dit is fadeInLeft</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow fadeInUp'>";
		echo "<div class='contour contour-midden c' style='background-color: bisque;'>";
			echo "<h2>Dit is fadeInUp</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow fadeInDown'>";
		echo "<div class='contour contour-midden c' style='background-color: deepskyblue;'>";
			echo "<h2>Dit is fadeInDown</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow fadeInRight'>";
		echo "<div class='contour contour-midden c' style='background-color: crimson; color: #fff;'>";
			echo "<h2>Dit is fadeInRight</h2>";
		echo "</div>";
	echo "</div>";
			
echo "</section>";

echo "<section class='blk duo11 brr gat_m br br_l'>";

	echo "<div class='wow fadeInLeft'>";
		echo "<div class='contour contour-midden' style='background-color: gold;'>";
			echo "<h2>Dit is fadeInLeft</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow fadeInRight'>";
		echo "<div class='contour contour-midden' style='background-color: hotpink;'>";
			echo "<h2>Dit is fadeInRight</h2>";
		echo "</div>";
	echo "</div>";

echo "</section>";

echo "<section class='blk duo11 brr gat_m br br_l'>";

	echo "<div class='wow bounceInUp'>";
		echo "<div class='contour contour-midden' style='background-color: plum;'>";
			echo "<h2>Dit is bounceInUp</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow bounceInDown'>";
		echo "<div class='contour contour-midden' style='background-color: rosybrown;'>";
			echo "<h2>Dit is bounceInDown</h2>";
		echo "</div>";
	echo "</div>";

echo "</section>";	

echo "<section class='blk duo11 brr gat_m br br_l'>";

	echo "<div class='wow bounceInLeft'>";
		echo "<div class='contour contour-midden' style='background-color: seagreen; color: #fff;'>";
			echo "<h2>Dit is bounceInLeft</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow bounceInRight'>";
		echo "<div class='contour contour-midden' style='background-color: wheat;'>";
			echo "<h2>Dit is bounceInRight</h2>";
		echo "</div>";
	echo "</div>";

echo "</section>";	

echo "<section class='blk duo11 brr gat_m br br_l'>";

	echo "<div class='wow flip'>";
		echo "<div class='contour contour-midden' style='background-color: teal; color: #fff;'>";
			echo "<h2>Dit is Flip</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow lightSpeedIn'>";
		echo "<div class='contour contour-midden' style='background-color: Turquoise;'>";
			echo "<h2>Dit is lightSpeedIn</h2>";
		echo "</div>";
	echo "</div>";

echo "</section>";	

echo "<section class='blk duo11 brr gat_m br br_l'>";

	echo "<div class='wow rotateIn'>";
		echo "<div class='contour contour-midden' style='background-color: yellowgreen;'>";
			echo "<h2>Dit is rotateIn</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow rotateInDownRight'>";
		echo "<div class='contour contour-midden' style='background-color: cornsilk;'>";
			echo "<h2>Dit is rotateInDownRight</h2>";
		echo "</div>";
	echo "</div>";

echo "</section>";	

echo "<section class='blk duo11 brr gat_m br br_l'>";

	echo "<div class='wow slideOutUp'>";
		echo "<div class='contour contour-midden' style='background-color: Chartreuse;'>";
			echo "<h2>Dit is slideOutUp</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow jackInTheBox'>";
		echo "<div class='contour contour-midden' style='background-color: blueviolet; color: #fff;'>";
			echo "<h2>Dit is jackInTheBox</h2>";
		echo "</div>";
	echo "</div>";

echo "</section>";	

echo "<section class='blk duo11 brr gat_m br br_l'>";

	echo "<div class='wow rollIn animated.delay-5s'>";
		echo "<div class='contour contour-midden' style='background-color: brown; color: #fff;'>";
			echo "<h2>Dit is rollIn</h2>";
		echo "</div>";
	echo "</div>";

	echo "<div class='wow rollOut animated.delay-5s'>";
		echo "<div class='contour contour-midden' style='background-color: darkcyan;'>";
			echo "<h2>Dit is rollOut</h2>";
		echo "</div>";
	echo "</div>";

echo "</section>";

echo "<script src='";
bloginfo('template_directory');
echo "/js/jquery-3.5.1.min.js'></script>";
		
echo "<script src='";
bloginfo('template_directory');
echo "/js/bootstrap.bundle.min.js'></script>";

echo "<script src='";
bloginfo('template_directory');
echo "/js/wow.min.js'></script>";

echo "<script src='";
bloginfo('template_directory');
echo "/js/jquery.waypoints.min.js'></script>";

echo "<script src='";
bloginfo('template_directory');
echo "/js/jquery.animateNumber.min.js'></script>";

echo "<script src='";
bloginfo('template_directory');
echo "/js/theme.js'></script>";