CCC सराव परीक्षा ०१ - Internet & Web Designing

CCC सराव परीक्षा ०१ – Internet & Web Designing

Question: 1 of 15

प्र. 1: वेब पृष्ठाच्या HTML संरचनेत मुख्य शीर्षक कशाला म्हणतात?

<input type='radio' name='answer_2625' id='radio_2625_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2625_3' onclick='handleSelection(2625, 3, 3, 1)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><h1><input type='radio' name='answer_2625' id='radio_2625_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2625_4' onclick='handleSelection(2625, 4, 3, 1)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><body><input type='radio' name='answer_2625' id='radio_2625_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2625' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_1' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(1)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_2' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 2 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 13.333333333333%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 2: CSS मध्ये 'margin' आणि 'padding' यामध्ये काय फरक आहे?</p></div><div id='q_container_2626'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2626_1' onclick='handleSelection(2626, 1, 1, 2)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>Margin बाहेरील अंतर आहे<input type='radio' name='answer_2626' id='radio_2626_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2626_2' onclick='handleSelection(2626, 2, 1, 2)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>Padding बाहेरील अंतर आहे<input type='radio' name='answer_2626' id='radio_2626_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2626_3' onclick='handleSelection(2626, 3, 1, 2)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>Margin आणि padding सारखेच आहेत<input type='radio' name='answer_2626' id='radio_2626_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2626_4' onclick='handleSelection(2626, 4, 1, 2)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>Margin फक्त टेक्स्टसाठी आहे<input type='radio' name='answer_2626' id='radio_2626_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2626' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_2' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(2)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_3' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 3 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 20%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 3: वेब डिझाइनमध्ये 'responsive design' म्हणजे काय?</p></div><div id='q_container_2627'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2627_1' onclick='handleSelection(2627, 1, 1, 3)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>वेबसाइटचा आकार बदलणे<input type='radio' name='answer_2627' id='radio_2627_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2627_2' onclick='handleSelection(2627, 2, 1, 3)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>वेबसाइटचा रंग बदलणे<input type='radio' name='answer_2627' id='radio_2627_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2627_3' onclick='handleSelection(2627, 3, 1, 3)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>वेबसाइटची सामग्री बदलणे<input type='radio' name='answer_2627' id='radio_2627_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2627_4' onclick='handleSelection(2627, 4, 1, 3)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>वेबसाइटचा लोडिंग वेळ कमी करणे<input type='radio' name='answer_2627' id='radio_2627_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2627' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_3' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(3)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_4' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 4 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 26.666666666667%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 4: JavaScript मध्ये 'alert()' फंक्शनचा उपयोग कशासाठी केला जातो?</p></div><div id='q_container_2628'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2628_1' onclick='handleSelection(2628, 1, 2, 4)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>डेटा साठवण्यासाठी<input type='radio' name='answer_2628' id='radio_2628_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2628_2' onclick='handleSelection(2628, 2, 2, 4)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>उपयोगकर्ता सूचना देण्यासाठी<input type='radio' name='answer_2628' id='radio_2628_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2628_3' onclick='handleSelection(2628, 3, 2, 4)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>वेबसाइट डिझाइन करण्यासाठी<input type='radio' name='answer_2628' id='radio_2628_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2628_4' onclick='handleSelection(2628, 4, 2, 4)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>सर्व्हरशी संवाद साधण्यासाठी<input type='radio' name='answer_2628' id='radio_2628_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2628' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_4' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(4)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_5' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 5 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 33.333333333333%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 5: कुठल्या HTML टॅगचा उपयोग फोटोंसाठी केला जातो?</p></div><div id='q_container_2629'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2629_1' onclick='handleSelection(2629, 1, 1, 5)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><img><input type='radio' name='answer_2629' id='radio_2629_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2629_2' onclick='handleSelection(2629, 2, 1, 5)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><picture><input type='radio' name='answer_2629' id='radio_2629_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2629_3' onclick='handleSelection(2629, 3, 1, 5)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><photo><input type='radio' name='answer_2629' id='radio_2629_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2629_4' onclick='handleSelection(2629, 4, 1, 5)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><image><input type='radio' name='answer_2629' id='radio_2629_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2629' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_5' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(5)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_6' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 6 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 40%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 6: वेब पृष्ठावर लिंक तयार करण्यासाठी कोणता HTML टॅग वापरला जातो?</p></div><div id='q_container_2630'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2630_1' onclick='handleSelection(2630, 1, 2, 6)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><link><input type='radio' name='answer_2630' id='radio_2630_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2630_2' onclick='handleSelection(2630, 2, 2, 6)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><a><input type='radio' name='answer_2630' id='radio_2630_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2630_3' onclick='handleSelection(2630, 3, 2, 6)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><href><input type='radio' name='answer_2630' id='radio_2630_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2630_4' onclick='handleSelection(2630, 4, 2, 6)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><url><input type='radio' name='answer_2630' id='radio_2630_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2630' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_6' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(6)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_7' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 7 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 46.666666666667%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 7: CSS मध्ये 'float' प्रॉपर्टीचा उपयोग कशासाठी केला जातो?</p></div><div id='q_container_2631'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2631_1' onclick='handleSelection(2631, 1, 3, 7)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>टेक्स्ट रंग बदलण्यासाठी<input type='radio' name='answer_2631' id='radio_2631_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2631_2' onclick='handleSelection(2631, 2, 3, 7)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>तक्ते तयार करण्यासाठी<input type='radio' name='answer_2631' id='radio_2631_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2631_3' onclick='handleSelection(2631, 3, 3, 7)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>तत्त्वांचे स्थान बदलण्यासाठी<input type='radio' name='answer_2631' id='radio_2631_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2631_4' onclick='handleSelection(2631, 4, 3, 7)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>फॉन्ट आकार वाढवण्यासाठी<input type='radio' name='answer_2631' id='radio_2631_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2631' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_7' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(7)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_8' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 8 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 53.333333333333%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 8: वेब पृष्ठाची लोडिंग गती सुधारण्यासाठी कोणती तंत्रे वापरली जातात?</p></div><div id='q_container_2632'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2632_1' onclick='handleSelection(2632, 1, 4, 8)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>कॅशिंग<input type='radio' name='answer_2632' id='radio_2632_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2632_2' onclick='handleSelection(2632, 2, 4, 8)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>फॉन्ट बदलणे<input type='radio' name='answer_2632' id='radio_2632_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2632_3' onclick='handleSelection(2632, 3, 4, 8)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>फोटो कमी करणे<input type='radio' name='answer_2632' id='radio_2632_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2632_4' onclick='handleSelection(2632, 4, 4, 8)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>सर्व वरील<input type='radio' name='answer_2632' id='radio_2632_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2632' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_8' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(8)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_9' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 9 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 60%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 9: HTML5 मध्ये 'video' टॅगचा उपयोग कशासाठी केला जातो?</p></div><div id='q_container_2633'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2633_1' onclick='handleSelection(2633, 1, 2, 9)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>ऑडिओ प्ले करण्यासाठी<input type='radio' name='answer_2633' id='radio_2633_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2633_2' onclick='handleSelection(2633, 2, 2, 9)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>वीडियो प्ले करण्यासाठी<input type='radio' name='answer_2633' id='radio_2633_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2633_3' onclick='handleSelection(2633, 3, 2, 9)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>फोटो दर्शविण्यासाठी<input type='radio' name='answer_2633' id='radio_2633_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2633_4' onclick='handleSelection(2633, 4, 2, 9)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>फाइल डाउनलोड करण्यासाठी<input type='radio' name='answer_2633' id='radio_2633_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2633' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_9' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(9)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_10' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 10 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 66.666666666667%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 10: वेब पृष्ठाच्या SEO साठी कोणता घटक महत्वाचा आहे?</p></div><div id='q_container_2634'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2634_1' onclick='handleSelection(2634, 1, 2, 10)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>फॉन्ट आकार<input type='radio' name='answer_2634' id='radio_2634_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2634_2' onclick='handleSelection(2634, 2, 2, 10)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>कीवर्ड्स<input type='radio' name='answer_2634' id='radio_2634_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2634_3' onclick='handleSelection(2634, 3, 2, 10)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>रंग योजना<input type='radio' name='answer_2634' id='radio_2634_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2634_4' onclick='handleSelection(2634, 4, 2, 10)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>लेआउट<input type='radio' name='answer_2634' id='radio_2634_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2634' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_10' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(10)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_11' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 11 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 73.333333333333%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 11: कुठल्या प्रोग्रामिंग भाषेत वेब सर्व्हरशी संवाद साधण्यासाठी AJAX वापरला जातो?</p></div><div id='q_container_2635'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2635_1' onclick='handleSelection(2635, 1, 3, 11)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>Python<input type='radio' name='answer_2635' id='radio_2635_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2635_2' onclick='handleSelection(2635, 2, 3, 11)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>PHP<input type='radio' name='answer_2635' id='radio_2635_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2635_3' onclick='handleSelection(2635, 3, 3, 11)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>JavaScript<input type='radio' name='answer_2635' id='radio_2635_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2635_4' onclick='handleSelection(2635, 4, 3, 11)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>Ruby<input type='radio' name='answer_2635' id='radio_2635_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2635' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_11' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(11)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_12' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 12 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 80%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 12: CSS मध्ये 'z-index' प्रॉपर्टीचा उपयोग कशासाठी केला जातो?</p></div><div id='q_container_2636'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2636_1' onclick='handleSelection(2636, 1, 1, 12)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>उपकरणांची श्रेणी ठरवण्यासाठी<input type='radio' name='answer_2636' id='radio_2636_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2636_2' onclick='handleSelection(2636, 2, 1, 12)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>फॉन्ट आकार ठरवण्यासाठी<input type='radio' name='answer_2636' id='radio_2636_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2636_3' onclick='handleSelection(2636, 3, 1, 12)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>बॅकग्राउंड रंग ठरवण्यासाठी<input type='radio' name='answer_2636' id='radio_2636_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2636_4' onclick='handleSelection(2636, 4, 1, 12)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>तक्ते तयार करण्यासाठी<input type='radio' name='answer_2636' id='radio_2636_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2636' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_12' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(12)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_13' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 13 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 86.666666666667%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 13: वेब पृष्ठावर फॉर्म तयार करण्यासाठी कोणता HTML टॅग वापरला जातो?</p></div><div id='q_container_2637'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2637_1' onclick='handleSelection(2637, 1, 1, 13)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><form><input type='radio' name='answer_2637' id='radio_2637_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2637_2' onclick='handleSelection(2637, 2, 1, 13)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><input><input type='radio' name='answer_2637' id='radio_2637_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2637_3' onclick='handleSelection(2637, 3, 1, 13)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><field><input type='radio' name='answer_2637' id='radio_2637_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2637_4' onclick='handleSelection(2637, 4, 1, 13)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'><submit><input type='radio' name='answer_2637' id='radio_2637_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2637' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_13' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(13)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_14' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 14 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 93.333333333333%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 14: HTTP आणि HTTPS यामध्ये काय फरक आहे?</p></div><div id='q_container_2638'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2638_1' onclick='handleSelection(2638, 1, 1, 14)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>HTTPS सुरक्षित आहे<input type='radio' name='answer_2638' id='radio_2638_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2638_2' onclick='handleSelection(2638, 2, 1, 14)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>HTTP वेगवान आहे<input type='radio' name='answer_2638' id='radio_2638_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2638_3' onclick='handleSelection(2638, 3, 1, 14)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>HTTPS फक्त फोटोसाठी आहे<input type='radio' name='answer_2638' id='radio_2638_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2638_4' onclick='handleSelection(2638, 4, 1, 14)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>HTTP सर्व्हरवर अवलंबून आहे<input type='radio' name='answer_2638' id='radio_2638_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2638' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='next_btn_container_14' class='text-center mt-3' style='display:none;'><button type='button' class='btn btn-primary px-5' onclick='goToNext(14)'>पुढील प्रश्न (Continue)</button></div></div><div class='question-step' id='step_15' style='display: none;'><div class='d-flex justify-content-between align-items-center bg-light p-2 mb-3 border rounded shadow-sm'><span class='badge bg-dark' style='font-size:14px;'>Question: 15 of 15</span><div class='progress w-50' style='height: 10px;'> <div class='progress-bar bg-success progress-bar-striped progress-bar-animated' role='progressbar' style='width: 100%;'></div> </div></div><div class='Quiz_question_text mt-4'><p class='fw-bold' style='font-size:18px;'>प्र. 15: वेब डिझाइनमध्ये 'UI' म्हणजे काय?</p></div><div id='q_container_2639'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2639_1' onclick='handleSelection(2639, 1, 1, 15)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>User Interface<input type='radio' name='answer_2639' id='radio_2639_1' value='1' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2639_2' onclick='handleSelection(2639, 2, 1, 15)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>Universal Internet<input type='radio' name='answer_2639' id='radio_2639_2' value='2' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2639_3' onclick='handleSelection(2639, 3, 1, 15)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>User Interaction<input type='radio' name='answer_2639' id='radio_2639_3' value='3' style='display:none;'><span class='checkmark'></span></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2' id='li_2639_4' onclick='handleSelection(2639, 4, 1, 15)' style='cursor:pointer;'><label class='containerlabel' style='pointer-events:none; width:100%;'>Unified Information<input type='radio' name='answer_2639' id='radio_2639_4' value='4' style='display:none;'><span class='checkmark'></span></label></li></ul></div><div id='msg_2639' class='fw-bold mt-1 mb-3 ms-2' style='display:none;'></div><div id='submit_btn_container' class='text-center mt-3' style='display:none;'><input type='submit' id='submit' value='निकाल पहा (Submit)' class='btn btn-primary px-5'></div></div><input type='hidden' name='submit_quiz' value='1'></form>  <div class="share-section mt-5 pt-4 border-top"> <h5 class="fw-bold mb-3 d-flex align-items-center text-dark"> <i class="fas fa-share-alt text-primary me-2"></i>हा सराव पेपर शेअर करा </h5> <div class="d-flex flex-wrap gap-2"> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fsaravpariksha.com%2Fquiz%2Fccc-practice-exam-internet-web-designing%2F" target="_blank" class="btn btn-primary btn-sm rounded-pill px-3"> <i class="fab fa-facebook-f me-1"></i>Facebook </a> <a href="https://wa.me/?text=CCC+%E0%A4%B8%E0%A4%B0%E0%A4%BE%E0%A4%B5+%E0%A4%AA%E0%A4%B0%E0%A5%80%E0%A4%95%E0%A5%8D%E0%A4%B7%E0%A4%BE+%E0%A5%A6%E0%A5%A7+%26%238211%3B+Internet+%26%23038%3B+Web+Designing+-+https%3A%2F%2Fsaravpariksha.com%2Fquiz%2Fccc-practice-exam-internet-web-designing%2F" target="_blank" class="btn btn-success btn-sm rounded-pill px-3"> <i class="fab fa-whatsapp me-1"></i>WhatsApp </a> <button onclick="copyToClipboard('https://saravpariksha.com/quiz/ccc-practice-exam-internet-web-designing/')" class="btn btn-outline-secondary btn-sm rounded-pill px-3"> <i class="fas fa-copy me-1"></i>कॉपी लिंक </button> </div> </div>  <div class="card border-0 shadow-sm rounded-4 overflow-hidden my-5"> <div class="card-header bg-warning py-3"> <h5 class="fw-bold text-dark mb-0 d-flex align-items-center"> <i class="fas fa-graduation-cap text-dark me-2"></i>इतर महत्त्वाचे सराव पेपर्स (Related Quizzes) </h5> </div> <div class="card-body p-4 bg-light-subtle"> <div class="row g-3"> <div class="col-md-6"> <article class="related-quiz-card border rounded-3 p-2 bg-white shadow-sm h-100"> <a href="https://saravpariksha.com/quiz/%e0%a4%aa%e0%a4%be%e0%a4%a0-2-%e0%a4%b0%e0%a4%9c%e0%a4%bf%e0%a4%b8%e0%a5%8d%e0%a4%9f%e0%a5%8d%e0%a4%b0%e0%a4%be%e0%a4%b0%e0%a5%8d%e0%a4%b8-%e0%a4%a8%e0%a5%8b%e0%a4%82%e0%a4%a6%e0%a4%a3%e0%a5%80/" class="text-decoration-none d-flex align-items-center"> <div class="bg-light rounded-3 d-flex align-items-center justify-content-center flex-shrink-0 me-3" style="height: 70px; width: 70px;"> <i class="fas fa-pen-alt text-muted"></i> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 line-clamp-2" style="font-size: 0.95rem; text-align: left;">पाठ 2: रजिस्ट्रार्स, नोंदणी संस्था आणि नोंदणी कर्मचारी</h6> <span class="badge bg-light text-secondary border small"><i class="far fa-clock me-1"></i>Practice Test</span> </div> </a> </article> </div> <div class="col-md-6"> <article class="related-quiz-card border rounded-3 p-2 bg-white shadow-sm h-100"> <a href="https://saravpariksha.com/quiz/%e0%a4%aa%e0%a4%be%e0%a4%a0-%e0%a5%ad-%e0%a4%a8%e0%a5%8b%e0%a4%82%e0%a4%a6%e0%a4%a3%e0%a5%80-%e0%a4%85%e0%a4%a6%e0%a5%8d%e0%a4%af%e0%a4%af%e0%a4%a4%e0%a4%a8%e0%a4%be%e0%a4%9a%e0%a5%8d%e0%a4%af/" class="text-decoration-none d-flex align-items-center"> <div class="bg-light rounded-3 d-flex align-items-center justify-content-center flex-shrink-0 me-3" style="height: 70px; width: 70px;"> <i class="fas fa-pen-alt text-muted"></i> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 line-clamp-2" style="font-size: 0.95rem; text-align: left;">पाठ ७: नोंदणी/अद्ययतनाच्या दर्जावर नोंदणी परिचालक / पर्यवेक्षकासाठी मार्गदर्शक तत्वे</h6> <span class="badge bg-light text-secondary border small"><i class="far fa-clock me-1"></i>Practice Test</span> </div> </a> </article> </div> <div class="col-md-6"> <article class="related-quiz-card border rounded-3 p-2 bg-white shadow-sm h-100"> <a href="https://saravpariksha.com/quiz/%e0%a4%aa%e0%a4%be%e0%a4%a0-%e0%a5%ae-%e0%a4%97%e0%a5%81%e0%a4%a8%e0%a5%8d%e0%a4%b9%e0%a5%87-%e0%a4%86%e0%a4%a3%e0%a4%bf-%e0%a4%a6%e0%a4%82%e0%a4%a1/" class="text-decoration-none d-flex align-items-center"> <div class="bg-light rounded-3 d-flex align-items-center justify-content-center flex-shrink-0 me-3" style="height: 70px; width: 70px;"> <i class="fas fa-pen-alt text-muted"></i> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 line-clamp-2" style="font-size: 0.95rem; text-align: left;">पाठ ८: गुन्हे आणि दंड</h6> <span class="badge bg-light text-secondary border small"><i class="far fa-clock me-1"></i>Practice Test</span> </div> </a> </article> </div> <div class="col-md-6"> <article class="related-quiz-card border rounded-3 p-2 bg-white shadow-sm h-100"> <a href="https://saravpariksha.com/quiz/%e0%a4%aa%e0%a4%be%e0%a4%a0-1-%e0%a4%af%e0%a5%81%e0%a4%86%e0%a4%af%e0%a4%a1%e0%a5%80%e0%a4%8f%e0%a4%86%e0%a4%af-%e0%a4%86%e0%a4%a3%e0%a4%bf-%e0%a4%86%e0%a4%a7%e0%a4%be%e0%a4%b0%e0%a4%9a%e0%a4%be/" class="text-decoration-none d-flex align-items-center"> <div class="bg-light rounded-3 d-flex align-items-center justify-content-center flex-shrink-0 me-3" style="height: 70px; width: 70px;"> <i class="fas fa-pen-alt text-muted"></i> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 line-clamp-2" style="font-size: 0.95rem; text-align: left;">पाठ 1: युआयडीएआय आणि आधारचा परिचय</h6> <span class="badge bg-light text-secondary border small"><i class="far fa-clock me-1"></i>Practice Test</span> </div> </a> </article> </div> </div> </div> </div> </article></div> <div class='col-lg-4'>  <div class="card border-0 shadow-lg rounded-4 overflow-hidden mb-4"> <div class="card-header bg-success-gradient py-3"> <h5 class="fw-bold text-white mb-0 d-flex align-items-center"> <i class="fas fa-folder-tree me-2"></i>कॅटेगरी </h5> </div> <div class="card-body p-0"> <div class="list-group list-group-flush"> <a href="https://saravpariksha.com/category/news/" class="list-group-item list-group-item-action border-0 py-3 px-4 category-item "> <div class="d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center"> <div class="category-icon me-3"> <i class="fas fa-newspaper" style="color: #0d6efd;"></i> </div> <div> <h6 class="fw-bold mb-0 text-dark">चालू घडामोडी</h6> <small class="text-muted">27 पोस्ट</small> </div> </div> <div> <i class="fas fa-chevron-right text-muted"></i> </div> </div> </a> <a href="https://saravpariksha.com/category/download/" class="list-group-item list-group-item-action border-0 py-3 px-4 category-item "> <div class="d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center"> <div class="category-icon me-3"> <i class="fas fa-folder" style="color: #0d6efd;"></i> </div> <div> <h6 class="fw-bold mb-0 text-dark">डाउनलोड</h6> <small class="text-muted">1 पोस्ट</small> </div> </div> <div> <i class="fas fa-chevron-right text-muted"></i> </div> </div> </a> <a href="https://saravpariksha.com/category/jobs/" class="list-group-item list-group-item-action border-0 py-3 px-4 category-item "> <div class="d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center"> <div class="category-icon me-3"> <i class="fas fa-briefcase" style="color: #0d6efd;"></i> </div> <div> <h6 class="fw-bold mb-0 text-dark">नौकरी</h6> <small class="text-muted">20 पोस्ट</small> </div> </div> <div> <i class="fas fa-chevron-right text-muted"></i> </div> </div> </a> <a href="https://saravpariksha.com/category/quiz/" class="list-group-item list-group-item-action border-0 py-3 px-4 category-item "> <div class="d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center"> <div class="category-icon me-3"> <i class="fas fa-clipboard-check" style="color: #0d6efd;"></i> </div> <div> <h6 class="fw-bold mb-0 text-dark">सराव पेपर</h6> <small class="text-muted">9 पोस्ट</small> </div> </div> <div> <i class="fas fa-chevron-right text-muted"></i> </div> </div> </a> <a href="https://saravpariksha.com/category/tools/" class="list-group-item list-group-item-action border-0 py-3 px-4 category-item "> <div class="d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center"> <div class="category-icon me-3"> <i class="fas fa-tools" style="color: #0d6efd;"></i> </div> <div> <h6 class="fw-bold mb-0 text-dark">स्मार्ट टूल्स</h6> <small class="text-muted">6 पोस्ट</small> </div> </div> <div> <i class="fas fa-chevron-right text-muted"></i> </div> </div> </a> </div> </div> <div class="card-footer bg-light py-2 text-center"> <a href="https://saravpariksha.com/categories" class="text-decoration-none small text-success fw-bold"> <i class="fas fa-eye me-1"></i>सर्व श्रेणी पहा </a> </div> </div>  <div class="card border-0 shadow-lg rounded-4 overflow-hidden mb-4"> <div class="card-header bg-warning-gradient py-3"> <h5 class="fw-bold text-dark mb-0 d-flex align-items-center"> <i class="fas fa-bolt me-2"></i>नवीनतम अपडेट </h5> </div> <div class="card-body p-0"> <div class="list-group list-group-flush"> <a href="https://saravpariksha.com/dinvishesh-current-affairs-10-06-2026/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="post-number me-3"> <div class="bg-light text-dark rounded-circle d-flex align-items-center justify-content-center" style="width: 28px; height: 28px; font-weight: bold; font-size: 0.85rem;"> 1 </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 10-06-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-calendar me-1"></i>10 Jun </span> <span class="badge bg-danger bg-opacity-10 text-danger border border-danger border-opacity-25 small"> <i class="fas fa-star me-1"></i>नवीन </span> </div> </div> </div> </a> <a href="https://saravpariksha.com/dinvishesh-current-affairs-09-06-2026/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="post-number me-3"> <div class="bg-light text-dark rounded-circle d-flex align-items-center justify-content-center" style="width: 28px; height: 28px; font-weight: bold; font-size: 0.85rem;"> 2 </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 09-06-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-calendar me-1"></i>09 Jun </span> <span class="badge bg-danger bg-opacity-10 text-danger border border-danger border-opacity-25 small"> <i class="fas fa-star me-1"></i>नवीन </span> </div> </div> </div> </a> <a href="https://saravpariksha.com/dinvishesh-current-affairs-07-06-2026/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="post-number me-3"> <div class="bg-light text-dark rounded-circle d-flex align-items-center justify-content-center" style="width: 28px; height: 28px; font-weight: bold; font-size: 0.85rem;"> 3 </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 07-06-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-calendar me-1"></i>07 Jun </span> <span class="badge bg-danger bg-opacity-10 text-danger border border-danger border-opacity-25 small"> <i class="fas fa-star me-1"></i>नवीन </span> </div> </div> </div> </a> <a href="https://saravpariksha.com/dinvishesh-current-affairs-06-06-2026/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="post-number me-3"> <div class="bg-light text-dark rounded-circle d-flex align-items-center justify-content-center" style="width: 28px; height: 28px; font-weight: bold; font-size: 0.85rem;"> 4 </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 06-06-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-calendar me-1"></i>06 Jun </span> </div> </div> </div> </a> <a href="https://saravpariksha.com/dinvishesh-current-affairs-22-05-2026/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="post-number me-3"> <div class="bg-light text-dark rounded-circle d-flex align-items-center justify-content-center" style="width: 28px; height: 28px; font-weight: bold; font-size: 0.85rem;"> 5 </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 22-05-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-calendar me-1"></i>22 May </span> </div> </div> </div> </a> <a href="https://saravpariksha.com/dinvishesh-current-affairs-21-05-2026/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="post-number me-3"> <div class="bg-light text-dark rounded-circle d-flex align-items-center justify-content-center" style="width: 28px; height: 28px; font-weight: bold; font-size: 0.85rem;"> 6 </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 21-05-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-calendar me-1"></i>22 May </span> </div> </div> </div> </a> </div> </div> <div class="card-footer bg-light py-2 text-center"> <a href="https://saravpariksha.com/latest" class="text-decoration-none small text-warning fw-bold"> <i class="fas fa-list me-1"></i>सर्व नवीन पोस्ट पहा </a> </div> </div>  <div class="card border-0 shadow-lg rounded-4 overflow-hidden mb-4"> <div class="card-header bg-danger-gradient py-3"> <h5 class="fw-bold text-white mb-0 d-flex align-items-center"> <i class="fas fa-fire me-2"></i>लोकप्रिय पोस्ट </h5> </div> <div class="card-body p-0"> <div class="list-group list-group-flush"> <a href="https://saravpariksha.com/%e0%a4%a6%e0%a4%bf%e0%a4%a8%e0%a4%b5%e0%a4%bf%e0%a4%b6%e0%a5%87%e0%a4%b7-%e0%a4%86%e0%a4%a3%e0%a4%bf-%e0%a4%9a%e0%a4%be%e0%a4%b2%e0%a5%82-%e0%a4%98%e0%a4%a1%e0%a4%be%e0%a4%ae%e0%a5%8b%e0%a4%a1-3/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="popular-badge me-3"> <div class="position-relative"> <i class="fas fa-crown text-warning" style="font-size: 1.5rem;"></i> <span class="position-absolute top-50 start-50 translate-middle text-white fw-bold" style="font-size: 0.7rem; top: 45% !important;"> 1 </span> </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 03-02-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-eye me-1"></i>0 </span> <span class="badge bg-light text-dark border small"> <i class="far fa-comment me-1"></i>0 </span> </div> </div> </div> </a> <a href="https://saravpariksha.com/%e0%a4%a6%e0%a4%bf%e0%a4%a8%e0%a4%b5%e0%a4%bf%e0%a4%b6%e0%a5%87%e0%a4%b7-%e0%a4%86%e0%a4%a3%e0%a4%bf-%e0%a4%9a%e0%a4%be%e0%a4%b2%e0%a5%82-%e0%a4%98%e0%a4%a1%e0%a4%be%e0%a4%ae%e0%a5%8b%e0%a4%a1-4/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="popular-badge me-3"> <div class="position-relative"> <i class="fas fa-crown text-warning" style="font-size: 1.5rem;"></i> <span class="position-absolute top-50 start-50 translate-middle text-white fw-bold" style="font-size: 0.7rem; top: 45% !important;"> 2 </span> </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 04-02-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-eye me-1"></i>0 </span> <span class="badge bg-light text-dark border small"> <i class="far fa-comment me-1"></i>0 </span> </div> </div> </div> </a> <a href="https://saravpariksha.com/%e0%a4%a6%e0%a4%bf%e0%a4%a8%e0%a4%b5%e0%a4%bf%e0%a4%b6%e0%a5%87%e0%a4%b7-%e0%a4%86%e0%a4%a3%e0%a4%bf-%e0%a4%9a%e0%a4%be%e0%a4%b2%e0%a5%82-%e0%a4%98%e0%a4%a1%e0%a4%be%e0%a4%ae%e0%a5%8b%e0%a4%a1-5/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="popular-badge me-3"> <div class="position-relative"> <i class="fas fa-crown text-warning" style="font-size: 1.5rem;"></i> <span class="position-absolute top-50 start-50 translate-middle text-white fw-bold" style="font-size: 0.7rem; top: 45% !important;"> 3 </span> </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 05-02-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-eye me-1"></i>0 </span> <span class="badge bg-light text-dark border small"> <i class="far fa-comment me-1"></i>0 </span> </div> </div> </div> </a> <a href="https://saravpariksha.com/%e0%a4%a6%e0%a4%bf%e0%a4%a8%e0%a4%b5%e0%a4%bf%e0%a4%b6%e0%a5%87%e0%a4%b7-%e0%a4%86%e0%a4%a3%e0%a4%bf-%e0%a4%9a%e0%a4%be%e0%a4%b2%e0%a5%82-%e0%a4%98%e0%a4%a1%e0%a4%be%e0%a4%ae%e0%a5%8b%e0%a4%a1-6/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="popular-badge me-3"> <div class="bg-light text-dark rounded-circle d-flex align-items-center justify-content-center" style="width: 24px; height: 24px; font-weight: bold; font-size: 0.8rem;"> 4 </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 06-02-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-eye me-1"></i>0 </span> <span class="badge bg-light text-dark border small"> <i class="far fa-comment me-1"></i>0 </span> </div> </div> </div> </a> <a href="https://saravpariksha.com/dinvishesh-current-affairs-10-06-2026/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-start"> <div class="popular-badge me-3"> <div class="bg-light text-dark rounded-circle d-flex align-items-center justify-content-center" style="width: 24px; height: 24px; font-weight: bold; font-size: 0.8rem;"> 5 </div> </div> <div class="flex-grow-1"> <h6 class="fw-bold text-dark mb-1 small line-clamp-2">दिनविशेष आणि चालू घडामोडी: 10-06-2026</h6> <div class="d-flex align-items-center mt-2"> <span class="badge bg-light text-dark border small me-2"> <i class="far fa-eye me-1"></i>0 </span> <span class="badge bg-light text-dark border small"> <i class="far fa-comment me-1"></i>0 </span> </div> </div> </div> </a> </div> </div> </div>  <div class="card border-0 shadow-lg rounded-4 overflow-hidden mb-4"> <div class="card-header bg-primary-gradient py-3"> <h5 class="fw-bold text-white mb-0 d-flex align-items-center"> <i class="fas fa-search me-2"></i>शोधा </h5> </div> <div class="card-body p-4"> <form role="search" method="get" action="https://saravpariksha.com/" class="search-form"> <div class="input-group"> <input class="form-control border-end-0 rounded-start-4 py-3" type="text" name="s" placeholder="कीवर्ड टाका..." aria-label="कीवर्ड टाका..." aria-describedby="button-search"> <button class="btn btn-primary-gradient border-start-0 rounded-end-4 px-4" id="button-search" type="submit"> <i class="fas fa-search"></i> </button> </div> </form> <div class="mt-3"> <div class="d-flex flex-wrap gap-2"> <a href="?s=quiz" class="badge bg-primary bg-opacity-10 text-primary border border-primary border-opacity-25 text-decoration-none"> क्विझ </a> <a href="?s=नोकरी" class="badge bg-danger bg-opacity-10 text-danger border border-danger border-opacity-25 text-decoration-none"> नोकरी </a> <a href="?s=बातमी" class="badge bg-success bg-opacity-10 text-success border border-success border-opacity-25 text-decoration-none"> बातमी </a> <a href="?s=सराव" class="badge bg-warning bg-opacity-10 text-warning border border-warning border-opacity-25 text-decoration-none"> सराव </a> </div> </div> </div> </div>  <div class="card border-0 shadow-lg rounded-4 overflow-hidden mb-4"> <div class="card-header bg-info-gradient py-3"> <h5 class="fw-bold text-white mb-0 d-flex align-items-center"> <i class="fas fa-link me-2"></i>महत्वाच्या लिंक </h5> </div> <div class="card-body p-0"> <div class="list-group list-group-flush"> <a href="https://saravpariksha.com" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-center"> <div class="link-icon me-3"> <i class="fas fa-home text-primary"></i> </div> <div> <h6 class="fw-bold text-dark mb-0">होम पेज</h6> </div> <div class="ms-auto"> <i class="fas fa-external-link-alt text-muted small"></i> </div> </div> </a> <a href="https://saravpariksha.com/quiz/ccc-practice-exam-internet-web-designing/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-center"> <div class="link-icon me-3"> <i class="fas fa-newspaper text-success"></i> </div> <div> <h6 class="fw-bold text-dark mb-0">सर्व बातम्या</h6> </div> <div class="ms-auto"> <i class="fas fa-external-link-alt text-muted small"></i> </div> </div> </a> <a href="https://saravpariksha.com/category/quiz/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-center"> <div class="link-icon me-3"> <i class="fas fa-clipboard-check text-danger"></i> </div> <div> <h6 class="fw-bold text-dark mb-0">सर्व क्विझ</h6> </div> <div class="ms-auto"> <i class="fas fa-external-link-alt text-muted small"></i> </div> </div> </a> <a href="https://saravpariksha.com/category/jobs/" class="list-group-item list-group-item-action border-0 py-3 px-4"> <div class="d-flex align-items-center"> <div class="link-icon me-3"> <i class="fas fa-briefcase text-warning"></i> </div> <div> <h6 class="fw-bold text-dark mb-0">सर्व नोकऱ्या</h6> </div> <div class="ms-auto"> <i class="fas fa-external-link-alt text-muted small"></i> </div> </div> </a> </div> </div> </div>  <div class="card border-0 shadow-lg rounded-4 overflow-hidden"> <div class="card-header bg-dark py-3"> <h5 class="fw-bold text-white mb-0 d-flex align-items-center"> <i class="fas fa-info-circle me-2"></i>saravpariksha.com </h5> </div> <div class="card-body p-4"> <div class="text-center mb-3"> <div class="site-logo mb-3"> <a href="https://saravpariksha.com/" class="custom-logo-link" rel="home"><img width="460" height="218" src="https://saravpariksha.com/wp-content/uploads/2026/01/cropped-saravpariksha_logo_500_500.png" class="custom-logo" alt="saravpariksha.com" decoding="async" /></a> </div> <h6 class="fw-bold text-dark mb-1">saravpariksha.com</h6> <p class="text-muted small mb-3">MPSC, पोलीस भरती आणि इतर सर्व स्पर्धा परीक्षांसाठी मोफत ऑनलाईन सराव.</p> </div> <div class="stats-container"> <div class="row text-center"> <div class="col-4"> <div class="stat-item"> <div class="fw-bold text-primary fs-4"> 166 </div> <small class="text-muted">पोस्ट</small> </div> </div> <div class="col-4"> <div class="stat-item"> <div class="fw-bold text-success fs-4"> 56 </div> <small class="text-muted">कॅटेगरी</small> </div> </div> <div class="col-4"> <div class="stat-item"> <div class="fw-bold text-warning fs-4"> 112 </div> <small class="text-muted">सराव परीक्षा</small> </div> </div> </div> </div> <div class="text-center mt-4"> <a href="https://saravpariksha.com/about" class="btn btn-outline-primary btn-sm rounded-pill px-3"> <i class="fas fa-user me-1"></i>आमच्याबद्दल </a> <a href="https://saravpariksha.com/contact" class="btn btn-outline-success btn-sm rounded-pill px-3 ms-2"> <i class="fas fa-envelope me-1"></i>संपर्क </a> </div> </div> </div> <style> /* Gradient Backgrounds */ .bg-primary-gradient { background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%) !important; } .bg-success-gradient { background: linear-gradient(135deg, #198754 0%, #146c43 100%) !important; } .bg-danger-gradient { background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important; } .bg-warning-gradient { background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%) !important; } .bg-info-gradient { background: linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%) !important; } .btn-primary-gradient { background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%); border: none; color: white; transition: all 0.3s ease; } .btn-primary-gradient:hover { background: linear-gradient(135deg, #0b5ed7 0%, #0a58ca 100%); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3); color: white; } /* List Items */ .list-group-item { transition: all 0.3s ease; border-bottom: 1px solid rgba(0,0,0,0.05) !important; } .list-group-item:hover { background-color: rgba(13, 110, 253, 0.03); padding-left: 1.8rem !important; } .list-group-item:last-child { border-bottom: none !important; } .active-category { background-color: rgba(25, 135, 84, 0.1) !important; border-left: 4px solid #198754 !important; padding-left: 1.5rem !important; } .active-category h6 { color: #198754 !important; } /* Line Clamp */ .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* Search Form */ .search-form .form-control:focus { box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25); border-color: #0d6efd; } /* Category Icons */ .category-icon i { transition: all 0.3s ease; } .list-group-item:hover .category-icon i { transform: scale(1.2); } /* Post Numbers */ .post-number .bg-light { transition: all 0.3s ease; } .list-group-item:hover .post-number .bg-light { background-color: #0d6efd !important; color: white !important; } /* Popular Badges */ .popular-badge .position-relative { transition: all 0.3s ease; } .list-group-item:hover .popular-badge .position-relative { transform: scale(1.1); } /* Quick Links */ .link-icon i { transition: all 0.3s ease; } .list-group-item:hover .link-icon i { transform: translateX(5px); } /* Stats */ .stat-item { transition: all 0.3s ease; } .stat-item:hover { transform: translateY(-3px); } /* Badges */ .badge { transition: all 0.3s ease; } .badge:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* Responsive Design */ @media (max-width: 768px) { .card { border-radius: 1rem !important; } .list-group-item { padding: 1rem !important; } .stats-container .row { gap: 0.5rem; } .stats-container .col-4 { width: calc(33.333% - 0.5rem); } } /* Animation */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .card { animation: fadeInUp 0.5s ease-out; } .card:nth-child(2) { animation-delay: 0.1s; } .card:nth-child(3) { animation-delay: 0.2s; } .card:nth-child(4) { animation-delay: 0.3s; } .card:nth-child(5) { animation-delay: 0.4s; } .card:nth-child(6) { animation-delay: 0.5s; } </style></div> </div></div> <script> function handleSelection(qid, selected, correct, step) { const container = document.getElementById('q_container_' + qid); const options = container.getElementsByClassName('Quiz_questionListItem'); for (let opt of options) { opt.style.pointerEvents = 'none'; } document.getElementById('radio_' + qid + '_' + selected).checked = true; const msgDiv = document.getElementById('msg_' + qid); msgDiv.style.display = 'block'; if (selected == correct) { document.getElementById('li_' + qid + '_' + selected).style.backgroundColor = '#2db742'; document.getElementById('li_' + qid + '_' + selected).style.color = '#fff'; msgDiv.innerHTML = '<span class="text-success">बरोबर उत्तर! ✅</span>'; } else { document.getElementById('li_' + qid + '_' + selected).style.backgroundColor = '#FF5722'; document.getElementById('li_' + qid + '_' + selected).style.color = '#fff'; const corLi = document.getElementById('li_' + qid + '_' + correct); if(corLi) { corLi.style.backgroundColor = '#2db742'; corLi.style.color = '#fff'; } msgDiv.innerHTML = '<span class="text-danger">चुकीचे उत्तर! ❌</span>'; } const nextBtn = document.getElementById('next_btn_container_' + step); if(nextBtn) { nextBtn.style.display = 'block'; } else { document.getElementById('submit_btn_container').style.display = 'block'; } } function goToNext(currentStep) { document.getElementById('step_' + currentStep).style.display = 'none'; document.getElementById('step_' + (currentStep + 1)).style.display = 'block'; window.scrollTo({top: 0, behavior: 'smooth'}); } // Copy to Clipboard JavaScript function function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { alert('लिंक कॉपी झाली आहे!'); }, function(err) { console.error('लिंक कॉपी करता आली नाही: ', err); }); } </script> <style> .Quiz_questionListItem { background-color: #f8f9fa; border: 1px solid #ddd; padding: 10px; border-radius: 5px; transition: 0.3s; } .Quiz_questionListItem:hover { background-color: #e9ecef; } #submit { background-color: #0d6efd; color: white; border: none; padding: 10px 30px; border-radius: 5px; font-size: 18px; cursor: pointer; } #scoretable th { background-color: #04AA6D; color: white; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } /* Custom Related Quiz CSS */ .related-quiz-card { transition: all 0.3s ease; } .related-quiz-card:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; border-color: #ffc107 !important; } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } </style>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> <footer class="mt-5 border-top bg-white"> <div class="container py-3"> <div class="row align-items-center text-center">  <div class="col-12 mb-2"> <ul id="menu-footer-menu" class="list-inline mb-0 small" itemscope itemtype="http://www.schema.org/SiteNavigationElement"><li id="menu-item-30" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-30 list-inline-item mx-2"><a href="https://saravpariksha.com">Home</a></li> <li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31 list-inline-item mx-2"><a href="https://saravpariksha.com/about-us/">About Us</a></li> <li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32 list-inline-item mx-2"><a href="https://saravpariksha.com/contact-us/">Contact Us</a></li> <li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-33 list-inline-item mx-2"><a rel="privacy-policy" href="https://saravpariksha.com/privacy-policy/">Privacy Policy</a></li> </ul> </div>  <div class="col-12"> <p class="text-muted small mb-0"> © 2026 saravpariksha.com. All Rights Reserved. </p> </div> </div> </div> </footer> <style> /* फुटर मेनू लिंक्स स्टाईल */ .list-inline-item a { text-decoration: none; color: #6c757d; font-size: 0.9rem; font-weight: 500; transition: color 0.3s ease; } .list-inline-item a:hover { color: #0d6efd; } /* Responsive */ @media (max-width: 768px) { .list-inline-item { margin: 0 10px !important; display: inline-block; } .list-inline-item a { font-size: 0.85rem; } } </style> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/quiz-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div class="sp-real-widget sp-pos-right" id="spSocialWidget"> <div class="sp-social-menu" id="spSocialMenu"> <div class="sp-menu-header"> <span>🌟 Join Us On Social Media</span> <button class="sp-close-menu" onclick="spToggleWidget()">✕</button> </div> <a href="https://whatsapp.com/channel/0029VbCcOXuJf05hICmpVm44" target="_blank" rel="noopener noreferrer" class="sp-social-item sp-wa"> <div class="sp-icon-wrapper"> <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp" class="sp-social-icon"> </div> <span class="sp-social-name">WhatsApp</span> <span class="sp-arrow">→</span> </a> </div> <button class="sp-toggle-button" onclick="spToggleWidget()" style="background: #25d366"> <span class="sp-bell-icon"><i class="fa-brands fa-whatsapp"></i></span> <span class="sp-close-icon">✕</span>  </button> </div> <style> .sp-real-widget { position: fixed; bottom: 20px; z-index: 999999; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } .sp-pos-left { left: 20px; } .sp-pos-right { right: 20px; } /* Toggle Button */ .sp-toggle-button { width: 52px; height: 52px; border: none; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.2); transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); display: flex; align-items: center; justify-content: center; position: relative; } .sp-toggle-button:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0,0,0,0.25); } .sp-bell-icon, .sp-close-icon { position: absolute; transition: all 0.3s ease; font-size: 24px; } .sp-real-widget.open .sp-bell-icon { transform: rotate(90deg) scale(0); opacity: 0; } .sp-real-widget.open .sp-close-icon { transform: rotate(0deg) scale(1); opacity: 1; } .sp-close-icon { transform: rotate(90deg) scale(0); opacity: 0; } /* Menu Panel */ .sp-social-menu { position: absolute; bottom: calc(100% + 15px); background: white; border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.15); padding: 12px; min-width: 220px; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s ease; border: 1px solid #eef2f6; } .sp-pos-left .sp-social-menu { left: 0; } .sp-pos-right .sp-social-menu { right: 0; } .sp-real-widget.open .sp-social-menu { opacity: 1; visibility: visible; transform: translateY(0); } .sp-menu-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; margin-bottom: 8px; border-bottom: 2px solid #f0f4f8; font-weight: 600; color: #1a1a2e; font-size: 14px; } .sp-close-menu { background: #f0f4f8; border: none; cursor: pointer; font-size: 16px; color: #666; padding: 0; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.2s; } .sp-close-menu:hover { background: #e0e6ed; color: #333; } /* Social Items with REAL LOGOS */ .sp-social-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 6px 0; border-radius: 12px; text-decoration: none; color: #1a1a2e; transition: all 0.25s ease; background: #f8fafc; border: 1px solid transparent; } .sp-social-item:hover { background: white; border-color: #e2e8f0; transform: translateX(5px); box-shadow: 0 2px 8px rgba(0,0,0,0.08); } .sp-pos-right .sp-social-item:hover { transform: translateX(-5px); } .sp-icon-wrapper { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: white; border-radius: 10px; padding: 4px; } .sp-social-icon { width: 24px; height: 24px; object-fit: contain; } .sp-social-name { flex: 1; font-size: 14px; font-weight: 500; color: #1e293b; } .sp-arrow { font-size: 16px; color: #94a3b8; transition: transform 0.2s; } .sp-social-item:hover .sp-arrow { transform: translateX(3px); color: #0056b3; } /* Brand Colors Hover */ .sp-wa:hover .sp-icon-wrapper { background: #25D36610; } .sp-tg:hover .sp-icon-wrapper { background: #0088cc10; } .sp-yt:hover .sp-icon-wrapper { background: #FF000010; } .sp-fb:hover .sp-icon-wrapper { background: #1877f210; } .sp-ig:hover .sp-icon-wrapper { background: #E4405F10; } .sp-tw:hover .sp-icon-wrapper { background: #1DA1F210; } /* Mobile Responsive */ @media (max-width: 768px) { .sp-real-widget { bottom: 15px; } .sp-pos-left { left: 15px; } .sp-pos-right { right: 15px; } .sp-social-menu { min-width: 190px; padding: 10px; } .sp-social-name { font-size: 13px; } .sp-icon-wrapper { width: 28px; height: 28px; } .sp-social-icon { width: 20px; height: 20px; } .sp-social-item { padding: 8px 10px; } .sp-toggle-button { width: 48px; height: 48px; } .sp-bell-icon, .sp-close-icon { font-size: 22px; } } @media (max-width: 480px) { .sp-social-menu { min-width: 170px; } .sp-social-name { font-size: 12px; } .sp-menu-header { font-size: 12px; } } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .sp-social-item { animation: fadeInUp 0.3s ease backwards; } .sp-social-item:nth-child(2) { animation-delay: 0.05s; } .sp-social-item:nth-child(3) { animation-delay: 0.1s; } .sp-social-item:nth-child(4) { animation-delay: 0.15s; } .sp-social-item:nth-child(5) { animation-delay: 0.2s; } .sp-social-item:nth-child(6) { animation-delay: 0.25s; } .sp-social-item:nth-child(7) { animation-delay: 0.3s; } @media print { .sp-real-widget { display: none !important; } } </style> <script> function spToggleWidget() { var widget = document.getElementById("spSocialWidget"); if (widget) { widget.classList.toggle("open"); } } // Close on outside click document.addEventListener("DOMContentLoaded", function() { var widget = document.getElementById("spSocialWidget"); if (widget) { document.addEventListener("click", function(event) { if (!widget.contains(event.target) && widget.classList.contains("open")) { widget.classList.remove("open"); } }); } }); </script> <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js?ver=3.6.0" id="jquery-js"></script> <script type="text/javascript" id="sdm-front-js-js-extra"> /* <![CDATA[ */ var sdm_front = {"ajax_url":"https://saravpariksha.com/wp-admin/admin-ajax.php","nonce":"0222834c3a","confirm_download":"Are you sure you want to download this file?"}; //# sourceURL=sdm-front-js-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://saravpariksha.com/wp-content/plugins/sarav-download-manager/assets/js/front-script.js?ver=1.0.0" id="sdm-front-js-js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js?ver=5.3.0" id="bootstrap-js-js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://saravpariksha.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}} </script> <script type="module"> /* <![CDATA[ */ /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://saravpariksha.com/wp-includes/js/wp-emoji-loader.min.js /* ]]> */ </script> </body> </html>