CSS Basic Quiz Test Your CSS Skills: Beginner’s Quiz 1 / 5 Which CSS property is used to change the font size? font-style font-size text-size size 2 / 5 Which CSS property is used to align text to the center? center-text text-align text-position align 3 / 5 Where is internal CSS written in an HTML document? Inside the tag Inside the tag</label><label for='ays-answer-373-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-94]' id='ays-answer-370-23' value='370'/> <label for='ays-answer-370-23' class=' ays_position_initial ays-quiz-keyboard-label'>Inside the tag</label><label for='ays-answer-370-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-94]' id='ays-answer-372-23' value='372'/> <label for='ays-answer-372-23' class=' ays_position_initial ays-quiz-keyboard-label'>Inside the <footer> tag</label><label for='ays-answer-372-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_23 === 'undefined'){ window.quizOptions_23 = []; } window.quizOptions_23['94'] = 'W10=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none" tabindex='0'></i> <input type='button' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none" tabindex='0'></i> <input type='button' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='98' data-type='radio'> <p class='ays-question-counter animated'>4 / 5</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <h5 data-section-id="1dqzpjp" data-start="124" data-end="193"><span role="text">Which<strong data-start="128" data-end="193"> CSS property is used to change the background color?</strong></span></h5> <p data-start="194" data-end="269"> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-98]' id='ays-answer-386-23' value='386'/> <label for='ays-answer-386-23' class=' ays_position_initial ays-quiz-keyboard-label'>bgcolor</label><label for='ays-answer-386-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-98]' id='ays-answer-387-23' value='387'/> <label for='ays-answer-387-23' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-387-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-98]' id='ays-answer-389-23' value='389'/> <label for='ays-answer-389-23' class=' ays_position_initial ays-quiz-keyboard-label'>background-style</label><label for='ays-answer-389-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-98]' id='ays-answer-388-23' value='388'/> <label for='ays-answer-388-23' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-388-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_23 === 'undefined'){ window.quizOptions_23 = []; } window.quizOptions_23['98'] = 'W10=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none" tabindex='0'></i> <input type='button' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none" tabindex='0'></i> <input type='button' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='95' data-type='radio'> <p class='ays-question-counter animated'>5 / 5</p> <div class='ays-abs-fs'> <div class='ays_quiz_question'> <h5 data-section-id="1hujhmu" data-start="699" data-end="755"><span role="text">Which<strong data-start="703" data-end="755"> CSS property is used to make text bold?</strong></span></h5> <p data-start="756" data-end="828"> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-95]' id='ays-answer-374-23' value='374'/> <label for='ays-answer-374-23' class=' ays_position_initial ays-quiz-keyboard-label'>font-weight</label><label for='ays-answer-374-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-95]' id='ays-answer-377-23' value='377'/> <label for='ays-answer-377-23' class=' ays_position_initial ays-quiz-keyboard-label'>D) text-weight</label><label for='ays-answer-377-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-95]' id='ays-answer-375-23' value='375'/> <label for='ays-answer-375-23' class=' ays_position_initial ays-quiz-keyboard-label'>text-bold</label><label for='ays-answer-375-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0' > <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-95]' id='ays-answer-376-23' value='376'/> <label for='ays-answer-376-23' class=' ays_position_initial ays-quiz-keyboard-label'>font-style</label><label for='ays-answer-376-23' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_23 === 'undefined'){ window.quizOptions_23 = []; } window.quizOptions_23['95'] = 'W10=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none" tabindex='0'></i> <input type='button' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class='ays_display_none ays_fa ays_fa_arrow_right ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active' tabindex='0'></i><input type='button' class=' ays_next action-button ays-quiz-keyboard-active' value='Finish' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step'> <div class='ays-abs-fs ays-end-page information_form'> <div class='ays-form-title'></div> <input type='text' id='ays_form_field_user_name_23' name='ays_user_name' placeholder='Name' class='ays_quiz_form_input ays_animated_x5ms' required><input type='text' id='ays_form_field_user_email_23' name='ays_user_email' placeholder='Email' class='ays_quiz_form_input ays_animated_x5ms' required><input type='text' id='ays_form_field_user_phone_23' name='ays_user_phone' placeholder='Phone Number' class='ays_quiz_form_input ays_animated_x5ms' > <div class='ays_buttons_div'> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i> <input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='See Result'/> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_score ays_score_display_none animated'>Your score is</p><p class='ays_average'>The average score is 0%</p><div class='ays-progress fourth'> <span class='ays-progress-value fourth'>0%</span> <div class='ays-progress-bg fourth'> <div class='ays-progress-bar fourth' style='width:0%;'></div> </div> </div><p class='ays_restart_button_p'><button type='button' class='action-button ays_restart_button ays-quiz-keyboard-active'> <i class='ays_fa ays_fa_undo'></i> <span>Restart quiz</span> </button></p><div class='ays_quiz_rete'> <div></div> <div class='for_quiz_rate ui huge star rating' data-rating='0' data-max-rating='5'></div> <div class='ays-quiz-lds-spinner-box'><div class='lds-spinner-none'><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></div> <div class='for_quiz_rate_reason'> <textarea id='quiz_rate_reason_23' class='quiz_rate_reason' data-required='false' placeholder='Review'></textarea> <div class='ays_feedback_button_div'> <button type='button' class='action-button ays-quiz-keyboard-active'>Send feedback</button> </div> </div> <div><div class='lds-spinner2-none'><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></div> <div class='quiz_rate_reasons_body'></div> <input type='hidden' class='ays_quiz_rate_reason_nonce' name='ays_quiz_rate_reason_nonce' value='6a6317f980'> </div></div> </div> </div><style> div#ays-quiz-container-23 * { box-sizing: border-box; } #ays-quiz-container-23 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-23 #ays_finish_quiz_23 { } /* Styles for Quiz container */ #ays-quiz-container-23{ min-height: 200px; width:800px; background-color:#fff; background-position:center center;border-radius:8px;box-shadow: 0px 0px 15px 1px rgba(201,201,201,0.4);border: none;} /* Styles for questions */ #ays-quiz-container-23 #ays_finish_quiz_23 div.step { min-height: 200px; } /* Styles for text inside quiz container */ #ays-quiz-container-23 .ays-start-page *:not(input):not([class^='enlighter']), #ays-quiz-container-23 .ays_question_hint, #ays-quiz-container-23 label[for^="ays-answer-"], #ays-quiz-container-23 #ays_finish_quiz_23 p, #ays-quiz-container-23 #ays_finish_quiz_23 .ays-fs-title, #ays-quiz-container-23 .ays-fs-subtitle, #ays-quiz-container-23 .logged_in_message, #ays-quiz-container-23 .ays_score_message, #ays-quiz-container-23 .ays_message{ color: #000000; outline: none; } div#ays-quiz-container-23 .ays_question_hint.ays-quiz-keyboard-active, div#ays-quiz-container-23 .ays_restart_button.ays-quiz-keyboard-active { outline: revert; } #ays-quiz-container-23 .ays-quiz-password-message-box, #ays-quiz-container-23 .ays-quiz-question-note-message-box, #ays-quiz-container-23 .ays_quiz_question, #ays-quiz-container-23 .ays-quiz-question-category-box, #ays-quiz-container-23 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-23 .ays-quiz-question-category-box em { color: #000000; } #ays-quiz-container-23 textarea, #ays-quiz-container-23 input::first-letter, #ays-quiz-container-23 select::first-letter, #ays-quiz-container-23 option::first-letter { color: initial !important; } #ays-quiz-container-23 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-23 .select2-container, #ays-quiz-container-23 .ays-field * { font-size: 15px !important; } #ays-quiz-container-23 .ays_quiz_question p { font-size: 16px; text-align: inherit; } #ays-quiz-container-23 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-23 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-23 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } /* Mango theme (Version: 1.4.202301041836) | tid=32449 | Start */ #ays-quiz-container-23 .ays_quiz_question img { float: unset; margin: 0; } /* Mango theme (Version: 1.4.202301041836) | End */ #ays-quiz-container-23 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-23 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-23 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-23 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: #ff0000; } #ays-quiz-container-23 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-23 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-23 input[type='button'], #ays-quiz-container-23 input[type='submit'] { color: #ffffff !important; } #ays-quiz-container-23 input[type='button']{ outline: none; } #ays-quiz-container-23 .information_form input[type='text'], #ays-quiz-container-23 .information_form input[type='url'], #ays-quiz-container-23 .information_form input[type='number'], #ays-quiz-container-23 .information_form input[type='email'], #ays-quiz-container-23 .information_form input[type='checkbox'], #ays-quiz-container-23 .information_form input[type='tel'], #ays-quiz-container-23 .information_form textarea, #ays-quiz-container-23 .information_form select, #ays-quiz-container-23 .information_form option { color: initial !important; outline: none; background-image: unset; } #ays-quiz-container-23 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-23 .right_answer_text{ color:#33cc33; } #ays-quiz-container-23 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-23 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-23 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-23 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-23 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-23 .right_answer_text p { font-size:16px; } #ays-quiz-container-23 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-23 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-23 .ays_cb_and_a, #ays-quiz-container-23 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } /* Quiz textarea height */ #ays-quiz-container-23 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-23 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-23 .ays_quiz_rete_avg { color:#fff !important; background-color:#000000; } #ays-quiz-container-23 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-23 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-23 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-23 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-23 div.lds-spinner, #ays-quiz-container-23 div.lds-spinner2 { color: #000000; } #ays-quiz-container-23 div.lds-spinner div:after, #ays-quiz-container-23 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-23 .lds-circle, #ays-quiz-container-23 .lds-facebook div, #ays-quiz-container-23 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-23 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-23 .lds-dual-ring::after, #ays-quiz-container-23 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-23 .ui.rating .icon, #ays-quiz-container-23 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-23 #ays_finish_quiz_23 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-23 #ays_finish_quiz_23 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-23 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-23 .ays-progress-bar { background-color: #349944; } #ays-quiz-container-23 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-23 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-23 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-23 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-23 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-23 .ays-live-bar-percent{ display:none; } #ays-quiz-container-23 #ays_finish_quiz_23 .ays_average { text-align: center; } /* Music, Sound */ #ays-quiz-container-23 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-23 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-23 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-23 .ays-quiz-password-toggle-visibility-box { width: 100%; } /* Question hint */ #ays-quiz-container-23 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; } #ays-quiz-container-23 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-23 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } #ays-quiz-container-23 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-23 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-23 div.ays-quiz-redirection-timer, #ays-quiz-container-23 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-23 div.ays-quiz-timer.ays-quiz-message-before-timer:before { font-weight: 500; } /* Quiz title / transformation */ #ays-quiz-container-23 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } /* Quiz buttons */ #ays-quiz-container-23 .ays_arrow { color:#ffffff!important; } #ays-quiz-container-23 input#ays-submit, #ays-quiz-container-23 #ays_finish_quiz_23 .action-button, div#ays-quiz-container-23 #ays_finish_quiz_23 .action-button.ays_restart_button, #ays-quiz-container-23 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-23 .ays-quiz-category-selective-submit-bttn { background: none; background-color: #349944; color:#ffffff; font-size: 17px; padding: 10px 20px; border-radius: 8px; height: auto; letter-spacing: 0; box-shadow: unset; width: auto; /* border: unset; */ min-height: unset; line-height: normal; text-shadow: unset; } #ays-quiz-container-23 input#ays-submit, #ays-quiz-container-23 #ays_finish_quiz_23 input.action-button, #ays-quiz-container-23 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-23 .ays-quiz-category-selective-submit-bttn { } #ays-quiz-container-23 #ays_finish_quiz_23 .action-button.ays_check_answer { padding: 5px 10px; font-size: 17px !important; } #ays-quiz-container-23 #ays_finish_quiz_23 .action-button.ays_restart_button { white-space: nowrap; padding: 5px 10px; white-space: normal; } #ays-quiz-container-23 input#ays-submit:hover, #ays-quiz-container-23 input#ays-submit:focus, #ays-quiz-container-23 #ays_finish_quiz_23 .action-button:hover, #ays-quiz-container-23 #ays_finish_quiz_23 .action-button:focus, #ays-quiz-container-23 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-23 .ays-quiz-category-selective-submit-bttn:hover { background: none; box-shadow: 0 0 0 2px #ffffff; background-color: #349944; } #ays-quiz-container-23 .ays_restart_button { color: #ffffff; } #ays-quiz-container-23 .ays_restart_button_p, #ays-quiz-container-23 .ays_buttons_div { justify-content: center; } #ays-quiz-container-23 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-23 .ays-share-btn.ays-share-btn-branded { color: #fff; display: inline-block; } #ays-quiz-container-23 .ays_quiz_results .ays-field.checked_answer_div.correct_div input:checked+label { background-color: transparent; } /* Question answers */ #ays-quiz-container-23 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } /* Answer maximum length of a text field */ #ays-quiz-container-23 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-23 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-23 .ays-answer-image { width:15em; height:150px; object-fit: cover; } #ays-quiz-container-23 .ays-quiz-answers .ays-field:hover:not(.ays-answered-text-input){ opacity: 1; } #ays-quiz-container-23 #ays_finish_quiz_23 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-23 #ays_finish_quiz_23 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-23 #ays_finish_quiz_23 .ays-field { margin-bottom: 12px; } #ays-quiz-container-23 #ays_finish_quiz_23 .ays-field.ays_grid_view_item { width: calc(50% - 6px); } #ays-quiz-container-23 #ays_finish_quiz_23 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; } #ays-quiz-container-23 #ays_finish_quiz_23 .ays-field input:checked+label:before { border-color: #349944; background: #349944; background-clip: content-box; } #ays-quiz-container-23 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Questions answer right/wrong icons */ #ays-quiz-container-23 .ays-field input~label.answered.correct::after{ content: url('https://codecrafty.site/wp-content/plugins/quiz-maker/public/images/correct-style-6.png'); } #ays-quiz-container-23 .ays-field input~label.answered.wrong::after{ content: url('https://codecrafty.site/wp-content/plugins/quiz-maker/public/images/wrong-style-6.png'); } #ays-quiz-container-23 .ays-field label.answered:last-of-type:after{ display: none; height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-23 #ays_finish_quiz_23 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #349944; background-color: #349944; } #ays-quiz-container-23 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-23 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-23 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { color: #ffffff; } #ays-quiz-container-23 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-23 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-23 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-23 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #349944; } #ays-quiz-container-23 .ays-field .select2-container--default, #ays-quiz-container-23 .ays-field .select2-container--default .selection, #ays-quiz-container-23 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-23 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-23 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-23 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-23 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-23 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-23 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-23 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(255,255,255,0.35); } #ays-quiz-container-23 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(0,0,0,0.55); } #ays-quiz-container-23 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(0,0,0,0.85); } /* Audio / Video */ #ays-quiz-container-23 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-23 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-23 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-23 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-23 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-23 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-23 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-23 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-23 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-23.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-23.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-23 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-23 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-23 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-23 label[for^='ays-answer']:before, #ays-quiz-container-23 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-23.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-23.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #349944 !important; background-color: rgba(39,174,96, 1) !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-23 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-23.ays_quiz_classic_dark .correct_div, #ays-quiz-container-23.ays_quiz_classic_light .correct_div{ border-color:green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-23.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-23.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-23.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-23.ays_quiz_classic_light .wrong_div{ border-color:red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-23.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-23.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-23.ays_quiz_classic_dark .ays-field, #ays-quiz-container-23.ays_quiz_classic_light .ays-field { text-align: left; /*margin-bottom: 10px;*/ padding: 0; transition: .3s ease-in-out; } #ays-quiz-container-23 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-23 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-23 .ays_quiz_login_form p{ color: #000000; } /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-23 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-23 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-23 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-23 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff !important; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-23 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-23 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-23 .ays-quiz-preloader img { box-shadow: unset; } #ays-quiz-question-report-modal-23 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-23 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-23 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-23 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-23 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-23 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-23 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-23{ max-width: 100%; } div#ays-quiz-container-23 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } #ays-quiz-container-23 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-23 .select2-container, #ays-quiz-container-23 .ays-field * { font-size: 15px !important; } div#ays-quiz-container-23 input#ays-submit, div#ays-quiz-container-23 #ays_finish_quiz_23 .action-button, div#ays-quiz-container-23 #ays_finish_quiz_23 .action-button.ays_restart_button, #ays-quiz-container-23 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-23 .ays-quiz-category-selective-submit-bttn { font-size: 17px; } /* Quiz title / mobile font size */ div#ays-quiz-container-23 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-23 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-23 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-23 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-23 .ays-quiz-question-note-message-box p { font-size:14px; } div#ays-quiz-container-23 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } div#ays-quiz-container-23 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } div#ays-quiz-container-23 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } div#ays-quiz-container-23 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-23 p { margin: 0.625em; } #ays-quiz-container-23 .ays-field.checked_answer_div input:checked~label { background-color: rgba(52,153,68,0.6); } #ays-quiz-container-23.ays_quiz_classic_light .ays_quiz_results .ays-field.checked_answer_div input:checked~label, #ays-quiz-container-23.ays_quiz_classic_dark .ays_quiz_results .ays-field.checked_answer_div input:checked~label, #ays-quiz-container-23.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked~label, #ays-quiz-container-23.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked~label { background-color: transparent; } #ays-quiz-container-23.ays_quiz_classic_light .ays_quiz_results .not_influence_to_score .ays-field.checked_answer_div input:checked~label, #ays-quiz-container-23.ays_quiz_classic_dark .ays_quiz_results .not_influence_to_score .ays-field.checked_answer_div input:checked~label, #ays-quiz-container-23.ays_quiz_classic_light .enable_correction .not_influence_to_score .ays-field.checked_answer_div input:checked~label, #ays-quiz-container-23.ays_quiz_classic_dark .enable_correction .not_influence_to_score .ays-field.checked_answer_div input:checked~label { background-color: rgba(52,153,68,0.6); } #ays-quiz-container-23 .ays-field.checked_answer_div input:checked~label:hover { background-color: rgba(52,153,68,0.8); } #ays-quiz-container-23.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-23 .ays-field:hover:not(.ays-answered-text-input){ background: rgba(52,153,68,0.8); /* border-radius: 4px; */ color: #fff; transition: all .3s; } #ays-quiz-container-23 #ays_finish_quiz_23 .action-button:hover, #ays-quiz-container-23 #ays_finish_quiz_23 .action-button:focus, #ays-quiz-container-23 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-23 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #349944; background: #349944; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['23'] = 'eyJxdWl6X3ZlcnNpb24iOiI2LjcuMS4yMCIsImNvcmVfdmVyc2lvbiI6IjYuOS40IiwicGhwX3ZlcnNpb24iOiI4LjMuMjYiLCJjb2xvciI6IiMzNDk5NDQiLCJiZ19jb2xvciI6IiNmZmYiLCJ0ZXh0X2NvbG9yIjoiIzAwMDAwMCIsImhlaWdodCI6MjAwLCJ3aWR0aCI6ODAwLCJlbmFibGVfbG9nZ2VkX3VzZXJzIjoib2ZmIiwiaW5mb3JtYXRpb25fZm9ybSI6ImFmdGVyIiwiZm9ybV9uYW1lIjoib24iLCJmb3JtX2VtYWlsIjoib24iLCJmb3JtX3Bob25lIjoib24iLCJpbWFnZV93aWR0aCI6MCwiaW1hZ2VfaGVpZ2h0IjoiIiwiZW5hYmxlX2NvcnJlY3Rpb24iOiJvZmYiLCJlbmFibGVfcHJvZ3Jlc3NfYmFyIjoib24iLCJlbmFibGVfcXVlc3Rpb25zX3Jlc3VsdCI6Im9uIiwicmFuZG9taXplX3F1ZXN0aW9ucyI6Im9uIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvbiIsImVuYWJsZV9xdWVzdGlvbnNfY291bnRlciI6Im9uIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3MiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJjdXN0b21fY3NzIjoiIiwibGltaXRfdXNlcnMiOiJvZmYiLCJsaW1pdGF0aW9uX21lc3NhZ2UiOiIiLCJyZWRpcmVjdF91cmwiOiIiLCJyZWRpcmVjdGlvbl9kZWxheSI6MCwiYW5zd2Vyc192aWV3IjoibGlzdCIsImVuYWJsZV9ydGxfZGlyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX2xvZ2dlZF91c2Vyc19tZXNzYWdlIjoiIiwicXVlc3Rpb25zX2NvdW50IjoiMCIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJyZXN1bHRfdGV4dCI6IiIsImVuYWJsZV9wYXNzX2NvdW50Ijoib2ZmIiwiaGlkZV9zY29yZSI6Im9mZiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwiY3JlYXRlX2RhdGUiOm51bGwsImF1dGhvciI6IntcImlkXCI6XCIxXCIsXCJuYW1lXCI6XCJ6YW1lZXIzMTc3OEBpcXJhaXNiLmVkdS5wa1wifSIsInF1ZXN0X2FuaW1hdGlvbiI6ImZhZGUiLCJmb3JtX3RpdGxlIjoiIiwiZW5hYmxlX2JnX211c2ljIjoib2ZmIiwicXVpel9iZ19tdXNpYyI6IiIsImFuc3dlcnNfZm9udF9zaXplIjoxNSwic2hvd19jcmVhdGVfZGF0ZSI6Im9mZiIsInNob3dfYXV0aG9yIjoib2ZmIiwiZW5hYmxlX2Vhcmx5X2ZpbmlzaCI6Im9mZiIsImFuc3dlcnNfcndfdGV4dHMiOiJvbl9wYXNzaW5nIiwiZGlzYWJsZV9zdG9yZV9kYXRhIjoib2ZmIiwiZW5hYmxlX2JhY2tncm91bmRfZ3JhZGllbnQiOiJvZmYiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzEiOiIjMDAwIiwiYmFja2dyb3VuZF9ncmFkaWVudF9jb2xvcl8yIjoiI2ZmZiIsInF1aXpfZ3JhZGllbnRfZGlyZWN0aW9uIjoidmVydGljYWwiLCJyZWRpcmVjdF9hZnRlcl9zdWJtaXQiOiJvZmYiLCJzdWJtaXRfcmVkaXJlY3RfdXJsIjoiIiwic3VibWl0X3JlZGlyZWN0X2RlbGF5IjoiMCIsInByb2dyZXNzX2Jhcl9zdHlsZSI6ImZvdXJ0aCIsImVuYWJsZV9leGl0X2J1dHRvbiI6Im9mZiIsImV4aXRfcmVkaXJlY3RfdXJsIjoiIiwiaW1hZ2Vfc2l6aW5nIjoiY292ZXIiLCJxdWl6X2JnX2ltYWdlX3Bvc2l0aW9uIjoiY2VudGVyIGNlbnRlciIsImN1c3RvbV9jbGFzcyI6IiIsImVuYWJsZV9zb2NpYWxfbGlua3MiOiJvZmYiLCJzb2NpYWxfbGlua3MiOnsibGlua2VkaW5fbGluayI6IiIsImZhY2Vib29rX2xpbmsiOiIiLCJ0d2l0dGVyX2xpbmsiOiIiLCJ2a29udGFrdGVfbGluayI6IiIsImluc3RhZ3JhbV9saW5rIjoiIiwieW91dHViZV9saW5rIjoiIiwiYmVoYW5jZV9saW5rIjoiIn0sInNob3dfcXVpel90aXRsZSI6Im9uIiwic2hvd19xdWl6X2Rlc2MiOiJvbiIsInNob3dfcXVpel9pbWFnZSI6Im9uIiwic2hvd19sb2dpbl9mb3JtIjoib2ZmIiwibW9iaWxlX21heF93aWR0aCI6IiIsImxpbWl0X3VzZXJzX2J5IjoiaXAiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNi0wMy0yOCAwMTo0NjowNSIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI2LTAzLTI4IDAxOjQ2OjA1IiwiYWN0aXZlX2RhdGVfcHJlX3N0YXJ0X21lc3NhZ2UiOiJUaGUgcXVpeiB3aWxsIGJlIGF2YWlsYWJsZSBzb29uISIsImFjdGl2ZV9kYXRlX21lc3NhZ2UiOiJUaGUgcXVpeiBoYXMgZXhwaXJlZCEiLCJleHBsYW5hdGlvbl90aW1lIjoiNCIsImVuYWJsZV9jbGVhcl9hbnN3ZXIiOiJvZmYiLCJzaG93X2NhdGVnb3J5Ijoib2ZmIiwic2hvd19xdWVzdGlvbl9jYXRlZ29yeSI6Im9mZiIsImRpc3BsYXlfc2NvcmUiOiJieV9wZXJjYW50YWdlIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwiYW5zX3JpZ2h0X3dyb25nX2ljb24iOiJzdHlsZS02IiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IiIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsImJ1dHRvbnNfdGV4dF9jb2xvciI6IiNmZmZmZmYiLCJidXR0b25zX3Bvc2l0aW9uIjoiY2VudGVyIiwic2hvd19xdWVzdGlvbnNfZXhwbGFuYXRpb24iOiJvbl9yZXN1bHRzX3BhZ2UiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJidXR0b25zX3NpemUiOiJtZWRpdW0iLCJidXR0b25zX2ZvbnRfc2l6ZSI6IjE3IiwiYnV0dG9uc193aWR0aCI6IiIsImJ1dHRvbnNfbGVmdF9yaWdodF9wYWRkaW5nIjoiMjAiLCJidXR0b25zX3RvcF9ib3R0b21fcGFkZGluZyI6IjEwIiwiYnV0dG9uc19ib3JkZXJfcmFkaXVzIjoiOCIsImVuYWJsZV9sZWF2ZV9wYWdlIjoib24iLCJlbmFibGVfdGFja2Vyc19jb3VudCI6Im9mZiIsInRhY2tlcnNfY291bnQiOiIwIiwicGFzc19zY29yZSI6MCwicGFzc19zY29yZV9tZXNzYWdlIjoiPGg0IHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyXCI+Q29uZ3JhdHVsYXRpb25zITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlclwiPllvdSBwYXNzZWQgdGhlIHF1aXohPFwvcD4iLCJmYWlsX3Njb3JlX21lc3NhZ2UiOiI8aDQgc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXJcIj5Pb3BzITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlclwiPllvdSBoYXZlIG5vdCBwYXNzZWQgdGhlIHF1aXohXHJcblRyeSBhZ2FpbiE8XC9wPiIsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiZW5hYmxlX3F1ZXN0aW9uc19vcmRlcmluZ19ieV9jYXQiOiJvZmYiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicXVpel9sb2FkZXJfdGV4dF92YWx1ZSI6IiIsImhpZGVfY29ycmVjdF9hbnN3ZXJzIjoib2ZmIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInByb2dyZXNzX2xpdmVfYmFyX3N0eWxlIjoiZm91cnRoIiwicXVpel90aXRsZV90cmFuc2Zvcm1hdGlvbiI6InVwcGVyY2FzZSIsInNob3dfYW5zd2Vyc19udW1iZXJpbmciOiJub25lIiwicXVpel9pbWFnZV93aWR0aF9ieV9wZXJjZW50YWdlX3B4IjoicGl4ZWxzIiwicXVpel9pbWFnZV9oZWlnaHQiOjAsInF1aXpfYmdfaW1nX29uX3N0YXJ0X3BhZ2UiOiJvZmYiLCJxdWl6X2JveF9zaGFkb3dfeF9vZmZzZXQiOjAsInF1aXpfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3pfb2Zmc2V0IjoxNSwicXVpel9xdWVzdGlvbl90ZXh0X2FsaWdubWVudCI6ImNlbnRlciIsInF1aXpfYXJyb3dfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X3Nob3dfd3JvbmdfYW5zd2Vyc19maXJzdCI6Im9mZiIsInF1aXpfZGlzcGxheV9hbGxfcXVlc3Rpb25zIjoib2ZmIiwicXVpel90aW1lcl9yZWRfd2FybmluZyI6Im9mZiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV93aGF0c2FwcF9zaGFyZV9idXR0b24iOiJvZmYiLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvbiIsInNob3dfcXVlc3Rpb25zX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiIiwiZW5hYmxlX3Bhc3N3b3JkIjoib2ZmIiwicGFzc3dvcmRfcXVpeiI6IiIsInF1aXpfcGFzc3dvcmRfbWVzc2FnZSI6IiIsImVuYWJsZV9zZWVfcmVzdWx0X2NvbmZpcm1fYm94Ijoib2ZmIiwiZGlzcGxheV9maWVsZHNfbGFiZWxzIjoib2ZmIiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInF1aXpfZW5hYmxlX3Zrb250YWt0ZV9zaGFyZV9idXR0b24iOiJvbiIsImFuc3dlcnNfYm9yZGVyIjoib24iLCJhbnN3ZXJzX2JvcmRlcl93aWR0aCI6MSwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwic2hvd19hbnN3ZXJzX2NhcHRpb24iOiJvbiIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvbiIsImFuc3dlcnNfbWFyZ2luIjoxMiwicXVpel9tZXNzYWdlX2JlZm9yZV9yZWRpcmVjdF90aW1lciI6IiIsImJ1dHRvbnNfbW9iaWxlX2ZvbnRfc2l6ZSI6MTcsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJxdWl6X2Fuc3dlcl9ib3hfc2hhZG93X3hfb2Zmc2V0IjowLCJxdWl6X2Fuc3dlcl9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2Fuc3dlcl9ib3hfc2hhZG93X3pfb2Zmc2V0IjoxMCwicXVpel9jcmVhdGVfYXV0aG9yIjoxLCJxdWl6X2VuYWJsZV90aXRsZV90ZXh0X3NoYWRvdyI6Im9mZiIsInF1aXpfdGl0bGVfdGV4dF9zaGFkb3dfY29sb3IiOiIjMzMzIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd194X29mZnNldCI6MiwicXVpel90aXRsZV90ZXh0X3NoYWRvd195X29mZnNldCI6MiwicXVpel90aXRsZV90ZXh0X3NoYWRvd196X29mZnNldCI6MiwicXVpel9zaG93X29ubHlfd3JvbmdfYW5zd2VycyI6Im9mZiIsInF1aXpfdGl0bGVfZm9udF9zaXplIjoyOCwicXVpel90aXRsZV9tb2JpbGVfZm9udF9zaXplIjoyMCwicXVpel9wYXNzd29yZF93aWR0aCI6IiIsInF1aXpfcmV2aWV3X3BsYWNlaG9sZGVyX3RleHQiOiJSZXZpZXciLCJxdWl6X21ha2VfcmV2aWV3X3JlcXVpcmVkIjoib2ZmIiwicXVpel9lbmFibGVfcmVzdWx0c190b2dnbGUiOiJvZmYiLCJxdWl6X3Jldmlld190aGFua195b3VfbWVzc2FnZSI6IiIsInF1aXpfcmV2aWV3X2VuYWJsZV9jb21tZW50X2ZpZWxkIjoib24iLCJxdWVzdF9leHBsYW5hdGlvbl9mb250X3NpemUiOjE2LCJxdWVzdF9leHBsYW5hdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJ3cm9uZ19hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfbW9iaWxlX2ZvbnRfc2l6ZSI6MTYsInF1aXpfZW5hYmxlX3F1ZXN0aW9uX2ltYWdlX3pvb20iOiJvZmYiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsInJpZ2h0X2Fuc3dlcnNfbW9iaWxlX2ZvbnRfc2l6ZSI6MTYsInF1aXpfZGlzcGxheV9tZXNzYWdlc19iZWZvcmVfYnV0dG9ucyI6Im9mZiIsInF1aXpfZW5hYmxlX3VzZXJfY1x1MDU3MG9vc2luZ19hbm9ueW1vdXNfYXNzZXNzbWVudCI6Im9mZiIsIm5vdGVfdGV4dF9mb250X3NpemUiOjE0LCJub3RlX3RleHRfbW9iaWxlX2ZvbnRfc2l6ZSI6MTQsInF1aXpfcXVlc3Rpb25zX251bWJlcmluZ19ieV9jYXRlZ29yeSI6Im9mZiIsInF1aXpfZW5hYmxlX2N1c3RvbV90ZXh0c19mb3JfYnV0dG9ucyI6Im9mZiIsInF1aXpfY3VzdG9tX3RleHRzX3N0YXJ0X2J1dHRvbiI6IlN0YXJ0IiwicXVpel9jdXN0b21fdGV4dHNfbmV4dF9idXR0b24iOiJOZXh0IiwicXVpel9jdXN0b21fdGV4dHNfcHJldl9idXR0b24iOiJQcmV2IiwicXVpel9jdXN0b21fdGV4dHNfY2xlYXJfYnV0dG9uIjoiQ2xlYXIiLCJxdWl6X2N1c3RvbV90ZXh0c19maW5pc2hfYnV0dG9uIjoiRmluaXNoIiwicXVpel9jdXN0b21fdGV4dHNfc2VlX3Jlc3VsdHNfYnV0dG9uIjoiU2VlIFJlc3VsdCIsInF1aXpfY3VzdG9tX3RleHRzX3Jlc3RhcnRfcXVpel9idXR0b24iOiJSZXN0YXJ0IHF1aXoiLCJxdWl6X2N1c3RvbV90ZXh0c19zZW5kX2ZlZWRiYWNrX2J1dHRvbiI6IlNlbmQgZmVlZGJhY2siLCJxdWl6X2N1c3RvbV90ZXh0c19sb2FkX21vcmVfYnV0dG9uIjoiTG9hZCBtb3JlIiwicXVpel9jdXN0b21fdGV4dHNfZXhpdF9idXR0b24iOiJFeGl0IiwicXVpel9jdXN0b21fdGV4dHNfY2hlY2tfYnV0dG9uIjoiQ2hlY2siLCJxdWl6X2N1c3RvbV90ZXh0c19sb2dpbl9idXR0b24iOiJMb2cgSW4iLCJxdWl6X2VuYWJsZV9xdWl6X2NhdGVnb3J5X2Rlc2NyaXB0aW9uIjoib24iLCJxdWl6X2FkbWluX25vdGVfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9xdWVzdF9leHBsYW5hdGlvbl90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcl90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X3dyb25nX2Fuc3dlcl90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2FkbWluX25vdGVfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfcmlnaHRfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJzX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X2FkbWluX25vdGVfbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9iZ19pbWdfZHVyaW5nX3RoZV9xdWl6Ijoib2ZmIiwicXVpel9xdWVzdF9leHBsYW5hdGlvbl9sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel93cm9uZ19hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYWRtaW5fbm90ZV9mb250X3dlaWdodCI6Im5vcm1hbCIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3dyb25nX2Fuc3dlcnNfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X2NvbnRlbnRfbWF4X3dpZHRoIjo5MCwicXVpel9jb250ZW50X21vYmlsZV9tYXhfd2lkdGgiOjkwLCJxdWl6X3RpbWVyX3dhcm5pbmdfdGV4dF9jb2xvciI6IiNmZjAwMDAiLCJxdWl6X2VuYWJsZV9kZWZhdWx0X2hpZGVfcmVzdWx0c190b2dnbGUiOiJvZmYiLCJxdWl6X3Nob3dfcmVzdGFydF9idXR0b25fb25fcXVpel9mYWlsIjoib2ZmIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVpel9hZG1pbl9ub3RlX21vYmlsZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcl9tb2JpbGVfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfbW9iaWxlX3RleHRfdHJhbnNmb3JtIjoibm9uZSIsInF1aXpfYWRtaW5fbm90ZV9tb2JpbGVfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfZG9udF9zaG93X3F1aXoiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX3JlcG9ydGluZyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbW9iaWxlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfbW9iaWxlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3dyb25nX2Fuc3dlcnNfbW9iaWxlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X2FkbWluX25vdGVfbW9iaWxlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbW9iaWxlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfcmlnaHRfYW5zd2Vyc19tb2JpbGVfbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel93cm9uZ19hbnN3ZXJzX21vYmlsZV9sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfbW9iaWxlX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9xdWVzdF9leHBsYW5hdGlvbl9tb2JpbGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfbW9iaWxlX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9xdWVzdGlvbl9pbWFnZV9ib3JkZXJfcmFkaXVzIjowLCJxdWl6X3dyb25nX2Fuc3dlcnNfbW9iaWxlX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicmVxdWlyZWRfZmllbGRzIjpbImF5c191c2VyX25hbWUiLCJheXNfdXNlcl9lbWFpbCJdLCJlbmFibGVfdGltZXIiOiJvbiIsImVuYWJsZV9xdWl6X3JhdGUiOiJvbiIsImVuYWJsZV9yYXRlX2F2ZyI6Im9mZiIsImVuYWJsZV9ib3hfc2hhZG93Ijoib24iLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9mZiIsImVuYWJsZV9yYXRlX2NvbW1lbnRzIjoib24iLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvbiIsImF1dG9maWxsX3VzZXJfZGF0YSI6Im9mZiIsInRpbWVyIjo1MCwic3VibWl0X3JlZGlyZWN0X2FmdGVyIjoiIiwicndfYW5zd2Vyc19zb3VuZHMiOmZhbHNlLCJpZCI6IjIzIiwiYXV0aG9yX2lkIjoiMSIsInRpdGxlIjoiQ1NTIEJhc2ljIFF1aXoiLCJkZXNjcmlwdGlvbiI6IlRlc3QgWW91ciBDU1MgU2tpbGxzOiBCZWdpbm5lclx1MjAxOXMgUXVpeiIsInF1aXpfaW1hZ2UiOiJodHRwczpcL1wvY29kZWNyYWZ0eS5zaXRlXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDI2XC8wM1wvY3NzLWltYWdlLnBuZyIsInF1aXpfY2F0ZWdvcnlfaWQiOiIzIiwicXVlc3Rpb25faWRzIjoiOTgsOTcsOTYsOTUsOTQiLCJvcmRlcmluZyI6IjIzIiwicXVpel91cmwiOiIiLCJwdWJsaXNoZWQiOiIxIiwiY3VzdG9tX3Bvc3RfaWQiOiIyNTMwIiwiaW50ZXJ2YWxzIjpudWxsLCJxdWl6X2FuaW1hdGlvbl90b3AiOjEwMCwicXVpel9lbmFibGVfYW5pbWF0aW9uX3RvcCI6Im9uIn0='; </script> <input type='hidden' name='quiz_id' value='23'/> <input type='hidden' name='start_date' class='ays-start-date'/> </form></div> </div> </div> </div> </div> </div> </div><!-- .entry-content .clear --> </article><!-- #post-## --> </main><!-- #main --> </div><!-- #primary --> </div> <!-- ast-container --> </div><!-- #content --> <footer itemtype="https://schema.org/WPFooter" itemscope="itemscope" id="colophon" role="contentinfo"> <div class='footer-width-fixer'> <div data-elementor-type="wp-post" data-elementor-id="49" class="elementor elementor-49"> <div class="elementor-element elementor-element-35b518f e-flex e-con-boxed e-con e-parent" data-id="35b518f" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-84ccdbb e-con-full e-flex e-con e-child" data-id="84ccdbb" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-c1d4483 elementor-widget elementor-widget-heading" data-id="c1d4483" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <h2 class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/">CodeCrafty</a></h2> </div> <div class="elementor-element elementor-element-292d237 elementor-widget elementor-widget-heading" data-id="292d237" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default">Empowering millions of learners worldwide with free, interactive programming education. Start your coding journey today.</p> </div> <div class="elementor-element elementor-element-8984eb7 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="8984eb7" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-mail-bulk" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M160 448c-25.6 0-51.2-22.4-64-32-64-44.8-83.2-60.8-96-70.4V480c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32V345.6c-12.8 9.6-32 25.6-96 70.4-12.8 9.6-38.4 32-64 32zm128-192H32c-17.67 0-32 14.33-32 32v16c25.6 19.2 22.4 19.2 115.2 86.4 9.6 6.4 28.8 25.6 44.8 25.6s35.2-19.2 44.8-22.4c92.8-67.2 89.6-67.2 115.2-86.4V288c0-17.67-14.33-32-32-32zm256-96H224c-17.67 0-32 14.33-32 32v32h96c33.21 0 60.59 25.42 63.71 57.82l.29-.22V416h192c17.67 0 32-14.33 32-32V192c0-17.67-14.33-32-32-32zm-32 128h-64v-64h64v64zm-352-96c0-35.29 28.71-64 64-64h224V32c0-17.67-14.33-32-32-32H96C78.33 0 64 14.33 64 32v192h96v-32z"></path></svg> </span> <span class="elementor-icon-list-text"><span style="font-size: 14px">support@CodeCrafty.site</span></span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-phone" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path></svg> </span> <span class="elementor-icon-list-text"><font color="#d1d5db" face="ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"><span style="font-size: 14px">+923392574845</span></font></span> </li> <li class="elementor-icon-list-item"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-location-arrow" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M444.52 3.52L28.74 195.42c-47.97 22.39-31.98 92.75 19.19 92.75h175.91v175.91c0 51.17 70.36 67.17 92.75 19.19l191.9-415.78c15.99-38.39-25.59-79.97-63.97-63.97z"></path></svg> </span> <span class="elementor-icon-list-text"><div style="--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:;border-width: 0px;border-style: solid;grid-column: span 2 / span 2;font-size: medium"><div style="--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:;border-width: 0px;border-style: solid;font-size: 0.875rem;line-height: 1.25rem"><div style="--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:;border-width: 0px;border-style: solid;align-items: center;gap: 0.5rem;--tw-space-y-reverse: 0;margin-top: 8px;margin-bottom: 0px"><span style="--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:;--tw-contain-size:;--tw-contain-layout:;--tw-contain-paint:;--tw-contain-style:;border-width: 0px;border-style: solid"><span style="font-size: inherit;font-style: inherit;font-weight: inherit"><font color="#d1d5db" face="ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji">Satellite Town, RWP</font></span><span style=", sans-serif;font-size: inherit;font-style: inherit;font-weight: inherit"></span></span></div></div></div></span> </li> </ul> </div> </div> <div class="elementor-element elementor-element-ac94a0b e-con-full e-flex e-con e-child" data-id="ac94a0b" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-1422559 elementor-widget elementor-widget-heading" data-id="1422559" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Tutorials</h4> </div> <div class="elementor-element elementor-element-f89f495 elementor-widget elementor-widget-heading" data-id="f89f495" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://rpyu6vywvr7rc.ok.kimi.link/references">HTML & CSS</a></p> </div> <div class="elementor-element elementor-element-504b1a5 elementor-widget elementor-widget-heading" data-id="504b1a5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://rpyu6vywvr7rc.ok.kimi.link/references">JavaScript</a></p> </div> <div class="elementor-element elementor-element-8c31e15 elementor-widget elementor-widget-heading" data-id="8c31e15" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://rpyu6vywvr7rc.ok.kimi.link/references">SQL</a></p> </div> <div class="elementor-element elementor-element-d0dd121 elementor-widget elementor-widget-heading" data-id="d0dd121" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://rpyu6vywvr7rc.ok.kimi.link/references">Java</a></p> </div> <div class="elementor-element elementor-element-cab9ff9 elementor-widget elementor-widget-heading" data-id="cab9ff9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://rpyu6vywvr7rc.ok.kimi.link/references">React</a></p> </div> </div> <div class="elementor-element elementor-element-d8c1f37 e-con-full e-flex e-con e-child" data-id="d8c1f37" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-67a3477 elementor-widget elementor-widget-heading" data-id="67a3477" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Resources</h4> </div> <div class="elementor-element elementor-element-b24d5c1 elementor-widget elementor-widget-heading" data-id="b24d5c1" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/code-editor/">Code Editor</a></p> </div> <div class="elementor-element elementor-element-9b3df29 elementor-widget elementor-widget-heading" data-id="9b3df29" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/references/">References</a></p> </div> <div class="elementor-element elementor-element-6f9db68 elementor-widget elementor-widget-heading" data-id="6f9db68" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/exercises/">Exercises</a></p> </div> <div class="elementor-element elementor-element-1fd451d elementor-widget elementor-widget-heading" data-id="1fd451d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default">Certificates</p> </div> <div class="elementor-element elementor-element-58d0685 elementor-widget elementor-widget-heading" data-id="58d0685" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default">Bootcamps</p> </div> </div> <div class="elementor-element elementor-element-6cfff29 e-con-full e-flex e-con e-child" data-id="6cfff29" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-411ba49 elementor-widget elementor-widget-heading" data-id="411ba49" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Company</h4> </div> <div class="elementor-element elementor-element-e03cd7f elementor-widget elementor-widget-heading" data-id="e03cd7f" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/about-us">About Us</a></p> </div> <div class="elementor-element elementor-element-76032bc elementor-widget elementor-widget-heading" data-id="76032bc" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/contact-us">Contact</a></p> </div> <div class="elementor-element elementor-element-a1ab284 elementor-widget elementor-widget-heading" data-id="a1ab284" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default">Careers</p> </div> <div class="elementor-element elementor-element-31a25d5 elementor-widget elementor-widget-heading" data-id="31a25d5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default">Partners</p> </div> <div class="elementor-element elementor-element-dba9f89 elementor-widget elementor-widget-heading" data-id="dba9f89" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default">Press Kit</p> </div> </div> <div class="elementor-element elementor-element-afbed6c e-con-full e-flex e-con e-child" data-id="afbed6c" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-f2f41b0 elementor-widget elementor-widget-heading" data-id="f2f41b0" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <h4 class="elementor-heading-title elementor-size-default">Legal</h4> </div> <div class="elementor-element elementor-element-27b3857 elementor-widget elementor-widget-heading" data-id="27b3857" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/privacy-policy-2">Privacy Policy</a></p> </div> <div class="elementor-element elementor-element-7c2a88e elementor-widget elementor-widget-heading" data-id="7c2a88e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/terms-and-conditions">Terms of Conditions</a></p> </div> <div class="elementor-element elementor-element-6218687 elementor-widget elementor-widget-heading" data-id="6218687" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/disclaimer">Disclaimer</a></p> </div> <div class="elementor-element elementor-element-453b1fd elementor-widget elementor-widget-heading" data-id="453b1fd" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <p class="elementor-heading-title elementor-size-default"><a href="https://codecrafty.site/accessibility">Accessibility</a></p> </div> </div> </div> </div> <div class="elementor-element elementor-element-14ec143 e-flex e-con-boxed e-con e-parent" data-id="14ec143" data-element_type="container" data-e-type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-117faba e-grid e-con-full e-con e-child" data-id="117faba" data-element_type="container" data-e-type="container"> <div class="elementor-element elementor-element-58285b2 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="58285b2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default"> <p>© 2026 CodeCrafty.site All rights reserved.</p> </div> <div class="elementor-element elementor-element-97ea0d3 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons" data-id="97ea0d3" data-element_type="widget" data-e-type="widget" data-widget_type="social-icons.default"> <div class="elementor-social-icons-wrapper elementor-grid" role="list"> <span class="elementor-grid-item" role="listitem"> <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-animation-pulse-shrink elementor-repeater-item-5700dff" target="_blank"> <span class="elementor-screen-only">Facebook</span> <svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg> </a> </span> <span class="elementor-grid-item" role="listitem"> <a class="elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-animation-pulse-shrink elementor-repeater-item-7d49d77" target="_blank"> <span class="elementor-screen-only">Twitter</span> <svg aria-hidden="true" class="e-font-icon-svg e-fab-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg> </a> </span> <span class="elementor-grid-item" role="listitem"> <a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-animation-pulse-shrink elementor-repeater-item-0688265" target="_blank"> <span class="elementor-screen-only">Youtube</span> <svg aria-hidden="true" class="e-font-icon-svg e-fab-youtube" viewBox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg> </a> </span> <span class="elementor-grid-item" role="listitem"> <a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-animation-pulse-shrink elementor-repeater-item-8475cf8" target="_blank"> <span class="elementor-screen-only">Linkedin</span> <svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg> </a> </span> <span class="elementor-grid-item" role="listitem"> <a class="elementor-icon elementor-social-icon elementor-social-icon-threads elementor-animation-pulse-shrink elementor-repeater-item-2f778eb" target="_blank"> <span class="elementor-screen-only">Threads</span> <svg aria-hidden="true" class="e-font-icon-svg e-fab-threads" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"></path></svg> </a> </span> <span class="elementor-grid-item" role="listitem"> <a class="elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-animation-pulse-shrink elementor-repeater-item-35bf97f" target="_blank"> <span class="elementor-screen-only">Whatsapp</span> <svg aria-hidden="true" class="e-font-icon-svg e-fab-whatsapp" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg> </a> </span> </div> </div> </div> </div> </div> </div> </div> </footer> </div><!-- #page --> <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/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both"> <span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve"> <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z" /> </svg></span> <span class="screen-reader-text">Scroll to Top</span> </div> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='e-animation-pulse-grow-css' href='https://codecrafty.site/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-pulse-grow.min.css?ver=4.0.1' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://codecrafty.site/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.0.1' media='all' /> <link rel='stylesheet' id='e-animation-zoomIn-css' href='https://codecrafty.site/wp-content/plugins/elementor/assets/lib/animations/styles/zoomIn.min.css?ver=4.0.1' media='all' /> <link rel='stylesheet' id='widget-divider-css' href='https://codecrafty.site/wp-content/plugins/elementor/assets/css/widget-divider.min.css?ver=4.0.1' media='all' /> <link rel='stylesheet' id='quiz-maker-font-awesome-css' href='https://codecrafty.site/wp-content/plugins/quiz-maker/public/css/quiz-maker-font-awesome.min.css?ver=6.7.1.23' media='all' /> <link rel='stylesheet' id='quiz-maker-sweetalert-css-css' href='https://codecrafty.site/wp-content/plugins/quiz-maker/public/css/quiz-maker-sweetalert2.min.css?ver=6.7.1.23' media='all' /> <link rel='stylesheet' id='quiz-maker-animate-css' href='https://codecrafty.site/wp-content/plugins/quiz-maker/public/css/animate.css?ver=6.7.1.23' media='all' /> <link rel='stylesheet' id='quiz-maker-animations-css' href='https://codecrafty.site/wp-content/plugins/quiz-maker/public/css/animations.css?ver=6.7.1.23' media='all' /> <link rel='stylesheet' id='quiz-maker-rating-css' href='https://codecrafty.site/wp-content/plugins/quiz-maker/public/css/rating.min.css?ver=6.7.1.23' media='all' /> <link rel='stylesheet' id='quiz-maker-select2-css' href='https://codecrafty.site/wp-content/plugins/quiz-maker/public/css/quiz-maker-select2.min.css?ver=6.7.1.23' media='all' /> <link rel='stylesheet' id='quiz-maker-loaders-css' href='https://codecrafty.site/wp-content/plugins/quiz-maker/public/css/loaders.css?ver=6.7.1.23' media='all' /> <link rel='stylesheet' id='quiz-maker-dataTable-min-css' href='https://codecrafty.site/wp-content/plugins/quiz-maker/public/css/quiz-maker-dataTables.min.css?ver=6.7.1.23' media='all' /> <link rel='stylesheet' id='widget-icon-list-css' href='https://codecrafty.site/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=4.0.1' media='all' /> <link rel='stylesheet' id='e-animation-pulse-shrink-css' href='https://codecrafty.site/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-pulse-shrink.min.css?ver=4.0.1' media='all' /> <link rel='stylesheet' id='widget-social-icons-css' href='https://codecrafty.site/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=4.0.1' media='all' /> <link rel='stylesheet' id='e-apple-webkit-css' href='https://codecrafty.site/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=4.0.1' media='all' /> <script id="astra-theme-js-js-extra"> var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""}; //# sourceURL=astra-theme-js-js-extra </script> <script src="https://codecrafty.site/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.12.6" id="astra-theme-js-js"></script> <script src="https://codecrafty.site/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.0.1" id="elementor-webpack-runtime-js"></script> <script src="https://codecrafty.site/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.0.1" id="elementor-frontend-modules-js"></script> <script src="https://codecrafty.site/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.0.1","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"e_pro_free_trial_popup":true,"nested-elements":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true},"urls":{"assets":"https:\/\/codecrafty.site\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/codecrafty.site\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/codecrafty.site\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"90ef32b167","atomicFormsSendForm":"4b04c9ab2d"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":2531,"title":"Css%20Basic%20Quiz%20%E2%80%93%20codecrafty.site","excerpt":"","featuredImage":false}}; //# sourceURL=elementor-frontend-js-before </script> <script src="https://codecrafty.site/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.0.1" id="elementor-frontend-js"></script> <script id="hostinger-reach-subscription-block-view-js-extra"> var hostinger_reach_subscription_block_data = {"endpoint":"https://codecrafty.site/wp-json/hostinger-reach/v1/contact","nonce":"753aca2cb0","translations":{"thanks":"Thanks for subscribing.","error":"Something went wrong. Please try again."}}; //# sourceURL=hostinger-reach-subscription-block-view-js-extra </script> <script src="https://codecrafty.site/wp-content/plugins/hostinger-reach/frontend/dist/blocks/subscription-view.js?ver=1776201797" id="hostinger-reach-subscription-block-view-js"></script> <script src="https://codecrafty.site/wp-content/plugins/header-footer-elementor/inc/js/frontend.js?ver=2.8.6" id="hfe-frontend-js-js"></script> <script src="https://codecrafty.site/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script> <script src="https://codecrafty.site/wp-content/plugins/quiz-maker/public/js/quiz-maker-select2.min.js?ver=6.7.1.23" id="quiz-maker-select2js-js"></script> <script src="https://codecrafty.site/wp-content/plugins/quiz-maker/public/js/quiz-maker-sweetalert2.all.min.js?ver=6.7.1.23" id="quiz-maker-sweetalert-js-js"></script> <script src="https://codecrafty.site/wp-content/plugins/quiz-maker/public/js/rating.min.js?ver=6.7.1.23" id="quiz-maker-rate-quiz-js"></script> <script id="quiz-maker-datatable-min-js-extra"> var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; //# sourceURL=quiz-maker-datatable-min-js-extra </script> <script src="https://codecrafty.site/wp-content/plugins/quiz-maker/public/js/quiz-maker-datatable.min.js?ver=6.7.1.23" id="quiz-maker-datatable-min-js"></script> <script src="https://codecrafty.site/wp-content/plugins/quiz-maker/public/js/quiz-maker-functions.js?ver=6.7.1.23" id="quiz-maker-functions.js-js"></script> <script id="quiz-maker-ajax-public-js-extra"> var quiz_maker_ajax_public = {"nonce":"3c87909308","ajax_url":"https://codecrafty.site/wp-admin/admin-ajax.php","warningIcon":"https://codecrafty.site/wp-content/plugins/quiz-maker/public/images/warning.svg","checkingError":"Error checking answer"}; //# sourceURL=quiz-maker-ajax-public-js-extra </script> <script src="https://codecrafty.site/wp-content/plugins/quiz-maker/public/js/quiz-maker-public-ajax.js?ver=1776252420" id="quiz-maker-ajax-public-js"></script> <script id="quiz-maker-js-extra"> var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","selectPlaceholder":"Select an answer","correctAnswerVariants":"Variants of the correct answer","shareDialog":"Share Dialog","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","startButtonText":"Start","defaultStartButtonText":"Start","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","passwordIsWrong":"Password is wrong!","requiredError":"This is a required question","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully"}; //# sourceURL=quiz-maker-js-extra </script> <script src="https://codecrafty.site/wp-content/plugins/quiz-maker/public/js/quiz-maker-public.js?ver=1776252420" id="quiz-maker-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </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://codecrafty.site/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}} </script> <script type="module"> /*! 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://codecrafty.site/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html> <!-- Page cached by LiteSpeed Cache 7.8.1 on 2026-04-15 11:27:00 -->
