| 1 | <!DOCTYPE html>
|
|---|
| 2 | <html style="font-size: 16px;" lang="en" xmlns="http://www.w3.org/1999/html"><head>
|
|---|
| 3 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|---|
| 4 | <meta charset="utf-8">
|
|---|
| 5 | <meta name="keywords" content="">
|
|---|
| 6 | <meta name="description" content="">
|
|---|
| 7 | <title>Question and choices</title>
|
|---|
| 8 | <link rel="stylesheet" href="/temp.css" media="screen">
|
|---|
| 9 | <link rel="stylesheet" href="/Question-and-choices.css" media="screen">
|
|---|
| 10 | <script class="u-script" type="text/javascript" src="/jquery.js" defer=""></script>
|
|---|
| 11 | <script class="u-script" type="text/javascript" src="/temp.js" defer=""></script>
|
|---|
| 12 | <meta name="generator" content="Nicepage 5.4.4, nicepage.com">
|
|---|
| 13 | <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
|
|---|
| 14 |
|
|---|
| 15 |
|
|---|
| 16 | <script type="application/ld+json">{
|
|---|
| 17 | "@context": "http://schema.org",
|
|---|
| 18 | "@type": "Organization",
|
|---|
| 19 | "name": "",
|
|---|
| 20 | "logo": "images/logo.png"
|
|---|
| 21 | }</script>
|
|---|
| 22 | <meta name="theme-color" content="#478ac9">
|
|---|
| 23 | <meta property="og:title" content="Question and choices">
|
|---|
| 24 | <meta property="og:type" content="website">
|
|---|
| 25 | <meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
|
|---|
| 26 | <body class="u-body u-xl-mode" data-lang="en"><header class="u-clearfix u-header u-header" id="sec-2d07">
|
|---|
| 27 |
|
|---|
| 28 |
|
|---|
| 29 |
|
|---|
| 30 | <div th:insert="~{_layout :: header}"></div>
|
|---|
| 31 |
|
|---|
| 32 |
|
|---|
| 33 | </header>
|
|---|
| 34 | <section class="u-align-center-sm u-align-center-xs u-align-right-lg u-align-right-md u-align-right-xl u-clearfix u-palette-1-base u-section-1" id="sec-5010">
|
|---|
| 35 | <form method="post" action="/quizSolving">
|
|---|
| 36 | <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
|
|---|
| 37 | <div class="u-bottom-left-radius-19 u-container-style u-group u-palette-1-base u-shape-round u-top-left-radius-19 u-group-1">
|
|---|
| 38 | <div style="font-size: 2.0rem; font-family:Roboto,sans-serif" class="u-container-layout u-container-layout-1" th:text="${question.getQuestiontext()}"></div>
|
|---|
| 39 | </div>
|
|---|
| 40 | <div class="u-list u-list-1">
|
|---|
| 41 | <div class="u-repeater u-repeater-1">
|
|---|
| 42 | <div style="height: 50px; align-items: center" th:each="choice : ${choices}" class="u-align-center u-container-style u-list-item u-radius-20 u-repeater-item u-shape-round u-video-cover u-white u-list-item-1 da">
|
|---|
| 43 | <input class="input-i-label" type="radio" th:id="${choice.getChoiceid()}" th:value="${choice.getChoiceid()}" name="selectedChoice" >
|
|---|
| 44 | <label style="margin: auto; font-size: 1.5rem; font-family:Roboto,sans-serif" class="input-i-label" th:for="${choice.getChoiceid()}" th:text="${choice.getChoicetext()}"></label>
|
|---|
| 45 | </div>
|
|---|
| 46 | <!-- <div class="u-align-center u-container-style u-list-item u-radius-20 u-repeater-item u-shape-round u-video-cover u-white u-list-item-2">
|
|---|
| 47 | <div class="u-container-layout u-similar-container u-container-layout-3"></div>
|
|---|
| 48 | </div>
|
|---|
| 49 | <div class="u-align-center u-container-style u-list-item u-radius-20 u-repeater-item u-shape-round u-video-cover u-white u-list-item-3">
|
|---|
| 50 | <div class="u-container-layout u-similar-container u-container-layout-4"></div>
|
|---|
| 51 | </div>
|
|---|
| 52 | <div class="u-align-center u-container-style u-list-item u-radius-20 u-repeater-item u-shape-round u-video-cover u-white u-list-item-4">
|
|---|
| 53 | <div class="u-container-layout u-similar-container u-container-layout-5"></div>
|
|---|
| 54 | </div>-->
|
|---|
| 55 |
|
|---|
| 56 | <div style="margin-top: 35px"></div>
|
|---|
| 57 |
|
|---|
| 58 | <input style="cursor: pointer;" class="btn-epic" th:if="${lastQuestion==false}" type="submit" id="submitButton" th:value="Next" >
|
|---|
| 59 | <input style="cursor: pointer;" th:if="${lastQuestion==true}" type="submit" id="finishButton" th:value="Finish" >
|
|---|
| 60 | <input style="cursor: pointer;" class="btn-epic" type="reset" id="resetButton" name="reset" th:value="Clear"/>
|
|---|
| 61 |
|
|---|
| 62 |
|
|---|
| 63 | </div>
|
|---|
| 64 |
|
|---|
| 65 | </div><!--<span class="u-file-icon u-icon u-icon-1">
|
|---|
| 66 | <img src="/images/3595030.png" alt=""></span><span class="u-file-icon u-icon u-icon-2">
|
|---|
| 67 | <img src="/images/9037226.png" alt=""></span><span class="u-file-icon u-icon u-icon-3">
|
|---|
| 68 | <img src="/images/9037227.png" alt=""></span><span class="u-file-icon u-icon u-icon-4">
|
|---|
| 69 | <img src="/images/9037228.png" alt=""></span>-->
|
|---|
| 70 | </div>
|
|---|
| 71 |
|
|---|
| 72 | </form>
|
|---|
| 73 | </section>
|
|---|
| 74 |
|
|---|
| 75 |
|
|---|
| 76 | <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-9625">
|
|---|
| 77 |
|
|---|
| 78 | <div th:insert="~{_layout :: footer}"></div>
|
|---|
| 79 |
|
|---|
| 80 | </footer>
|
|---|
| 81 | </body></html> |
|---|
