index.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  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="header logo"><img src="images/dockercon-logo-2020.png" /></div>
  10. <div class="sentence" ng-controller="LabCtrl">
  11. <div class="line line1 slide-in">
  12. <span class="result adjective slide-in">
  13. <span class="word slide-in" ng-bind="adjective1.word"></span>
  14. <span class="hostname" ng-bind="adjective1.hostname"></span>
  15. </span>
  16. <span class="result noun slide-in">
  17. <span class="word" ng-bind="noun1.word"></span>
  18. <span class="hostname" ng-bind="noun1.hostname"></span>
  19. </span>
  20. </div>
  21. <div class="line line2 slide-in">
  22. <span class="result verb slide-in">
  23. <span class="word" ng-bind="verb.word"></span>
  24. <span class="hostname" ng-bind="verb.hostname"></span>
  25. </span>
  26. </div>
  27. <div class="line line3 slide-in">
  28. <span class="result adjective slide-in">
  29. <span class="word" ng-bind="adjective2.word"></span>
  30. <span class="hostname" ng-bind="adjective2.hostname"></span>
  31. </span>
  32. <span class="result noun slide-in">
  33. <span class="word" ng-bind="noun2.word"></span>
  34. <span class="hostname" ng-bind="noun2.hostname"></span>
  35. </span>
  36. </div>
  37. </div>
  38. <div class="footer"><img src="images/homes.png" /></div>
  39. </body>
  40. <script src="angular.min.js"></script>
  41. <script src="app.js"></script>
  42. </html>