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

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

🏆 Top 10 Leaders

Leaderboard var ajun konihi nahi. Pratham yeun nav nondva!

Question: 1 of 15

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

</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2625_3' onclick='handleMockSelect(2625, 3, 1)' style='cursor:pointer;'><input type='radio' name='answer_2625' id='radio_2625_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><h1></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2625_4' onclick='handleMockSelect(2625, 4, 1)' style='cursor:pointer;'><input type='radio' name='answer_2625' id='radio_2625_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><body></label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 disabled' onclick='goToPrev(1)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(1)'>Next Question</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' 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='opt_container_2626'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2626_1' onclick='handleMockSelect(2626, 1, 2)' style='cursor:pointer;'><input type='radio' name='answer_2626' id='radio_2626_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>Margin बाहेरील अंतर आहे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2626_2' onclick='handleMockSelect(2626, 2, 2)' style='cursor:pointer;'><input type='radio' name='answer_2626' id='radio_2626_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>Padding बाहेरील अंतर आहे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2626_3' onclick='handleMockSelect(2626, 3, 2)' style='cursor:pointer;'><input type='radio' name='answer_2626' id='radio_2626_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>Margin आणि padding सारखेच आहेत</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2626_4' onclick='handleMockSelect(2626, 4, 2)' style='cursor:pointer;'><input type='radio' name='answer_2626' id='radio_2626_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>Margin फक्त टेक्स्टसाठी आहे</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(2)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(2)'>Next Question</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' 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='opt_container_2627'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2627_1' onclick='handleMockSelect(2627, 1, 3)' style='cursor:pointer;'><input type='radio' name='answer_2627' id='radio_2627_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>वेबसाइटचा आकार बदलणे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2627_2' onclick='handleMockSelect(2627, 2, 3)' style='cursor:pointer;'><input type='radio' name='answer_2627' id='radio_2627_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>वेबसाइटचा रंग बदलणे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2627_3' onclick='handleMockSelect(2627, 3, 3)' style='cursor:pointer;'><input type='radio' name='answer_2627' id='radio_2627_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>वेबसाइटची सामग्री बदलणे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2627_4' onclick='handleMockSelect(2627, 4, 3)' style='cursor:pointer;'><input type='radio' name='answer_2627' id='radio_2627_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>वेबसाइटचा लोडिंग वेळ कमी करणे</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(3)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(3)'>Next Question</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' 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='opt_container_2628'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2628_1' onclick='handleMockSelect(2628, 1, 4)' style='cursor:pointer;'><input type='radio' name='answer_2628' id='radio_2628_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>डेटा साठवण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2628_2' onclick='handleMockSelect(2628, 2, 4)' style='cursor:pointer;'><input type='radio' name='answer_2628' id='radio_2628_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>उपयोगकर्ता सूचना देण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2628_3' onclick='handleMockSelect(2628, 3, 4)' style='cursor:pointer;'><input type='radio' name='answer_2628' id='radio_2628_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>वेबसाइट डिझाइन करण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2628_4' onclick='handleMockSelect(2628, 4, 4)' style='cursor:pointer;'><input type='radio' name='answer_2628' id='radio_2628_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>सर्व्हरशी संवाद साधण्यासाठी</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(4)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(4)'>Next Question</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' 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='opt_container_2629'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2629_1' onclick='handleMockSelect(2629, 1, 5)' style='cursor:pointer;'><input type='radio' name='answer_2629' id='radio_2629_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><img></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2629_2' onclick='handleMockSelect(2629, 2, 5)' style='cursor:pointer;'><input type='radio' name='answer_2629' id='radio_2629_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><picture></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2629_3' onclick='handleMockSelect(2629, 3, 5)' style='cursor:pointer;'><input type='radio' name='answer_2629' id='radio_2629_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><photo></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2629_4' onclick='handleMockSelect(2629, 4, 5)' style='cursor:pointer;'><input type='radio' name='answer_2629' id='radio_2629_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><image></label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(5)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(5)'>Next Question</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' 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='opt_container_2630'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2630_1' onclick='handleMockSelect(2630, 1, 6)' style='cursor:pointer;'><input type='radio' name='answer_2630' id='radio_2630_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><link></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2630_2' onclick='handleMockSelect(2630, 2, 6)' style='cursor:pointer;'><input type='radio' name='answer_2630' id='radio_2630_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><a></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2630_3' onclick='handleMockSelect(2630, 3, 6)' style='cursor:pointer;'><input type='radio' name='answer_2630' id='radio_2630_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><href></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2630_4' onclick='handleMockSelect(2630, 4, 6)' style='cursor:pointer;'><input type='radio' name='answer_2630' id='radio_2630_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><url></label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(6)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(6)'>Next Question</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' 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='opt_container_2631'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2631_1' onclick='handleMockSelect(2631, 1, 7)' style='cursor:pointer;'><input type='radio' name='answer_2631' id='radio_2631_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>टेक्स्ट रंग बदलण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2631_2' onclick='handleMockSelect(2631, 2, 7)' style='cursor:pointer;'><input type='radio' name='answer_2631' id='radio_2631_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>तक्ते तयार करण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2631_3' onclick='handleMockSelect(2631, 3, 7)' style='cursor:pointer;'><input type='radio' name='answer_2631' id='radio_2631_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>तत्त्वांचे स्थान बदलण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2631_4' onclick='handleMockSelect(2631, 4, 7)' style='cursor:pointer;'><input type='radio' name='answer_2631' id='radio_2631_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>फॉन्ट आकार वाढवण्यासाठी</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(7)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(7)'>Next Question</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' 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='opt_container_2632'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2632_1' onclick='handleMockSelect(2632, 1, 8)' style='cursor:pointer;'><input type='radio' name='answer_2632' id='radio_2632_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>कॅशिंग</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2632_2' onclick='handleMockSelect(2632, 2, 8)' style='cursor:pointer;'><input type='radio' name='answer_2632' id='radio_2632_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>फॉन्ट बदलणे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2632_3' onclick='handleMockSelect(2632, 3, 8)' style='cursor:pointer;'><input type='radio' name='answer_2632' id='radio_2632_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>फोटो कमी करणे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2632_4' onclick='handleMockSelect(2632, 4, 8)' style='cursor:pointer;'><input type='radio' name='answer_2632' id='radio_2632_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>सर्व वरील</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(8)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(8)'>Next Question</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' 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='opt_container_2633'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2633_1' onclick='handleMockSelect(2633, 1, 9)' style='cursor:pointer;'><input type='radio' name='answer_2633' id='radio_2633_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>ऑडिओ प्ले करण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2633_2' onclick='handleMockSelect(2633, 2, 9)' style='cursor:pointer;'><input type='radio' name='answer_2633' id='radio_2633_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>वीडियो प्ले करण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2633_3' onclick='handleMockSelect(2633, 3, 9)' style='cursor:pointer;'><input type='radio' name='answer_2633' id='radio_2633_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>फोटो दर्शविण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2633_4' onclick='handleMockSelect(2633, 4, 9)' style='cursor:pointer;'><input type='radio' name='answer_2633' id='radio_2633_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>फाइल डाउनलोड करण्यासाठी</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(9)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(9)'>Next Question</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' 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='opt_container_2634'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2634_1' onclick='handleMockSelect(2634, 1, 10)' style='cursor:pointer;'><input type='radio' name='answer_2634' id='radio_2634_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>फॉन्ट आकार</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2634_2' onclick='handleMockSelect(2634, 2, 10)' style='cursor:pointer;'><input type='radio' name='answer_2634' id='radio_2634_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>कीवर्ड्स</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2634_3' onclick='handleMockSelect(2634, 3, 10)' style='cursor:pointer;'><input type='radio' name='answer_2634' id='radio_2634_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>रंग योजना</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2634_4' onclick='handleMockSelect(2634, 4, 10)' style='cursor:pointer;'><input type='radio' name='answer_2634' id='radio_2634_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>लेआउट</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(10)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(10)'>Next Question</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' 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='opt_container_2635'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2635_1' onclick='handleMockSelect(2635, 1, 11)' style='cursor:pointer;'><input type='radio' name='answer_2635' id='radio_2635_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>Python</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2635_2' onclick='handleMockSelect(2635, 2, 11)' style='cursor:pointer;'><input type='radio' name='answer_2635' id='radio_2635_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>PHP</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2635_3' onclick='handleMockSelect(2635, 3, 11)' style='cursor:pointer;'><input type='radio' name='answer_2635' id='radio_2635_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>JavaScript</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2635_4' onclick='handleMockSelect(2635, 4, 11)' style='cursor:pointer;'><input type='radio' name='answer_2635' id='radio_2635_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>Ruby</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(11)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(11)'>Next Question</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' 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='opt_container_2636'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2636_1' onclick='handleMockSelect(2636, 1, 12)' style='cursor:pointer;'><input type='radio' name='answer_2636' id='radio_2636_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>उपकरणांची श्रेणी ठरवण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2636_2' onclick='handleMockSelect(2636, 2, 12)' style='cursor:pointer;'><input type='radio' name='answer_2636' id='radio_2636_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>फॉन्ट आकार ठरवण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2636_3' onclick='handleMockSelect(2636, 3, 12)' style='cursor:pointer;'><input type='radio' name='answer_2636' id='radio_2636_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>बॅकग्राउंड रंग ठरवण्यासाठी</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2636_4' onclick='handleMockSelect(2636, 4, 12)' style='cursor:pointer;'><input type='radio' name='answer_2636' id='radio_2636_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>तक्ते तयार करण्यासाठी</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(12)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(12)'>Next Question</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' 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='opt_container_2637'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2637_1' onclick='handleMockSelect(2637, 1, 13)' style='cursor:pointer;'><input type='radio' name='answer_2637' id='radio_2637_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><form></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2637_2' onclick='handleMockSelect(2637, 2, 13)' style='cursor:pointer;'><input type='radio' name='answer_2637' id='radio_2637_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><input></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2637_3' onclick='handleMockSelect(2637, 3, 13)' style='cursor:pointer;'><input type='radio' name='answer_2637' id='radio_2637_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><field></label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2637_4' onclick='handleMockSelect(2637, 4, 13)' style='cursor:pointer;'><input type='radio' name='answer_2637' id='radio_2637_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'><submit></label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(13)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(13)'>Next Question</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' 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='opt_container_2638'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2638_1' onclick='handleMockSelect(2638, 1, 14)' style='cursor:pointer;'><input type='radio' name='answer_2638' id='radio_2638_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>HTTPS सुरक्षित आहे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2638_2' onclick='handleMockSelect(2638, 2, 14)' style='cursor:pointer;'><input type='radio' name='answer_2638' id='radio_2638_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>HTTP वेगवान आहे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2638_3' onclick='handleMockSelect(2638, 3, 14)' style='cursor:pointer;'><input type='radio' name='answer_2638' id='radio_2638_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>HTTPS फक्त फोटोसाठी आहे</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2638_4' onclick='handleMockSelect(2638, 4, 14)' style='cursor:pointer;'><input type='radio' name='answer_2638' id='radio_2638_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>HTTP सर्व्हरवर अवलंबून आहे</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(14)'>Previous</button><button type='button' class='btn btn-primary px-4' onclick='goToNext(14)'>Next Question</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' 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='opt_container_2639'><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2639_1' onclick='handleMockSelect(2639, 1, 15)' style='cursor:pointer;'><input type='radio' name='answer_2639' id='radio_2639_1' value='1' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>User Interface</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2639_2' onclick='handleMockSelect(2639, 2, 15)' style='cursor:pointer;'><input type='radio' name='answer_2639' id='radio_2639_2' value='2' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>Universal Internet</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2639_3' onclick='handleMockSelect(2639, 3, 15)' style='cursor:pointer;'><input type='radio' name='answer_2639' id='radio_2639_3' value='3' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>User Interaction</label></li></ul><ul class='Quiz_questionList' style='list-style:none; padding:0;'><li class='Quiz_questionListItem mb-2 d-flex align-items-center' id='li_2639_4' onclick='handleMockSelect(2639, 4, 15)' style='cursor:pointer;'><input type='radio' name='answer_2639' id='radio_2639_4' value='4' style='margin-right:10px; cursor:pointer;'><label class='mb-0 w-100' style='cursor:pointer;'>Unified Information</label></li></ul></div><div class='mt-5 pt-3 border-top d-flex justify-content-between'><button type='button' class='btn btn-secondary px-4 ' onclick='goToPrev(15)'>Previous</button><button type='submit' name='submit_quiz' class='btn btn-danger px-4'>Finish Mock Test</button></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-pencil-alt text-dark me-2"></i>संबंधित मॉक टेस्ट्स (Related Mock Tests) </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/agniveer-mega-practice-exam/" 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-file-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-danger border small"><i class="fas fa-clock me-1"></i>Mock 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/aadivasee-vikas-practice-exam-maharashtraateel-aadivasee-jmatee/" 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-file-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-danger border small"><i class="fas fa-clock me-1"></i>Mock 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/nvody-prvesh-practice-exam-amkmaths-lsavee-msavee-v-srlvyaj/" 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-file-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-danger border small"><i class="fas fa-clock me-1"></i>Mock 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/rpf-knstebl-practice-exam-amkmaths-aani-smkhyaprnalee/" 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-file-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;">RPF कॉन्स्टेबल सराव परीक्षा ०१ – अंकगणित आणि संख्याप्रणाली</h6> <span class="badge bg-light text-danger border small"><i class="fas fa-clock me-1"></i>Mock Test</span> </div> </a> </article> </div> </div> </div> </div> </article> </div> <div class='col-lg-4'> <div class="card mb-4 shadow-sm border-danger"> <div class="card-header bg-danger text-white text-center fw-bold">Time Remaining</div> <div class="card-body text-center"> <div id="mTimer" style="font-size: 28px; font-weight: bold; color: #dc3545;">20:00</div> </div> </div> <div class="card mb-4 shadow-sm"> <div class="card-header bg-dark text-white text-center py-2 small">Question Palette</div> <div class="card-body p-2"> <div class="q-palette" style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px;"> <div class="p-circle" id="pal_1" onclick="jumpTo(1)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">1</div> <div class="p-circle" id="pal_2" onclick="jumpTo(2)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">2</div> <div class="p-circle" id="pal_3" onclick="jumpTo(3)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">3</div> <div class="p-circle" id="pal_4" onclick="jumpTo(4)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">4</div> <div class="p-circle" id="pal_5" onclick="jumpTo(5)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">5</div> <div class="p-circle" id="pal_6" onclick="jumpTo(6)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">6</div> <div class="p-circle" id="pal_7" onclick="jumpTo(7)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">7</div> <div class="p-circle" id="pal_8" onclick="jumpTo(8)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">8</div> <div class="p-circle" id="pal_9" onclick="jumpTo(9)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">9</div> <div class="p-circle" id="pal_10" onclick="jumpTo(10)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">10</div> <div class="p-circle" id="pal_11" onclick="jumpTo(11)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">11</div> <div class="p-circle" id="pal_12" onclick="jumpTo(12)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">12</div> <div class="p-circle" id="pal_13" onclick="jumpTo(13)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">13</div> <div class="p-circle" id="pal_14" onclick="jumpTo(14)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">14</div> <div class="p-circle" id="pal_15" onclick="jumpTo(15)" style="width: 35px; height: 35px; border-radius: 4px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #fff; font-size: 14px;">15</div> </div> </div> </div> <div>  <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">28 पोस्ट</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-14-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">दिनविशेष आणि चालू घडामोडी: 14-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>14 Jun </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="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">दिनविशेष आणि चालू घडामोडी: 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> </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;"> 3 </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> </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;"> 4 </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> </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;"> 5 </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;"> 6 </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> </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-14-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">दिनविशेष आणि चालू घडामोडी: 14-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"> 167 </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> </div> <script> let timeLimit = 20 * 60; let timerInterval = setInterval(() => { let m = Math.floor(timeLimit / 60), s = timeLimit % 60; let timerDisplay = document.getElementById('mTimer'); if (timerDisplay) timerDisplay.innerHTML = `${m}:${s < 10 ? '0' : ''}${s}`; if (timeLimit-- <= 0) { clearInterval(timerInterval); document.getElementById('mockForm').submit(); } }, 1000); function goToNext(current) { document.getElementById('step_' + current).style.display = 'none'; document.getElementById('step_' + (current + 1)).style.display = 'block'; updatePaletteStatus(current + 1); } function goToPrev(current) { document.getElementById('step_' + current).style.display = 'none'; document.getElementById('step_' + (current - 1)).style.display = 'block'; updatePaletteStatus(current - 1); } function jumpTo(step) { document.querySelectorAll('.question-step').forEach(d => d.style.display = 'none'); document.getElementById('step_' + step).style.display = 'block'; updatePaletteStatus(step); } function updatePaletteStatus(step) { const pal = document.getElementById('pal_' + step); if (pal && !pal.classList.contains('answered')) { pal.style.backgroundColor = '#dc3545'; pal.style.color = '#fff'; } document.querySelectorAll('.p-circle').forEach(c => c.style.border = '1px solid #ccc'); if (pal) pal.style.border = '2px solid #000'; } function handleMockSelect(qid, selected, step) { document.getElementById('radio_' + qid + '_' + selected).checked = true; const listItems = document.querySelectorAll('#opt_container_' + qid + ' .Quiz_questionListItem'); listItems.forEach(item => { item.style.backgroundColor = '#f8f9fa'; item.style.border = '1px solid #ddd'; }); const selectedItem = document.getElementById('li_' + qid + '_' + selected); selectedItem.style.backgroundColor = '#e7f1ff'; selectedItem.style.border = '1px solid #007bff'; const pal = document.getElementById('pal_' + step); if (pal) { pal.style.backgroundColor = '#28a745'; pal.style.color = '#fff'; pal.classList.add('answered'); } } // Copy to Clipboard Function function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { alert('लिंक कॉपी झाली आहे!'); }, function(err) { console.error('लिंक कॉपी करता आली नाही: ', err); }); } window.onload = () => { if(document.getElementById('mTimer')) updatePaletteStatus(1); }; </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; } #scoretable th { background-color: #04AA6D; color: white; } /* Custom Related 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":"d508321240","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.5"}} </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>