index.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Please Participate in Our Survey!</title>
  5. <link href="https://fonts.googleapis.com/css?family=Oswald:300,700|Varela+Round" rel="stylesheet">
  6. <link rel="stylesheet" href="style.css">
  7. </head>
  8. <body>
  9. <header>
  10. <ul>
  11. <li>Question 1</li>
  12. <li>Question 2</li>
  13. <li>Question 3</li>
  14. <li>Question 4</li>
  15. <li>Question 5</li>
  16. </ul>
  17. </header>
  18. <main>
  19. <div class="welcome">
  20. <h1>Welcome to our survey!</h1>
  21. <p>We're looking forward to getting your answers so we can make sure our products and services are the best
  22. they
  23. can be!</p>
  24. </div>
  25. <div class="question">
  26. <h4>Question 1</h4>
  27. <h2>I like participating in physical activity such as running, swimming, or biking.</h2>
  28. <div class="answer">
  29. <h3>Disagree</h3>
  30. </div>
  31. <div class="answer">
  32. <h3>Neutral</h3>
  33. </div>
  34. <div class="answer">
  35. <h3>Agree</h3>
  36. </div>
  37. </div>
  38. <div class="question">
  39. <h4>Question 2</h4>
  40. <h2>I try to keep up to date with the latest fashion in active wear.</h2>
  41. <div class="answer">
  42. <h3>Disagree</h3>
  43. </div>
  44. <div class="answer">
  45. <h3>Neutral</h3>
  46. </div>
  47. <div class="answer">
  48. <h3>Agree</h3>
  49. </div>
  50. </div>
  51. <div class="question">
  52. <h4>Question 3</h4>
  53. <h2>I purchase clothing online regularly.</h2>
  54. <div class="answer">
  55. <h3>Disagree</h3>
  56. </div>
  57. <div class="answer">
  58. <h3>Neutral</h3>
  59. </div>
  60. <div class="answer">
  61. <h3>Agree</h3>
  62. </div>
  63. </div>
  64. <div class="question">
  65. <h4>Question 4</h4>
  66. <h2>I try to buy goods that are designed and/or manufactured in my home country.</h2>
  67. <div class="answer">
  68. <h3>Disagree</h3>
  69. </div>
  70. <div class="answer">
  71. <h3>Neutral</h3>
  72. </div>
  73. <div class="answer">
  74. <h3>Agree</h3>
  75. </div>
  76. </div>
  77. <div class="question">
  78. <h4>Question 5</h4>
  79. <h2>I look to famous athletes when trying to choose what to wear when training.</h2>
  80. <div class="answer">
  81. <h3>Disagree</h3>
  82. </div>
  83. <div class="answer">
  84. <h3>Neutral</h3>
  85. </div>
  86. <div class="answer">
  87. <h3>Agree</h3>
  88. </div>
  89. </div>
  90. </main>
  91. </body>
  92. </html>