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

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



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

Post a Comment

2 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Post a Comment

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !
To Top