index.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE html>
  2. <html lang="en" ng-app="lab">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Docker Compose demo</title>
  6. <link rel="stylesheet" href="style.css">
  7. </head>
  8. <body>
  9. <div class="sentence" ng-controller="LabCtrl">
  10. <div class="line line1 slide-in">
  11. <span class="result adjective slide-in">
  12. <span class="word slide-in" ng-bind="adjective1.word"></span>
  13. <span class="hostname" ng-bind="adjective1.hostname"></span>
  14. </span>
  15. <span class="result noun slide-in">
  16. <span class="word" ng-bind="noun1.word"></span>
  17. <span class="hostname" ng-bind="noun1.hostname"></span>
  18. </span>
  19. </div>
  20. <div class="line line2 slide-in">
  21. <span class="result verb slide-in">
  22. <span class="word" ng-bind="verb.word"></span>
  23. <span class="hostname" ng-bind="verb.hostname"></span>
  24. </span>
  25. </div>
  26. <div class="line line3 slide-in">
  27. <span class="result adjective slide-in">
  28. <span class="word" ng-bind="adjective2.word"></span>
  29. <span class="hostname" ng-bind="adjective2.hostname"></span>
  30. </span>
  31. <span class="result noun slide-in">
  32. <span class="word" ng-bind="noun2.word"></span>
  33. <span class="hostname" ng-bind="noun2.hostname"></span>
  34. </span>
  35. </div>
  36. </div>
  37. <div class="footer"><img src="images/homes.png" /></div>
  38. </body>
  39. <script src="angular.min.js"></script>
  40. <script src="app.js"></script>
  41. </html>