Advertisement
Slapoguzov

Untitled

Dec 14th, 2015
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.77 KB | None | 0 0
  1. <p style="text-align: center;"><img alt="" src="http://wowjp.net/_ph/8/2/762153980.jpg?1446723885" style="width: 420px; height: 279px;" /></p>
  2. <p>С каждым днем Легион все ближе, а вы же совсем не готовы! Предлагаю вам пройти тест, который содержит вопросы из истории Варкрафта и вопросы по новому дополнению, чтобы выявить все пробелы и начать интенсивную подготовку к сражению с пылающим Легионом! Уже по традиции, прошедшие тест бойцы получат <strong>уникальную&nbsp;награду<span style="font-size:14px;">*<img alt="" src="http://wowjp.net/wowjp-dart/Nagradu/legion_award.png" /></span></strong>. Удачи! &nbsp; &nbsp;</p>
  3. <p style="text-align: right;"><span style="font-size: 11px; line-height: 17.6px;">*для получения награды вы должны быть зарегистрированы на сайте</span>&nbsp;
  4. <style type="text/css">#q2,#q3,#q4,#q5,#q6,#q7,#q8,#q9, #qend {
  5. display:none;
  6. }
  7. .quiz {
  8. width: 90%;
  9.     margin: 10px auto;
  10.     border-radius: 6px;
  11.     background: #473C30;
  12.     border: 2px rgba(255, 255, 255, 0.16) solid;
  13. }
  14. .quiz_img .full {
  15. }
  16. .quiz_img img {
  17. margin: 20px auto;
  18. display: block;
  19. padding: 0px;
  20. border: 2px solid rgb(255, 255, 255);
  21. border-radius: 3px;
  22. height: 300px;
  23. }
  24. .quiz_content {
  25. padding-left: 20px;
  26. font-size: 18px;
  27. color: rgb(206, 196, 176);
  28. font-weight: 600;
  29. }
  30. li.selected {
  31.     background-color: rgba(255, 141, 0, 0.22) !important;
  32.     border: 1px solid rgba(36, 25, 11, 0.4) !important;
  33. }
  34. .quiz_content button {
  35. margin: 10px auto;
  36. display: block;
  37. background: rgba(15, 11, 7, 0.3);
  38. border: 1px solid rgb(170, 153, 118);
  39. border-radius: 5px;
  40. padding: 5px 20px 5px 20px;
  41. color: rgb(170, 153, 118);
  42. font-size: 14px;
  43. }
  44. .quiz_content .opt li {
  45.     font-size: 15px;
  46.     list-style: none;
  47.     margin: 7px 50px 20px 0px;
  48.     font-weight: 400;
  49.     color: rgb(206, 196, 176);
  50.     border: 1px solid rgba(132, 80, 16, 0.35);
  51.     width: 140px;
  52.     padding: 10px;
  53.     border-radius: 4px;
  54.     background-color: rgba(255, 129, 20, 0.1);
  55.     height: 160px;
  56.     display: inline-block;
  57. }
  58. .quiz_content .opt li:hover {
  59. background-color: rgb(104, 77, 50);
  60. }
  61. .buttonShare {
  62. margin: 0 auto;
  63. width: 150px;
  64. }
  65. .quiz .next {
  66. display: none;
  67. }
  68. .quiz_back {
  69. background: url(https://upload.wikimedia.org/wikipedia/ru/2/22/World_of_Warcraft_logo.png);
  70. width: 98%;
  71. height: 100%;
  72. background-size: contain;
  73. background-repeat: no-repeat;
  74. opacity: 0.08;
  75. margin: auto;
  76. position: relative;
  77. background-position-y: 50%;
  78. display: none;
  79. }
  80. .quiz .result {
  81. display: none;
  82. }
  83. .correct_ans {
  84. color: rgb(67, 232, 45);
  85. }
  86. .ncorrect_ans {
  87. color: rgb(224, 52, 52);
  88. }
  89. .quiz_descr {
  90. display: none;
  91. }
  92. .quiz .end {
  93. display:none;
  94. }
  95. .quiz_descr ul {
  96. font-size: 15px;
  97. margin: 7px 20px 7px 40px;
  98. font-weight: 400;
  99. color: rgb(206, 196, 176);
  100. border: 1px solid rgba(132, 80, 16, 0.35);
  101. padding: 10px 0px 10px 10px;
  102. border-radius: 4px;
  103. background-color: rgba(255, 129, 20, 0.1);
  104. max-width: 87%;
  105. }
  106. .quiz_end_content {
  107. font-size: 45px;
  108. text-align: center;
  109. padding: 200px 0px 200px 0px;
  110. color: #F5E6C5;
  111. }
  112. .ulog {
  113. display:none;
  114. }
  115. .fisrt_line,
  116. .second_line {
  117.     display: flex;
  118.     justify-content: center;
  119. }
  120. .quiz_head_content {
  121.     margin-top: 20px;
  122.     margin-bottom: 20px;
  123.     margin-left: 60px;
  124.     display: block;
  125.     white-space: nowrap;
  126. margin-right: 13%;
  127. }
  128. .quiz_img_answ img {
  129.     border-radius: 100px;
  130.     border: 3px solid #ff4d3b;
  131.     width: 100%;
  132.     height: 100%;
  133. }
  134. .quiz_img_answ,
  135. .quiz_quote {
  136.     display: inline-block;
  137. }
  138. .quiz_img_answ {
  139.     width: 20%;
  140.     max-width: 146px;
  141.     max-height: 146px;
  142.     vertical-align: top;
  143. }
  144. .quiz_quote {
  145. min-height: 50px;
  146.     margin: 3% 30px 3% 30px;
  147.     border: 2px solid #ff4d3b;
  148.     border-radius: 5px;
  149.     position: relative;
  150.     white-space: normal;
  151. padding-right: 50px;
  152. }
  153. .quiz_quote:before {
  154.     content: "";
  155.     position: absolute;
  156.     left: -20px;
  157.     top: 10px;
  158.     width: 0;
  159.     height: 0;
  160.     border-right: 18px solid rgb(255, 77, 59);
  161.     border-top: 13px solid transparent;
  162.     border-bottom: 13px solid transparent
  163. }
  164. .quiz_quote:after {
  165.     content: "";
  166.     position: absolute;
  167.     left: -17px;
  168.     top: 11px;
  169.     width: 0;
  170.     height: 0;
  171.     border-right: 18px solid #473C30;
  172.     border-top: 12px solid transparent;
  173.     border-bottom: 12px solid transparent;
  174. }
  175. .quiz_audio img {
  176. width: 24px;
  177.     margin-left: 30px;
  178.     margin-top: 7px;
  179.     opacity: 0.7;
  180. }
  181. .quiz_audio img:hover {
  182. opacity: 1;
  183. }
  184. .quiz_text_quote {
  185.     padding: 10px;
  186. }
  187. .quiz_text_quote,
  188. .quiz_audio  {
  189.     display: inline-block;
  190. float: left;
  191. }
  192. .quiz_audio {
  193.     position: absolute;
  194.     right: 14px;
  195.     vertical-align: middle;
  196. }
  197. ul.opt {
  198.     margin: 0 auto;
  199.     width: 430px;
  200. }
  201. .answ_img img {
  202. width: 90px;
  203.     margin: 0 auto;
  204.     display: block;
  205.     border-radius: 90px;
  206. }
  207. .answ_text {
  208.     text-align: center;
  209.     margin-top: 5px;
  210. }
  211. .quiz_content button:hover {
  212.     background: rgba(15, 11, 7, 0.41);
  213.     border: 1px solid rgba(170, 153, 118, 0.5);
  214. }
  215. .coreect_ch {
  216.     background-color: rgb(76, 104, 50) !important;
  217.     border: 1px solid rgba(38, 87, 49, 0.48) !important;
  218. }
  219. .uncoreect_ch {
  220.     background-color: rgb(104, 62, 50) !important;
  221.     border: 1px solid rgba(87, 52, 38, 0.48) !important;
  222. }
  223. </style>
  224. </p>
  225. <div class="quiz">
  226.     <div class="quiz_back">&nbsp;</div>
  227.     <div id="q1">
  228.         <div class="quiz_head_content">
  229.             <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  230.             <div class="quiz_quote"><div class="quiz_text_quote">Я сделаю все, что в моих силах, чтобы помочь вам в бою. Не бойтесь, мой огонь вам не страшен</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"/><audio class="audio_quote" id="aud_1" src="/testQuotes/1.mp3"></audio></div></div>
  231.         </div>
  232.         <div class="quiz_content">
  233.             <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  234.             <div class="result">Правильно!</div>
  235.             <div class="quiz_descr">Об этом разработчики нам четко дали понять в этом <a href="http://wowjp.net/news/intervju_legion/2015-09-09-10136" target="_blank">интервью</a></div>
  236.             <ul class="opt">
  237.                 <div class="fisrt_line">
  238.                     <li id="a1_1"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  239.                     <li id="a1_2"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  240.                 </div>
  241.                 <div class="second_line">
  242.                     <li id="a1_3"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  243.                     <li id="a1_4"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  244.                 </div>
  245.             </ul>
  246.         <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  247.     </div>
  248.     <div id="q2">
  249.         <div class="quiz_head_content">
  250.             <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  251.             <div class="quiz_quote"><div class="quiz_text_quote">Я сделаю все, что в моих силах, чтобы помочь вам в бою. Не бойтесь, мой огонь вам не страшен</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"/><audio class="audio_quote" id="aud_2" src="/testQuotes/2.mp3"></audio></div></div>
  252.         </div>
  253.         <div class="quiz_content">
  254.             <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  255.             <div class="result">Правильно!</div>
  256.             <div class="quiz_descr">Об этом разработчики нам четко дали понять в этом <a href="http://wowjp.net/news/intervju_legion/2015-09-09-10136" target="_blank">интервью</a></div>
  257.             <ul class="opt">
  258.                 <div class="fisrt_line">
  259.                     <li id="a2_1"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  260.                     <li id="a2_2"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  261.                 </div>
  262.                 <div class="second_line">
  263.                     <li id="a2_3"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  264.                     <li id="a2_4"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  265.                 </div>
  266.             </ul>
  267.         <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  268.     </div>
  269.     <div id="q3">
  270.         <div class="quiz_head_content">
  271.             <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  272.             <div class="quiz_quote"><div class="quiz_text_quote">Я сделаю все, что в моих силах, чтобы помочь вам в бою. Не бойтесь, мой огонь вам не страшен</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"/><audio class="audio_quote" id="aud_3" src="/testQuotes/3.mp3"></audio></div></div>
  273.         </div>
  274.         <div class="quiz_content">
  275.             <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  276.             <div class="result">Правильно!</div>
  277.             <div class="quiz_descr">Об этом разработчики нам четко дали понять в этом <a href="http://wowjp.net/news/intervju_legion/2015-09-09-10136" target="_blank">интервью</a></div>
  278.             <ul class="opt">
  279.                 <div class="fisrt_line">
  280.                     <li id="a3_1"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  281.                     <li id="a3_2"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  282.                 </div>
  283.                 <div class="second_line">
  284.                     <li id="a3_3"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  285.                     <li id="a3_4"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  286.                 </div>
  287.             </ul>
  288.         <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  289.     </div>
  290.     <div id="q4">
  291.         <div class="quiz_head_content">
  292.             <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  293.             <div class="quiz_quote"><div class="quiz_text_quote">Я сделаю все, что в моих силах, чтобы помочь вам в бою. Не бойтесь, мой огонь вам не страшен</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"/><audio class="audio_quote" id="aud_4" src="/testQuotes/4.mp3"></audio></div></div>
  294.         </div>
  295.         <div class="quiz_content">
  296.             <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  297.             <div class="result">Правильно!</div>
  298.             <div class="quiz_descr">Об этом разработчики нам четко дали понять в этом <a href="http://wowjp.net/news/intervju_legion/2015-09-09-10136" target="_blank">интервью</a></div>
  299.             <ul class="opt">
  300.                 <div class="fisrt_line">
  301.                     <li id="a4_1"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  302.                     <li id="a4_2"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  303.                 </div>
  304.                 <div class="second_line">
  305.                     <li id="a4_3"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  306.                     <li id="a4_4"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  307.                 </div>
  308.             </ul>
  309.         <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  310.     </div>
  311.     <div id="q5">
  312.         <div class="quiz_head_content">
  313.             <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  314.             <div class="quiz_quote"><div class="quiz_text_quote">Я сделаю все, что в моих силах, чтобы помочь вам в бою. Не бойтесь, мой огонь вам не страшен</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"/><audio class="audio_quote" id="aud_5" src="/testQuotes/5.mp3"></audio></div></div>
  315.         </div>
  316.         <div class="quiz_content">
  317.             <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  318.             <div class="result">Правильно!</div>
  319.             <div class="quiz_descr">Об этом разработчики нам четко дали понять в этом <a href="http://wowjp.net/news/intervju_legion/2015-09-09-10136" target="_blank">интервью</a></div>
  320.             <ul class="opt">
  321.                 <div class="fisrt_line">
  322.                     <li id="a5_1"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  323.                     <li id="a5_2"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  324.                 </div>
  325.                 <div class="second_line">
  326.                     <li id="a5_3"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  327.                     <li id="a5_4"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  328.                 </div>
  329.             </ul>
  330.         <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  331.     </div>
  332.     <div id="q6">
  333.         <div class="quiz_head_content">
  334.             <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  335.             <div class="quiz_quote"><div class="quiz_text_quote">Я сделаю все, что в моих силах, чтобы помочь вам в бою. Не бойтесь, мой огонь вам не страшен</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"/><audio class="audio_quote" id="aud_6" src="/testQuotes/6.mp3"></audio></div></div>
  336.         </div>
  337.         <div class="quiz_content">
  338.             <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  339.             <div class="result">Правильно!</div>
  340.             <div class="quiz_descr">Об этом разработчики нам четко дали понять в этом <a href="http://wowjp.net/news/intervju_legion/2015-09-09-10136" target="_blank">интервью</a></div>
  341.             <ul class="opt">
  342.                 <div class="fisrt_line">
  343.                     <li id="a6_1"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  344.                     <li id="a6_2"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  345.                 </div>
  346.                 <div class="second_line">
  347.                     <li id="a6_3"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  348.                     <li id="a6_4"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  349.                 </div>
  350.             </ul>
  351.         <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  352.     </div>
  353.     <div id="q7">
  354.         <div class="quiz_head_content">
  355.             <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  356.             <div class="quiz_quote"><div class="quiz_text_quote">Я сделаю все, что в моих силах, чтобы помочь вам в бою. Не бойтесь, мой огонь вам не страшен</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"/><audio class="audio_quote" id="aud_7" src="/testQuotes/7.mp3"></audio></div></div>
  357.         </div>
  358.         <div class="quiz_content">
  359.             <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  360.             <div class="result">Правильно!</div>
  361.             <div class="quiz_descr">Об этом разработчики нам четко дали понять в этом <a href="http://wowjp.net/news/intervju_legion/2015-09-09-10136" target="_blank">интервью</a></div>
  362.             <ul class="opt">
  363.                 <div class="fisrt_line">
  364.                     <li id="a7_1"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  365.                     <li id="a7_2"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  366.                 </div>
  367.                 <div class="second_line">
  368.                     <li id="a7_3"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  369.                     <li id="a7_4"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  370.                 </div>
  371.             </ul>
  372.         <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  373.     </div>
  374.     <div id="q8">
  375.         <div class="quiz_head_content">
  376.             <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  377.             <div class="quiz_quote"><div class="quiz_text_quote">Я сделаю все, что в моих силах, чтобы помочь вам в бою. Не бойтесь, мой огонь вам не страшен</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"/><audio class="audio_quote" id="aud_8" src="/testQuotes/8.mp3"></audio></div></div>
  378.         </div>
  379.         <div class="quiz_content">
  380.             <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  381.             <div class="result">Правильно!</div>
  382.             <div class="quiz_descr">Об этом разработчики нам четко дали понять в этом <a href="http://wowjp.net/news/intervju_legion/2015-09-09-10136" target="_blank">интервью</a></div>
  383.             <ul class="opt">
  384.                 <div class="fisrt_line">
  385.                     <li id="a8_1"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  386.                     <li id="a8_2"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  387.                 </div>
  388.                 <div class="second_line">
  389.                     <li id="a8_3"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  390.                     <li id="a8_4"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  391.                 </div>
  392.             </ul>
  393.         <button class="answer">Ответить</button><button class="next">Дальше</button></div>
  394.     </div>
  395.     <div id="q9">
  396.         <div class="quiz_head_content">
  397.             <div class="quiz_img_answ"><img src="/testQuotes/quest_avatar.png"></div>
  398.             <div class="quiz_quote"><div class="quiz_text_quote">Я сделаю все, что в моих силах, чтобы помочь вам в бою. Не бойтесь, мой огонь вам не страшен</div><div class="quiz_audio"><img src="/testQuotes/speaker_icon.png"/><audio class="audio_quote" id="aud_9" src="/testQuotes/9.mp3"></audio></div></div>
  399.         </div>
  400.         <div class="quiz_content">
  401.             <div class="quiz_answ">Кому принадлежит эта цитата?</div>
  402.             <div class="result">Правильно!</div>
  403.             <div class="quiz_descr">Об этом разработчики нам четко дали понять в этом <a href="http://wowjp.net/news/intervju_legion/2015-09-09-10136" target="_blank">интервью</a></div>
  404.             <ul class="opt">
  405.                 <div class="fisrt_line">
  406.                     <li id="a9_1"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  407.                     <li id="a9_2"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  408.                 </div>
  409.                 <div class="second_line">
  410.                     <li id="a9_3"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  411.                     <li id="a9_4"><div class="answ_img"><img src="https://habrastorage.org/files/464/2dd/5ca/4642dd5ca1b24b96acc82ec1c360b9f7.png"/></div> <div class="answ_text"><div>Алекстраза Хранительница</div></li>
  412.                 </div>
  413.             </ul>
  414.         <button class="answer">Ответить</button><button class="end">Завершить</button></div>
  415.     </div>
  416.     <div id="qend">
  417.         <div class="quiz_end_content">Ваш результат <span class="res">..</span> из 9.
  418.             <div class="ulog">Вы получаете награду <img src="/wowjp-dart/Nagradu/award_got.png" style="border:0;vertical-align: middle;" /></div>
  419.             <div class="shareVK">Поделись с друзьями своим результатом:
  420.                 <div class="buttonShare">&nbsp;</div>
  421.             </div>
  422.         </div>
  423.     </div>
  424. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement