index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Typer</title>
    <link rel="stylesheet" type="text/css" href="styles/style.css">
    <link rel="stylesheet" type="text/css" href="styles/animate.css">
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="http://zeptojs.com/zepto.min.js"></script>
  </head>
  <body>
    <div class="container">
      <div class="typer">
        <input class="animated fadeInDown" type="text" placeholder="Type some stuff and press enter">
        <div class="animated fadeInDown view-button">
          <i class="fa fa-eye"></i>
        </div>
      </div>
      <div class="thoughts invisible animated fadeOutDown">
        <h3>Thoughts</h3>
      </div>
    </div>
    <script src="js/main.js"></script>
  </body>
</html>