MCQ Questions

Question No. 1

True Or False

Answer :

(a) In the HTML document, we can format in a particular character or a group of characters as per the need.

(b) The underline element is used for underlining the character and for displaying on the web page.

(c) Sub element means sub characters.

(d) The HTML document can be used as graphics that visualizes an idea which is to be conveyed in graphics HTML.

Question No. 2

Answer the following questions.

Answer :

1. Describe the fundamentals of HTML.

2. What are the advantages of HTML?

3. Explain web page designing using HTML.

4. What are HTML elements?

5. What are the uses of Link, VLINK and ALINK attributes?

6. What do you understand by block formatting elements?

Question No. 3

Define the following attributes.

Answer :

a. SIZE attribute

b. COLOR attribute

c. FACE attribute

d. CLEAR attribute

e. WIDTH attribute

f. ALLGN attribute

Question No. 4

Fill in the blanks

Answer :

(a) Every HTML ____________________ must have a title and should have element. </label> </div> <div class=" py-1"> <input type="radio" value="<p>(b) The LINK attribute is used for specifying the ______________________ .</p>" id="23592" name="Option A"> <label class=" ms-2" for="23592"> <p>(b) The LINK attribute is used for specifying the ______________________ .</p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>(c) The Hypertext Markup Language is known as ____________________ .</p>" id="23593" name="Option A"> <label class=" ms-2" for="23593"> <p>(c) The Hypertext Markup Language is known as ____________________ .</p> </label> </div> <div class=" py-1"> <input type="radio" value="(d)The <BASE> __________________is generally the URL for the document." id="23594" name="Option A"> <label class=" ms-2" for="23594"> (d)The <BASE> __________________is generally the URL for the document. </label> </div> <div class=" py-1"> <input type="radio" value="<p>(f) There are many HTML elements that we use to create an ----------------------- file.</p>" id="23595" name="Option A"> <label class=" ms-2" for="23595"> <p>(f) There are many HTML elements that we use to create an ----------------------- file.</p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>(g) --------------is a document page on the computer which has a set of information containing text, pictures, links and other elements.</p>" id="23596" name="Option A"> <label class=" ms-2" for="23596"> <p>(g) --------------is a document page on the computer which has a set of information containing text, pictures, links and other elements.</p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>(h) The HTML document may be displayed on the host computer at any distant--------------</p>" id="23597" name="Option A"> <label class=" ms-2" for="23597"> <p>(h) The HTML document may be displayed on the host computer at any distant--------------</p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>(i) In the year--------------- Dan Connolly and Karen Olsen Muldrow re-wrote the HTML specification.</p>" id="23598" name="Option A"> <label class=" ms-2" for="23598"> <p>(i) In the year--------------- Dan Connolly and Karen Olsen Muldrow re-wrote the HTML specification.</p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>(j) Tim Berners Lee at CERN designed the original HTML document type in the year ---------------------------</p>" id="23599" name="Option A"> <label class=" ms-2" for="23599"> <p>(j) Tim Berners Lee at CERN designed the original HTML document type in the year ---------------------------</p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>(e) The first element used -------------- document structure. document is the <HTML>, which we use to write a a document structure.</p>" id="23600" name="Option A"> <label class=" ms-2" for="23600"> <p>(e) The first element used -------------- document structure. document is the <HTML>, which we use to write a a document structure.</p> </label> </div> </div>  <div class="row border-top py-4 justify-content-end align-items-center"> <div class="col-md-6 d-none justify-content-md-start justify-content-center"> <button class="btn me-2 px-2 d-block text-light" id="mreview" style="background-color: black;font-size: 13px;">Mark For Review</button> <button class="btn me-2 px-2 d-block text-light" id="clear-res" style="background-color: black;font-size: 13px;">Clear Response</button> </div> <div class="col-md-6 d-flex justify-content-md-end justify-content-center"> <button class="btn submitBtn px-3 d-block text-light ms-3" id="snext" style="background-color: black;font-size: 13px;">Save & Next</button> </div> </div> </div> <div class="mySlides fade question" data-value="19589" id="q5"> <div class="col-12 border-bottom d-flex justify-content-between align-items-center"> <p class="fs-6 mb-0 py-3 pb-1" id="srkques">Question No. 5</p> </div> <div class="text text-dark fs-3 fw-bold " style="top: 0px!important;">It is used for specifying the relationship of the reference file with the main document.</div> <div class="text text-dark fs-3 fw-bold question-below" style="top: 0px!important;"></div> <div class="col-12 py-2 py-md-1"> <p class="fs-6 mb-0 py-3 pb-1"><b>Answer :</b></p> <div class=" py-1"> <input type="radio" value="REL" id="79867" name="Option A"> <label class=" ms-2" for="79867"> REL </label> </div> <div class=" py-1"> <input type="radio" value="TEF" id="79868" name="Option A"> <label class=" ms-2" for="79868"> TEF </label> </div> <div class=" py-1"> <input type="radio" value="REF" id="79870" name="Option A"> <label class=" ms-2" for="79870"> REF </label> </div> </div>  <div class="row border-top py-4 justify-content-end align-items-center"> <div class="col-md-6 d-none justify-content-md-start justify-content-center"> <button class="btn me-2 px-2 d-block text-light" id="mreview" style="background-color: black;font-size: 13px;">Mark For Review</button> <button class="btn me-2 px-2 d-block text-light" id="clear-res" style="background-color: black;font-size: 13px;">Clear Response</button> </div> <div class="col-md-6 d-flex justify-content-md-end justify-content-center"> <button class="btn submitBtn px-3 d-block text-light ms-3" id="snext" style="background-color: black;font-size: 13px;">Save & Next</button> </div> </div> </div> <div class="mySlides fade question" data-value="19591" id="q6"> <div class="col-12 border-bottom d-flex justify-content-between align-items-center"> <p class="fs-6 mb-0 py-3 pb-1" id="srkques">Question No. 6</p> </div> <div class="text text-dark fs-3 fw-bold " style="top: 0px!important;">It is used for specifying the title of the style sheet.</div> <div class="text text-dark fs-3 fw-bold question-below" style="top: 0px!important;"></div> <div class="col-12 py-2 py-md-1"> <p class="fs-6 mb-0 py-3 pb-1"><b>Answer :</b></p> <div class=" py-1"> <input type="radio" value="Worksheet" id="79873" name="Option A"> <label class=" ms-2" for="79873"> Worksheet </label> </div> <div class=" py-1"> <input type="radio" value="TITLE" id="79874" name="Option A"> <label class=" ms-2" for="79874"> TITLE </label> </div> <div class=" py-1"> <input type="radio" value="SUB" id="79876" name="Option A"> <label class=" ms-2" for="79876"> SUB </label> </div> </div>  <div class="row border-top py-4 justify-content-end align-items-center"> <div class="col-md-6 d-none justify-content-md-start justify-content-center"> <button class="btn me-2 px-2 d-block text-light" id="mreview" style="background-color: black;font-size: 13px;">Mark For Review</button> <button class="btn me-2 px-2 d-block text-light" id="clear-res" style="background-color: black;font-size: 13px;">Clear Response</button> </div> <div class="col-md-6 d-flex justify-content-md-end justify-content-center"> <button class="btn submitBtn px-3 d-block text-light ms-3" id="snext" style="background-color: black;font-size: 13px;">Save & Next</button> </div> </div> </div> <div class="mySlides fade question" data-value="19593" id="q7"> <div class="col-12 border-bottom d-flex justify-content-between align-items-center"> <p class="fs-6 mb-0 py-3 pb-1" id="srkques">Question No. 7</p> </div> <div class="text text-dark fs-3 fw-bold " style="top: 0px!important;"><p>Advanced features included on highlighted text and graphics were supported depending on the browser capability.</p></div> <div class="text text-dark fs-3 fw-bold question-below" style="top: 0px!important;"></div> <div class="col-12 py-2 py-md-1"> <p class="fs-6 mb-0 py-3 pb-1"><b>Answer :</b></p> <div class=" py-1"> <input type="radio" value="<p>‘O’ Level </p>" id="79879" name="Option A"> <label class=" ms-2" for="79879"> <p>‘O’ Level </p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>‘1’ Level </p>" id="79881" name="Option A"> <label class=" ms-2" for="79881"> <p>‘1’ Level </p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>‘2’ Level </p>" id="79884" name="Option A"> <label class=" ms-2" for="79884"> <p>‘2’ Level </p> </label> </div> </div>  <div class="row border-top py-4 justify-content-end align-items-center"> <div class="col-md-6 d-none justify-content-md-start justify-content-center"> <button class="btn me-2 px-2 d-block text-light" id="mreview" style="background-color: black;font-size: 13px;">Mark For Review</button> <button class="btn me-2 px-2 d-block text-light" id="clear-res" style="background-color: black;font-size: 13px;">Clear Response</button> </div> <div class="col-md-6 d-flex justify-content-md-end justify-content-center"> <button class="btn submitBtn px-3 d-block text-light ms-3" id="snext" style="background-color: black;font-size: 13px;">Save & Next</button> </div> </div> </div> <div class="mySlides fade question" data-value="19590" id="q8"> <div class="col-12 border-bottom d-flex justify-content-between align-items-center"> <p class="fs-6 mb-0 py-3 pb-1" id="srkques">Question No. 8</p> </div> <div class="text text-dark fs-3 fw-bold " style="top: 0px!important;">It is used for specifying the reference for the style sheet.</div> <div class="text text-dark fs-3 fw-bold question-below" style="top: 0px!important;"></div> <div class="col-12 py-2 py-md-1"> <p class="fs-6 mb-0 py-3 pb-1"><b>Answer :</b></p> <div class=" py-1"> <input type="radio" value="REF" id="79869" name="Option A"> <label class=" ms-2" for="79869"> REF </label> </div> <div class=" py-1"> <input type="radio" value="MEF" id="79871" name="Option A"> <label class=" ms-2" for="79871"> MEF </label> </div> <div class=" py-1"> <input type="radio" value="HREF" id="79872" name="Option A"> <label class=" ms-2" for="79872"> HREF </label> </div> </div>  <div class="row border-top py-4 justify-content-end align-items-center"> <div class="col-md-6 d-none justify-content-md-start justify-content-center"> <button class="btn me-2 px-2 d-block text-light" id="mreview" style="background-color: black;font-size: 13px;">Mark For Review</button> <button class="btn me-2 px-2 d-block text-light" id="clear-res" style="background-color: black;font-size: 13px;">Clear Response</button> </div> <div class="col-md-6 d-flex justify-content-md-end justify-content-center"> <button class="btn submitBtn px-3 d-block text-light ms-3" id="snext" style="background-color: black;font-size: 13px;">Save & Next</button> </div> </div> </div> <div class="mySlides fade question" data-value="19592" id="q9"> <div class="col-12 border-bottom d-flex justify-content-between align-items-center"> <p class="fs-6 mb-0 py-3 pb-1" id="srkques">Question No. 9</p> </div> <div class="text text-dark fs-3 fw-bold " style="top: 0px!important;">Included only the basic structural elements and assumed that all browsers are supported by the features of 'O' level.</div> <div class="text text-dark fs-3 fw-bold question-below" style="top: 0px!important;"></div> <div class="col-12 py-2 py-md-1"> <p class="fs-6 mb-0 py-3 pb-1"><b>Answer :</b></p> <div class=" py-1"> <input type="radio" value="'O' Level" id="79875" name="Option A"> <label class=" ms-2" for="79875"> 'O' Level </label> </div> <div class=" py-1"> <input type="radio" value="'1' Level" id="79877" name="Option A"> <label class=" ms-2" for="79877"> '1' Level </label> </div> <div class=" py-1"> <input type="radio" value="'2' Level" id="79878" name="Option A"> <label class=" ms-2" for="79878"> '2' Level </label> </div> </div>  <div class="row border-top py-4 justify-content-end align-items-center"> <div class="col-md-6 d-none justify-content-md-start justify-content-center"> <button class="btn me-2 px-2 d-block text-light" id="mreview" style="background-color: black;font-size: 13px;">Mark For Review</button> <button class="btn me-2 px-2 d-block text-light" id="clear-res" style="background-color: black;font-size: 13px;">Clear Response</button> </div> <div class="col-md-6 d-flex justify-content-md-end justify-content-center"> <button class="btn submitBtn px-3 d-block text-light ms-3" id="snext" style="background-color: black;font-size: 13px;">Save & Next</button> </div> </div> </div> <div class="mySlides fade question" data-value="19594" id="q10"> <div class="col-12 border-bottom d-flex justify-content-between align-items-center"> <p class="fs-6 mb-0 py-3 pb-1" id="srkques">Question No. 10</p> </div> <div class="text text-dark fs-3 fw-bold " style="top: 0px!important;"><p>Introduced Frames, In-line Video, Sound, etc.</p></div> <div class="text text-dark fs-3 fw-bold question-below" style="top: 0px!important;"></div> <div class="col-12 py-2 py-md-1"> <p class="fs-6 mb-0 py-3 pb-1"><b>Answer :</b></p> <div class=" py-1"> <input type="radio" value="<p>'O' Level</p>" id="79880" name="Option A"> <label class=" ms-2" for="79880"> <p>'O' Level</p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>'1' Level</p>" id="79882" name="Option A"> <label class=" ms-2" for="79882"> <p>'1' Level</p> </label> </div> <div class=" py-1"> <input type="radio" value="<p>'3' Level</p>" id="79883" name="Option A"> <label class=" ms-2" for="79883"> <p>'3' Level</p> </label> </div> </div>  <div class="row border-top py-4 justify-content-end align-items-center"> <div class="col-md-6 d-none justify-content-md-start justify-content-center"> <button class="btn me-2 px-2 d-block text-light" id="mreview" style="background-color: black;font-size: 13px;">Mark For Review</button> <button class="btn me-2 px-2 d-block text-light" id="clear-res" style="background-color: black;font-size: 13px;">Clear Response</button> </div> <div class="col-md-6 d-flex justify-content-md-end justify-content-center"> <button class="btn submitBtn px-3 d-block text-light ms-3" id="snext" style="background-color: black;font-size: 13px;">Save & Next</button> </div> </div> </div> </div> </div> <div class="col-md-4 order-md-2s order-2 p-0"> <div class="row px-2 justify-content-center align-items-center"> <div class="col-12 py-3 d-flex justify-content-center align-items-center"> <img src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/ringlet/img/abc.png" style="width:50px;" alt="User Logo"> </div> <div class="col-12"> <button class="btn bg-dark d-inline-block px-3 py-1 text-light text-start" style="font-size: 15px;">HTML</button> </div> <div class="col py-3"> <div class="ins-icons text-center qnumss" id="qnums"> <div style="text-align:start "> <span class="srk Qusno active" id="list1" osnclick="currentSlide(1)">1</span> <span class="srk Qusno active" id="list2" osnclick="currentSlide(2)">2</span> <span class="srk Qusno active" id="list3" osnclick="currentSlide(3)">3</span> <span class="srk Qusno active" id="list4" osnclick="currentSlide(4)">4</span> <span class="srk Qusno active" id="list5" osnclick="currentSlide(5)">5</span> <span class="srk Qusno active" id="list6" osnclick="currentSlide(6)">6</span> <span class="srk Qusno active" id="list7" osnclick="currentSlide(7)">7</span> <span class="srk Qusno active" id="list8" osnclick="currentSlide(8)">8</span> <span class="srk Qusno active" id="list9" osnclick="currentSlide(9)">9</span> <span class="srk Qusno active" id="list10" osnclick="currentSlide(10)">10</span> </div>   </div> </div> <div class="col-12"> <div class="ins-icons row"> <div class="col-6 d-flex align-items-center"> <span class="Answ" id="answered"></span><span>Answered</span> </div> <div class="col-6 d-flex align-items-center"> <span class="Nans">1</span><span>Not Answered </span> </div> <div class="col-6 d-flex align-items-center"> <span class="Qusno" id="notVisited">1</span> <span>Not Visited</span> </div> <div class="col-6 d-none align-items-center"> <span class="Marked">0</span> <span>Marked For Review</span> </div> <div class="col-12 d-none align-items-center"> <span class="Mans">9</span><span>Answered & Marked for review (will be considered for evaluation)</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container-fluid" id="result"> </div> <input type="hidden" name="csrfmiddlewaretoken" value="OiTfYYrCwfWn7i2JNkLmt2luIx4aBbljLPKcOyazvGtnWaEWWhEAK3Vpi6OyYjj8"> <script> // $("input[type=radio]").prop('checked', false); // $("input").prop('checked', false) let r = $(".question").length // if($("input").prop('checked', true)){ // alert("Checked Hai") // } $("#list1").addClass("Nans").removeClass("Qusno") let nv = r - 1; let count = nv; $("#notVisited").text(nv) let optionText = []; let qid = []; function saruk(a , b){ optionText.push(b) qid.push(a) } // on click Save & Next let totalAttempt= 0 $("#answered").text(totalAttempt) let modules = $("#module_name").text() $("input").click(function(){ $(".question-below").hide() }) $(".submitBtn").click(function (e) { e.preventDefault() console.log("popopo") //let rr= $(this).closest(".question").find("input").prop("checked",true) let rr= $(this).closest(".question").find("input").is(":checked") // if ($('input[type=radio]').is(":checked")) { if (rr == true) { console.log(nv, "rr") count -= 1; console.log(count, "Not visited Pehle wala") $("#notVisited").text(count) let abc = $(this).closest(".question").attr("id") let a = parseInt(abc.substr(1, 2)) let limit = `${a + 1}` totalAttempt = limit - 1; // console.log(totalAttempt) $("#answered").text(totalAttempt) // console.log(totalAttempt,"Total Attempt") // console.log(limit, typeof (a), "popopopop", `#list${a + 1}`) $(`#list${a}`).addClass("Answ") $(`#list${a + 1}`).removeClass("Qusno").addClass("Nans") plusSlides(1) let value = $(this).closest(".question").attr("data-value") let optionValue = $("input:radio:checked").attr("id") let modules = $("#module_name").data("chap-id") console.log(value, optionValue, "SRRRRRRRRR") saruk(value , optionValue) if (limit == r) { $("#notVisited").text(0) // alert("Hello Dear!!!") $(".submitBtn").text("Submit") $(".submitBtn").click(function () { $(`#list${limit}`).addClass("Answ") let sw= $(this).closest(".question").find("input").is(":checked") if(sw == true ){ $.ajax({ type: "POST", url: '/score', data: { 'optionText': optionText, 'modules': modules, 'qid': qid, 'csrfmiddlewaretoken': $("input[name=csrfmiddlewaretoken]").val() }, success: function (data) { $("#testseries").hide() $("#result").html(data) } }); console.log("Form Submitted Successfully") } else{ $(".question-below").show() $(".question-below").html("<h4 class='alert alert-danger'>Choose Any Answer </h4>") } }) } else { } } else { $(".question-below").show() $(".question-below").html("<h4 class='alert alert-danger'>Choose Any Answer </h4>") } }) // $(".srk").click(function(e){ // $(this).removeClass("Qusno").addClass("Nans") // let p = $(this).attr("id") // let a = parseInt(p.substr(4)) // console.log(a, p) // }) // $(".snexttt").click(function(){ // console.log(optionText, "ararya wala data hai") // }) // on click Mark & Review // $("#mreview").click(function () { // let rr = $(this).closest(".question").find("input").is(":checked") // if (rr == true) { // let abc = $(this).closest(".question").attr("id") // let a = parseInt(abc.substr(1, 2)) // let limit = `${a + 1}` // totalAttempt = limit - 1; // console.log(abc) // $("#answered").text(totalAttempt) // // console.log(totalAttempt,"Total Attempt") // // console.log(limit, typeof (a), "popopopop", `#list${a + 1}`) // $(`#list${a}`).removeClass("Nans").addClass("Mans") // $(`#list${a + 1}`).removeClass("Qusno").addClass("Nans") // plusSlides(1) // } // else if ($('input').not(":checked")) { // alert("False Hai") // // $("#1").removeClass('Mans Nans').addClass('Marked') // // plusSlides(1) // } // }) // // clear response // $("#clear-res").click(function () { // $("input[type=radio]").prop('checked', false); // }) </script> <script> let slideIndex = 1; showSlides(slideIndex); // Next/previous controls function plusSlides(n) { showSlides(slideIndex += n); } // Thumbnail image controls function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { let i; let slides = document.getElementsByClassName("mySlides"); let dots = document.getElementsByClassName("srk"); if (n > slides.length) { slideIndex = 1 } if (n < 1) { slideIndex = slides.length } let pop = document.querySelector("#qnums") for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace("", ""); } slides[slideIndex - 1].style.display = "block"; // dots[slideIndex - 1].className += " Nans "; } </script> <script> $(document).ready(function(){ $(".prevBtn").first().removeClass("d-block").addClass("d-none") let publ = $("#home-content").data("pub-name") if (publ == "Brothers Education"){ $("#loginButtoon ul").removeClass("d-flex").addClass("d-none") $(".login-icon").removeClass("d-block").addClass("d-none") } $("body").click(function(){ console.log("clicked") }); let imageUrl = $("#publogo").data("pub-image") if(imageUrl){ $("#desktopLogo").attr("src", imageUrl) $("#mobileLogo").attr("src", imageUrl) $("#sideMenu").attr("src", imageUrl) } else{ $("#desktopLogo").attr("src", "https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/ringlet/img/ringletlogo.svg") $("#mobileLogo").attr("src", "https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/ringlet/img/ringletlogo.svg") $("#sideMenu").attr("src", "https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/ringlet/img/ringletlogo.svg") } console.log(imageUrl, "-=-=-=-=-=-=") }); </script> <div id="myModalsearch" class="modal">   <div class="modal-cont"> <div class=" position-relative" style="height: 100%;">  <div class="d-flex justify-content-center align-items-center text-center" style="height:100%;"> <div class="col-12 p-5" id="login" style="border: 1px solid #dddddd;border-radius: 20px; background-color: white;"> <h3 style="font-size: 30px;font-weight: 700;word-spacing: -3px;" id="searModalText">Enter Your Book Codewwww </h3> <img src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/ringlet/Image/homepage/emailpop.png" class="w-50 img-fluid d-block mx-auto mt-5 book-search-banner" alt=""> </div>  </div> </div> </div> </div>  <div id="myModalbook" class="modal">   <div class="modal-cont"> <div class=" position-relative" style="height: 100%;">  <div class="d-flex justify-content-center align-items-center text-center" style="height:100%;"> <div class="col-12 p-5" id="login" style="border: 1px solid #dddddd;border-radius: 20px; background-color: white;"> <h3 style="font-size: 35px;font-weight: 700;word-spacing: -3px;">Enter Your Book Code </h3> <input type="text" id="bookcodevalue" placeholder="Enter Your Book Code"> <span class="d-block text-start" style="color: #ae5232; font-size: 15px; font-weight:600;">***It support only Numeric </span> <div class="alert alert-danger six-digit srk-none" role="alert"> <h2 style="font-size: 20px;"> Insert 6 Digit Book Code </h2> </div> <div id="bookwaitloader"> <img src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/ringlet/img/1488.gif" alt="" class="img-fluid d-block m-auto"> </div> <div class="loginbtn my-3"> <li> <a class="fw-bold" type="submit" href="#" id="bookcode">Search Your Book</a> </li> </div> <img src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/ringlet/Image/homepage/emailpop.png" class="w-50 img-fluid mx-auto mt-5 book-search-banner" alt=""> </div> <div class="col-12 d-none py-5 otp-fill border" id="otp"> <img src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/ringlet/Image/homepage/Ringletlogo.jpg" alt="" class="img-fluid d-block m-auto"> <h3 class="mt-4 mb-2" style="font-size: 25px;font-weight: 600;text-align: center;"> Enter the code sent to </h3> <p class="otp-mail">Srk@dreambox.cloud</p> <div class="inputbox d-flex justify-content-around my-3 mx-0 align-items-center"> <input type="text" value="2" name=""> <input type="text" value="3" name=""> <input type="text" value="8" name=""> <input type="text" value="9" name=""> </div> <p class="otp-mail" style="opacity: 0.8;">Dont Recevide Code ? <span class="fw-bold " style="opacity: 1;"><a href="#" id="reqagain">Request Again</a></span></p> </div>  </div> </div> </div> </div> <script src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/learner/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/learner/js/jquery.min.js"></script> <script src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/learner/js/owl.carousel.min.js"></script> <script src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/learner/js/index.js"></script> <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script> <script> $(document).ready(function () { $(".cond-list a").click(function () { $(this).tab('show'); }); $('.cond-list a').on('shown.bs.tab', function (event) { var x = $(event.target).text(); // active tab var y = $(event.relatedTarget).text(); // previous tab $(".act span").text(x); $(".prev span").text(y); }); }); //Audio And Video $("#playaudio").click(function () { $(".tttt").trigger('play') }); $("#pauseaudio").click(function () { $(".tttt").trigger('pause') }); $(document).ready(function () { $('#example').DataTable(); console.log("My Name") }); </script> <script> // onclick Mobile Search Icon $("#srkmobile-search" ).click(function(){ $("#myModalbook").show() }) // onclick Mobile Search Icon $("#srkmobile-search-nav" ).click(function(){ $("#myModalbook").show() }) $("#gStartBTN").click(function(e){ e.preventDefault() let bookID = $("#getStartedInput").val() rew = bookID.length if (rew == 6){ $.ajax({ url: '/bookcode', data: { 'bookID': bookID }, beforeSend: function() { $("#bookwaitloader").show() $("#myModalsearch").show() $("#searModalText").text("Wait We Are Searching Your Book.....") }, success: function (data) { $("#bookwaitloader").hide() console.log(data) console.log(typeof(data)) qqq = parseInt(data) console.log(typeof(qqq)) window.location.href = data // } }, error: function(data){ $("#bookwaitloader").hide() console.log("Book Nahi Hai"); $("#searModalText").text("Sorry Book Not Available") } }); } else{ $("#myModalsearch").show() $("#searModalText").text("Insert 6 Digit Code") } }) // field validation For Book Code. $('#bookcodevalue, #getStartedInput').keypress(function (e) { var regex = new RegExp("^[a-zA-Z0-9_]+$"); var str = String.fromCharCode(!e.charCode ? e.which : e.charCode); if (regex.test(str)) { return true; } e.preventDefault(); return false; }); //Search Book Code ajax $("#bookcodevalue").click(function(){ $(".six-digit").hide() }) $("#bookcode").click(function (e) { e.preventDefault() let bookID = $("#bookcodevalue").val() rew = bookID.length console.log(rew, "Length") if (rew == 6){ $.ajax({ url: '/bookcode', data: { 'bookID': bookID }, beforeSend: function() { $("#bookwaitloader").show() }, success: function (data) { $("#bookwaitloader").hide() console.log(data) console.log(typeof(data)) qqq = parseInt(data) console.log(typeof(qqq)) window.location.href = data // } }, error: function(data){ $("#bookwaitloader").hide() console.log("Book Nahi Hai"); $(".six-digit").html("<h3>Sorry Book Not Available</h3>") $(".six-digit").show() } }); } else{ $(".six-digit").html("<h3>Insert 6 Digit Code</h3>") $(".six-digit").show() } }); // EasySlides('.slider_circle_10', { // 'autoplay': true, // 'show': 13, // 'stepbystep': true, // }); $("#srkbtn").click(function () { $("#myModal").show(); // $("body").addClass("filter"); }); $("#srkbtnbookcodes").click(function () { $("#myModalbook").show(); // $("body").addClass("filter"); }); // Modal Content $("#loginSubmit").click(function (e) { e.preventDefault() $("#login").hide(); $("#otp").show(); // $("body").addClass("filter"); }); $("#reqagain").click(function (e) { e.preventDefault() $("#otp").hide(); $("#login").show(); // $("body").addClass("filter"); }); var searchModal = document.getElementById("myModalsearch"); var modalbook = document.getElementById("myModalbook"); window.onclick = function (event) { // console.log(event) if (event.target == searchModal | event.target == modalbook) { searchModal.style.display = "none"; modalbook.style.display = "none"; } } </script> <footer id="footer" class="d-none"> <div class="container-fluid"> <div class="row justify-content-around align-items-center footer-bg py-3"> <div class="col-2"> <img src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/ringlet/img/ringletlogo.svg" alt="logo"> </div> <div class="col-2 d-md-block d-none"> <p class="mb-0 baloo-400"><a href="#" class="text-light">Categories</a></p> </div> <div class="col-2 d-md-block d-none"> <p class="mb-0 baloo-400"><a href="#" class="text-light">Terms & Conditions</a></p> </div> <div class="social col-2 justify-self-end"> <img src="https://blobresourcemanchester.blob.core.windows.net/dovacrm/ringlet/static/learner/img/social.png" alt="" class="img-fluid d-block m-auto"> </div> </div> </div> </footer> </body> </html>

Chapter