DO NOT MISS

Sunday, 7 February 2021

How to make Responsive quiz for blogger/website using HTML and CSS

Hello guys welcome back to my blog in this today tutorial we learn how to make Responsive quiz for blogger, or any kinds of website so, please read this article carefully and follow this steps :

First of all open notpad/notepad++/brackets any kinds of code writing software
Then copy this whole code in your notpad 👇👇👇👇
[wpsm_button color=”btncolor” size=”big” link=”https://tech260.in/2116-2/” icon=”none” class=””]Download Code[/wpsm_button]

[wpsm_codebox style=”2″]

<!DOCTYPE html>
<html>
   <head>
      <title>C Programming Language Output this code Quizzes 1</title>
                <link rel=”stylesheet” type=”text/css” href=”https://sharecodepoint.in/sharecodepoint-website-data/quizze-files/sharecodepoint.css” />
    <script src=”https://sharecodepoint.in/sharecodepoint-website-data/quizze-files/jquery-1.9.1.min.js”></script>
     <script type=”text/javascript”>
 $(document).ready(function() {
    $(‘label’).click(function() {
        $(‘label’).removeClass(‘worngans’);
        $(this).addClass(‘worngans’);
    });
});
 </script>
   </head>
   <body >
<div class=”scp-quizzes-main”>
<div class=”scp-quizzes-data”>
  <h3>1. निम्न में से कौन शाहजहां के शासनकाल का ‘राजकवि’ था ?</h3>
<br/>
    <input type=”radio” id=”कलीम” name=”question1″>
       <label for=”कलीम”>1. कलीम</label><br/>
    <input type=”radio”  name=”question1″>
       <label>2. कशी</label><br/>
    <input type=”radio” name=”question1″>
       <label>3. कुदसी</label> <br/>
    <input type=”radio” name=”question1″>
     <label>4. मुनीर</label>
 </div>
 <div class=”scp-quizzes-data”>
  <h3>2. दिल्ली के लाल किले का निर्माण करवाया था ?</h3>
<br/>
    <input type=”radio” name=”question2″>
       <label>1. अकबर</label><br/>
    <input type=”radio”  name=”question2″>
       <label>2. नूरजहाँ</label><br/>
    <input type=”radio” name=”question2″ id=”शाहजहाँ”>
       <label for=”शाहजहाँ”>3. शाहजहाँ</label> <br/>
    <input type=”radio” name=”question2″>
     <label>4. नूरजहाँ</label>
 </div>
</div>
</html>

[/wpsm_codebox]

After that you follow this video how can you change questions , add more questions , change answers option every possible questions covers in this video

Post a Comment

 
Copyright © 2014 indiatechnology. Designed by OddThemes - Published By Gooyaabi Templates