&lt;form id=&quot;form-app&quot;&gt;
&lt;!-- Steps --&gt;
&lt;div class=&quot;steps&quot;&gt;
    &lt;div class=&quot;step no-title current&quot;&gt;
        &lt;div class=&quot;stage&quot;&gt;1&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;step no-title&quot;&gt;
        &lt;div class=&quot;stage&quot;&gt;2&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;step no-title&quot;&gt;
        &lt;div class=&quot;stage&quot;&gt;3&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;step no-title&quot;&gt;
        &lt;div class=&quot;stage&quot;&gt;4&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;fieldset&gt;

&lt;!-- Heading --&gt;
&lt;h3 class=&quot;legend&quot;&gt;Trivia Quiz&lt;/h3&gt;

&lt;!-- Paragraph Text --&gt;
&lt;p&gt;&lt;strong&gt;Fill out this trivia quiz for fun!&lt;/strong&gt;&lt;/p&gt;

&lt;!-- Paragraph Text --&gt;
&lt;p&gt;&lt;small&gt;You will receive 5 points for every correct answer.&lt;/small&gt;&lt;/p&gt;

&lt;!-- Radio --&gt;
&lt;div class=&quot;form-group&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;radio_0&quot;&gt;Which country is also known as the land of the rising sun?&lt;/label&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_0_0&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_0&quot; id=&quot;radio_0_0&quot; value=&quot;5&quot;&gt; Japan &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_0_1&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_0&quot; id=&quot;radio_0_1&quot; value=&quot;0&quot;&gt; China &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_0_2&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_0&quot; id=&quot;radio_0_2&quot; value=&quot;0&quot;&gt; Australia &lt;/label&gt;
    &lt;/div&gt;
    &lt;span id=&quot;radio_0&quot;&gt;&lt;/span&gt;
&lt;/div&gt;

&lt;!-- Page Break --&gt;
&lt;div class=&quot;page-break&quot; data-button-previous=&quot;&quot; data-button-next=&quot;&quot;&gt;&lt;/div&gt;

&lt;!-- Radio --&gt;
&lt;div class=&quot;form-group&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;radio_1&quot;&gt;Which is the smallest country in the world?&lt;/label&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_1_0&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_1&quot; id=&quot;radio_1_0&quot; value=&quot;0&quot;&gt; Liechtenstein &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_1_1&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_1&quot; id=&quot;radio_1_1&quot; value=&quot;5&quot;&gt; Vatican City &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_1_2&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_1&quot; id=&quot;radio_1_2&quot; value=&quot;0&quot;&gt; Monaco &lt;/label&gt;
    &lt;/div&gt;
    &lt;span id=&quot;radio_1&quot;&gt;&lt;/span&gt;
&lt;/div&gt;

&lt;!-- Page Break --&gt;
&lt;div class=&quot;page-break&quot; data-button-previous=&quot;&quot; data-button-next=&quot;&quot;&gt;&lt;/div&gt;

&lt;!-- Radio --&gt;
&lt;div class=&quot;form-group&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;radio_2&quot;&gt;What food group has the highest level of protein?&lt;/label&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_2_0&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_2&quot; id=&quot;radio_2_0&quot; value=&quot;0&quot;&gt; Bread &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_2_1&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_2&quot; id=&quot;radio_2_1&quot; value=&quot;0&quot;&gt; Vegetables &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_2_2&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_2&quot; id=&quot;radio_2_2&quot; value=&quot;5&quot;&gt; Meat &lt;/label&gt;
    &lt;/div&gt;
    &lt;span id=&quot;radio_2&quot;&gt;&lt;/span&gt;
&lt;/div&gt;

&lt;!-- Page Break --&gt;
&lt;div class=&quot;page-break&quot; data-button-previous=&quot;&quot; data-button-next=&quot;&quot;&gt;&lt;/div&gt;

&lt;!-- Radio --&gt;
&lt;div class=&quot;form-group&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;radio_3&quot;&gt;How many words are there in the English language?&lt;/label&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_3_0&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_3&quot; id=&quot;radio_3_0&quot; value=&quot;0&quot;&gt; 2 Million+ &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_3_1&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_3&quot; id=&quot;radio_3_1&quot; value=&quot;5&quot;&gt; 170,000 &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_3_2&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_3&quot; id=&quot;radio_3_2&quot; value=&quot;0&quot;&gt; 70,000 &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;radio&quot;&gt;
        &lt;label for=&quot;radio_3_3&quot; class=&quot;radio-inline&quot;&gt;
        &lt;input type=&quot;radio&quot; name=&quot;radio_3&quot; id=&quot;radio_3_3&quot; value=&quot;0&quot;&gt; 500,000 &lt;/label&gt;
    &lt;/div&gt;
    &lt;span id=&quot;radio_3&quot;&gt;&lt;/span&gt;
&lt;/div&gt;

&lt;!-- Snippet --&gt;
&lt;div class=&quot;snippet&quot;&gt;&lt;div id=&quot;result&quot; class=&quot;well&quot;&gt;Your score is &lt;span id=&quot;score&quot; class=&quot;label label-default&quot;&gt;0&lt;/span&gt;. Thanks for your time!&lt;/div&gt;&lt;/div&gt;

&lt;!-- Button --&gt;
&lt;div class=&quot;form-action&quot;&gt;
    &lt;input type=&quot;submit&quot; id=&quot;button_0&quot; name=&quot;button_0&quot; class=&quot;btn btn-primary&quot; value=&quot;Submit&quot;&gt;
&lt;/div&gt;

&lt;/fieldset&gt;
&lt;/form&gt;