<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <div ng-app="HelloWorldApp">
      <div hello-world="Bob"></div>
    </div>
    <script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script data-require="angular.js@1.4.0" data-semver="1.4.0" src="https://code.angularjs.org/1.4.0/angular.js"></script>
    <script src="script.js"></script>
  </body>

</html>
angular.module("HelloWorldApp", [])
  .directive("helloWorld", function() {
    
    return {
      link: function(scope, element, attrs) {
        element.html("Hello World " + attrs.helloWorld + "!!!");
      }
    }

  });
/* Styles go here */