Guest User

Untitled

a guest
Jan 29th, 2018
276
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.42 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html ng-app="myQuiz">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Test Your Knowledge: Saturn</title>
  7. <link rel="stylesheet" type="text/css" href="css/quiz.css">
  8. </head>
  9. <body>
  10.  
  11. <div id="myQuiz" ng-controller="QuizController">
  12.  
  13.  
  14. <h1>Test Your Knowledge: <span>Saturn</span></h1>
  15.  
  16. <div class="progress"> {{totalQuestions}} </div>
  17.  
  18. <div class="intro"> <h2>Welcome</h2>
  19. <p>Click begin to test your knowledge of Saturn.</p>
  20. <p class="btn"> Being</p>
  21. </div>
  22.  
  23. <div class="question answered">
  24.  
  25. <p class="txt">This is a question</p>
  26. <p class="ans">Answer 1</p>
  27. <p class="ans">Answer 2</p>
  28. <p class="ans">Answer 3</p>
  29. <p class="ans">Answer 4</p>
  30.  
  31. <div class="feedback">
  32. <p>You are <strong>correct</strong></p>
  33. <p>Oops! That is not correct.</p>
  34. <p>Additional feedback.</p>
  35. <div class="btn">Continue</div>
  36. </div>
  37.  
  38.  
  39. </div>
  40. <div class="results">
  41.  
  42.  
  43. <h3>Results</h3>
  44. <p>You scored x% by correctly answering x of the total x questions.</p>
  45. <p>Use the links below to challenge your class mates </p>
  46. <div class="share">
  47. <a class="btn email" href="#">email</a>
  48. <a class="btn twitter" href="#">tweet</a>
  49. </div>
  50.  
  51. </div>
  52.  
  53.  
  54. </div>
  55.  
  56.  
  57. <script type="text/javascript" src="js/angular.min.js"></script>
  58. <script type="text/javascript" src="js/quiz.js"></script>
  59.  
  60. </body>
  61. </html>
Advertisement
Add Comment
Please, Sign In to add comment