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