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

February 7, 2021

1 comment

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 👇👇👇👇

Download Code


<!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>

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