<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="itranslate.css">
<link href="https://fonts.googleapis.com/css?family=Orbitron|Quicksand" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
</head>
<body>
<p>Produced by Leandro Bizzinotto</p>
<div class="welcome-section content-hidden">
<div class="content-wrap">
<ul class="fly-in-text">
<li>Y O U R </li>
<li>I N</li>
<li>T R O </li>
<li>H E R E </li>
</ul>
<a href="#" class="enter-button">Get start here</a>
</div>
</div>
<script type="text/javascript">
$(function () {
var welcomeSection = $('.welcome-section'),
enterButton = welcomeSection.find('.enter-button');
setTimeout(function () {
welcomeSection.removeClass('content-hidden');
}, 800);
enterButton.on('click', function (e) {
e.preventDefault();
welcomeSection.addClass('content-hidden').fadeOut();
});
});
</script>
</body>
</html>