JOBSEEKERS
Login
Sign Up
Jobseeker
Employer
Staffing Firm
Direct Client
HTML interview questions part 7
HTML interview questions part 7
Back
Take as many assements as you can to improve your validate your skill rating
Total Questions: 20
1. Which of the following is the attribute that is used to add a name/value pair to a microdata item?
A. itemscope
B. itemref
C. itemprop
D. itemid
Show Correct Answer
Correct Answer is :
itemprop
2. What does wrap attribute denote?
A. Whether the text is in bold
B. Whether the text is wrapped
C. Whether the text is in italics
D. Whether the text is highlighted
Show Correct Answer
Correct Answer is :
Whether the text is wrapped
3. With which element width attribute is not define?
A.
B.
C.
D.
</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="3">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans3"> <div class="correctAnsInner"> Correct Answer is : <span><textarea></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>4. Which of the following defines a default value on page load?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que4A">A. <object></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que4B">B. <input></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que4C">C. <progress></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que4D">D. <area></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="4">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans4"> <div class="correctAnsInner"> Correct Answer is : <span><progress></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>5. How title attribute works?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que5A">A. Displays text when hovering over the element</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que5B">B. Focus text when hovering over the element</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que5C">C. Highlight text when hovering over the element</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que5D">D. Zoom in and zoom out text when hovering over the element</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="5">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans5"> <div class="correctAnsInner"> Correct Answer is : <span>Displays text when hovering over the element</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>6. Which attribute is not for overriding the actions?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que6A">A. Formaction</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que6B">B. Style</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que6C">C. Tabindex</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que6D">D. Slot</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="6">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans6"> <div class="correctAnsInner"> Correct Answer is : <span>Slot</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>7. srclang attribute is used with the element ____________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que7A">A. <track></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que7B">B. <input></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que7C">C. <iframe></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que7D">D. <table></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="7">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans7"> <div class="correctAnsInner"> Correct Answer is : <span><track></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>8. What is the use of spellcheck attribute?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que8A">A. Checks spelling</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que8B">B. Indicates if spell checking is allowed</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que8C">C. Checks spelling and corrects it</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que8D">D. Checks spelling of a given particular text only</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="8">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans8"> <div class="correctAnsInner"> Correct Answer is : <span>Indicates if spell checking is allowed</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>9. Which parameter is commonly used for size attribute?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que9A">A. centimeter</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9B">B. pixels</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9C">C. inch</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9D">D. millimeter</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="9">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans9"> <div class="correctAnsInner"> Correct Answer is : <span>pixels</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>10. Which attribute indicates a descending order of displaying a list?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que10A">A. reversed</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10B">B. forward</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10C">C. straight</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10D">D. circular</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="10">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans10"> <div class="correctAnsInner"> Correct Answer is : <span>reversed</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>11. The major difference between minlength and min attribute is ______</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que11A">A. ‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11B">B. ‘minlength’ is for the minimum value and ‘min’ is for the minimum number of characters</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11C">C. ‘minlength’ is for multiple values and ‘min’ is for the single value</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11D">D. ‘minlength’ is for single value and ‘minlength’ is for multiple values</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="11">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans11"> <div class="correctAnsInner"> Correct Answer is : <span>‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>12. How does download attribute work?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que12A">A. An indication that hyperlink is to be used for downloading</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12B">B. Directly downloads as per the need of the user</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12C">C. Gives various source links to download</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12D">D. List the topics which one can download from a certain page</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="12">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans12"> <div class="correctAnsInner"> Correct Answer is : <span>An indication that hyperlink is to be used for downloading</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>13. datetime attribute is not related with ______________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que13A">A. <del></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13B">B. <time></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13C">C. <ins></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13D">D. <form></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="13">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans13"> <div class="correctAnsInner"> Correct Answer is : <span><form></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>14. cols attribute is use with ___________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que14A">A. <td></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14B">B. <th></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14C">C. <textarea></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14D">D. <ol></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="14">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans14"> <div class="correctAnsInner"> Correct Answer is : <span><textarea></span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>15. Use of checked attribute is ____________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que15A">A. Whether on page load element should be checked</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15B">B. Whether on page load all form element should be checked</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15C">C. Whether on page load all list element should be checked</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15D">D. Whether on page load all multimedia elements should be checked</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="15">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans15"> <div class="correctAnsInner"> Correct Answer is : <span>Whether on page load element should be checked</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>16. How many standard color names does HTML supports?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que16A">A. 120</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16B">B. 130</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16C">C. 140</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16D">D. 90</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="16">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans16"> <div class="correctAnsInner"> Correct Answer is : <span>140</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>17. Which of the following is not set with font-style property?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que17A">A. font-style: normal</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17B">B. font-style: italic</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17C">C. font-style: oblique</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17D">D. font-style: capitalize</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="17">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans17"> <div class="correctAnsInner"> Correct Answer is : <span>font-style: capitalize</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>18. What should be set with text-align property so that every line has equal width like in magazines and newspapers?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que18A">A. text-align: justify</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18B">B. text-align: none</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18C">C. text-align: bottom</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18D">D. text-align: top</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="18">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans18"> <div class="correctAnsInner"> Correct Answer is : <span>text-align: justify</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>19. Which of the following is not used with text-decoration property?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que19A">A. overline</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19B">B. underline</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19C">C. line-through</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19D">D. inline</label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="19">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans19"> <div class="correctAnsInner"> Correct Answer is : <span>inline</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>20. Which element is used for short quote?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que20A">A. <q></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20B">B. <blockquote></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20C">C. <em></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20D">D. <abbr></label> </div> </div> </div> </div> <div class="row align-items-center"> <div class="col-md-auto"> <div class="queColBtn"> <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="20">Show Correct Answer</button> </div> </div> <div class="col correctans" id="cans20"> <div class="correctAnsInner"> Correct Answer is : <span><q></span> </div> </div> </div> </div> <hr /> </div> <div class="similarQuestion queColListInner"> <h3>Similar Interview Questions</h3> <ul id="skill-alias-list"></ul> </div> </div> </div> </div> </div> <div class="blogsidebar col-lg-4"> <div class="blogsubscribe text-left"> <div class="text-center"> <h2>Search for latest jobs</h2> </div> <div class="subscribeform"> <div id="subcmsg"></div> <form id="jobSearchForm" method="post"> <div class="formInputCol"> <div class="position-relative inputIcon"> <img class="iconCol" src="/landing/img/jobtitleicon.svg" alt="Icon" /> <input type="text" name="jobTitle" aria-label="input-field" placeholder="Enter job title" class="blogusername" id="jobTitle"> </div> <div class="position-relative inputIcon"> <img class="iconCol" src="/landing/img/locationicon.svg" alt="Icon" /> <input type="email" name="jobLocation" aria-label="input-field" placeholder="Enter location" class="blogemail" id="jobLocation"> </div> </div> <button aria-label="button" type="button" class="subscribeblog" onclick="jobSearch()">Find Jobs</button> </form> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $('#jobSearchForm').on('keypress', function(event) { // Check if the pressed key is Enter (key code 13) if (event.which === 13) { event.preventDefault(); // Prevent the form from submitting $('.subscribeblog').click(); // Trigger the button click } }); $(".takeTest").click(function(){ $(this).parents(".interViewCard").removeClass("active"); $(this).parents(".interViewCard").next().addClass("active"); }); $(".btnAnswer").on('click', function(){ var qid = $(this).data("id"); $("#cans" + qid).toggle(100); }); let url = "/get-similar-interview-questions.html?searchString=" + extractValueFromUrl(window.location.href); $.get(url, function(responseData) { responseData = JSON.parse(responseData); if (responseData.status && responseData.status == 'ok') { var list = responseData.list; list.forEach(function(item) { var alias = item.alias; var link = "/interview-questions/" + alias + ".html" var link = '<a href='+link+' aria-label="hyperlink-label">' + alias + '</a>'; $('#skill-alias-list').append('<li style="padding:10px; text-wrap: nowrap;">' + link + '</li>'); }); } }); function extractValueFromUrl(url) { // Extract the part between the last '/' and '.html' var match = url.match(/\/([^\/]+)\.html$/); return match ? match[1] : null; } }); function jobSearch() { var jobTitle = $("#jobTitle").val(); var jobLocation = $("#jobLocation").val(); var url = "/job-search-detail.html?query=" + encodeURIComponent(jobTitle) + "&city=" + encodeURIComponent(jobLocation); window.open(url); } </script> </div> <footer> <div class="footer_content jobPageFooter"> <div class="container containerCstm"> <div class="footer_menu"> <div class="row"> <div class="col-md-3"> <div class="footer_text"> <h2>For Employers</h2> <ul> <li> <a href="https://calendly.com/support-121/snaprecruit23" target="_blank" title="Schedule A Demo">Schedule A Demo</a> </li> <!-- <li> <a href="https://calendly.com/support-121/demo-snaprecruit" target="_blank" title="Schedule A Demo">Schedule A Demo</a> </li> --> <li> <a href="" title="For Employers">Staffing Services we offer via: </a> </li> <li> <a href="https://SnapX.ai" target="_blank" title="Get Vetted Talent with Video Intros.">SnapX.ai</a> </li> <!-- <li> <a href="https://afterhiring.com" target="_blank" title="Employee Onboarding On Cruise Control.">Afterhiring.com</a> </li> <li> <a href="https://ijobbot.com" target="_blank" title="Engage, Assess, Schedule Interviews using AI recruting assistant.">iJobbot.com</a> </li>--> <!-- <li> <a href="https://snaprecruit.com/jobcon-event.html" title="Hire a great team.">What is JOBCON 2017?</a> </li>--> <!-- <li> <a href="/employers/meet_our_talent" title="Meet our Talent">Meet our Talent</a> </li> <li> <a href="/employers/resources" title="Resources">Resources</a> </li> <li> <a href="/employers/success_stories" title="Success Stories">Success Stories</a> </li> <li> <a href="https://support.hired.com" title="FAQ">FAQ</a> </li> <li> <a href="/employers/freelance" title="Freelance">Freelance</a> </li>--> </ul> <h2>For Partner</h2> <ul> <li> <a href="/register.html?returnJobAlias=" target="_blank" title="Partner Registration">Partner Registration</a> </li> </ul> <!-- <ul> <li> <a href="/developer/register.html" target="_blank" title="Partner Registration">Partner Registration</a> </li> </ul> --> </div> </div> <div class="col-md-3"> <div class="footer_text"> <h2>For Jobseekers</h2> <ul> <li> <a href="/register.html" title="Talent">For Talent</a> </li> <li> <a href="/register.html" title="Register">Upload Your Resume </a> </li> <li> <a href="/jobcon-event.html" title="How Hired Works">JOBCON - Sourcing Event</a> </li> <li> <a href="/blog/blog-list.html" title="Blogs">Blogs</a> </li> <li> <a href="/article/announcements-list.html" title="Announcements">Announcements</a> </li> <li> <a href="/articles/articles-list.html" title="HR Articles">HR Articles</a> </li> <li> <a href="/job-descriptions/job-descriptions-list.html" title="Job Description">Job Description</a> </li> <li> <a href="/interview-questions/interview-questions-list.html" title="Interview Questions">Interview Questions</a> </li> </ul> </div> </div> <div class="col-md-3"> <div class="footer_text"> <h2>Help</h2> <ul> <li> <a href="/article/help-list.html" title="Help Articles">Help</a> </li> <li> <a href="/article/support-list.html" title="Support Articles">Support Articles</a> </li> <li> <a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a> </li> <li> <a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a> </li> <li> <a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a> </li> </ul> <h2>Follow Us</h2> <ul class="socila_icon"> <li><a href="https://www.facebook.com/snaprecruits" aria-label="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true" style="color:#8badd7;"></i></a></li> <li><a href="https://twitter.com/snaprecruit" aria-label="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true" style="color:#a5e2fe;"></i></a></li> <li><a href="https://linkedin.com/company/snaprecruit.com" target="_blank" aria-label="Linkedin"><i class="fa fa-linkedin" aria-hidden="true" style="color:#a5eeee;"></i></a></li> </ul> </div> </div> <div class="col-md-3"> <div class="footer_text"> <h2 >snaprecruit</h2> <ul class="footerLogo"> <li> <a href="https://heapanalytics.com/?utm_source=badge" aria-label="Analytics by heap" target="_blank"> <img width="104" height="39" src="/landing/img/footer-img1.png" alt="FooterImg" /> </a> </li> <li> <a href="https://jooble.org" aria-label="Jooble" target="_blank"> <img width="49" height="38" src="/landing/img/footer-img2.png" alt="FooterImg" /> </a> </li> </ul> </div> </div> </div> </div> <div class="footer_bottom"> <div class="row"> <div class="footer_right col-lg-6 order-12"> <ul> <li><a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a></li> <li><a href="/release-notes.html" target="_blank" title="Release Notes">Release Notes</a></li> <li><a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a></li> <li><a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a></li> </ul> </div> <div class="footer_Left col-lg-6 order-1"> <p> 2020 - 2025 SnapX Platform Inc. All Rights Reserved</p> </div> </div> </div> </div> </div> </footer> <div class="notification-footer showFooter appDownloadCol"> <div class="appDownloadSec"> <div class="appDownloadSecInner"> <h3><span>Download mobile apps</span>Just Swipe to apply for jobs. <label>Try it out !</label> </h3> <div class="appDownloadBtnCol"> <div class="appDownloadBtn asd"> <a href="https://apps.apple.com/us/app/snaprecruit/id1546822497"> <img width="23" height="26" src="/assets/img/appleicon.svg" alt="Apple icon" /> <p> <span>Download on</span> <label>App store</label> </p> </a> <a href="https://play.google.com/store/apps/details?id=com.snaprecruit.swipe&hl=en_US&gl=US"> <img width="20" height="21" src="/assets/img/googleplayicon.svg" alt="Google play icon" /> <p> <span>Download on</span> <label>Google Play</label> </p> </a> </div> <i class="fa fa-times f-close-x notclose" aria-hidden="true"></i> </div> </div> </div> </div> <script type="text/javascript"> $(".notclose").click(function(){ $(this).parents().find(".showFooter").removeClass("showFooter"); }); </script> <div class="thin-sticky" style="position:fixed; top:0; width:100%; height:5px; z-index:50000"></div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script> <script type="text/javascript" src="/landing/js/slick.min.js"></script> <script src="/assets/js/section/general/jquery.typeahead.js?v=123"></script> <script type="text/javascript"> $(document).ready(function(){ if ($(window).width() < 767) { $(".login-button .positionr").click(function(){ $(".employermenu").next().slideToggle(); }); $(".signupMenu").click(function(){ $(this).parent().toggleClass("open"); }); } else if ($(window).width() > 767) { $(".signupMenu").click(function(){ $(this).parent().toggleClass("open"); }); $(".login-button .positionr").hover(function(){ $(".employermenu").next().slideToggle(); }); } }); </script> <script> $('.tglBtn > a').click(function(){ $(this).parents('.header-nav').toggleClass('navTogl') }); $('.navbarLinks').click(function(){ $('.tglBtn').removeClass('navTogl') $(this).removeClass('.navbarLinks'); }); // $('.dropdown.login-button').hover(function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeIn(0); // }, function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeOut(0); // }); $(function(){ $(window).scroll(function() { if ($(this).scrollTop() >= 150) { $('body').addClass('stickytop'); } else { $('body').removeClass('stickytop'); } }); }); // $('.login-button.dropdown').hover(function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeIn(0); // }, function() { // $(this).find('.dropdown-menu').stop(true, true).delay(0).fadeOut(0); // }); $('.cardMenu>div >a').click(function(){ var targetImg = $(this).data('img'); $('.InnerImg>img').attr('src',targetImg); }); $('.slider_logo').slick({ slidesToShow: 4, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, responsive: [ { breakpoint: 585, settings: { centerMode: true, centerPadding: '0', slidesToShow: 2 } } ] }); $('.slider_content').slick({ slidesToShow: 2, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, responsive: [ { breakpoint: 585, settings: { centerMode: true, centerPadding: '0', slidesToShow: 1 } } ] }); </script> <script> //to bottom $(document).ready(function(){ // hide #back-top first $("#back-bottom").show(); // fade in #back-top $(function () { $(window).scroll(function () { if ($(this).scrollTop() == 1) { $('#back-bottom').hide(); } else { $('#back-bottom').show(); } }); // scroll body to 0px on click $('#back-bottom a').click(function () { $('body,html').animate({ scrollTop: 0 }, 800); return false; }); }); }); </script> <script> function OpenInNewTab(url) { var win = window.open(url, '_blank'); win.focus(); } $(document).ready(function() { $('.smoothScroll').click(function(){ $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 1000); return false; }); if ($('.register').html()) { var stickyNavTop = $('.register').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('.register').addClass('sticky'); } else { $('.register').removeClass('sticky'); } }; stickyNav(); $(window).scroll(function() { stickyNav(); }); } $('#postJobBtn').click(function() { window.location = "/register.html?rec=true&user.email=" + $('#upperEmail').val(); }); $('#uploadResumeBtn').click(function() { window.location = "/register.html?user.email=" + $('#upperEmail').val(); }); $('#registerAnAccount').click(function() { window.location = "/register.html?user.email=" + $('#registerEmail').val(); }); // Home page Animations if ($('.item').hasClass('active')){ $(this).toggleClass("pulse animated"); } $('.arrowBtn').click(function() { var next = $('.carousel-inner .active').next(); if (!next.html()) next = $('.carousel-inner .item').first(); if (next.html()) setTimeout(function(){ next.removeClass("pulse");next.removeClass("animated");next.toggleClass("pulse animated"); }, 70); }); var checkEmail = function(email) { var str="^([a-zA-Z0-9_-]+[\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9_-]+[\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$"; var re=new RegExp(str); if(re.test(email)){ return true; } return false; } $('#formRptSend').click(function() { var subject = $('#formRptSubject').val(); var email = $('#formRptEmail').val(); var message = $('#formRptMsg').val(); if (!subject) { $('#formRptSubjectErr').show(); return; } else $('#formRptSubjectErr').hide(); if (!email) { $('#formRptEmailErr').show(); return; } else if (!checkEmail(email)) { $('#formRptEmailInvalid').show(); $('#formRptEmailErr').hide(); return; } else { $('#formRptEmailErr').hide(); $('#formRptEmailInvalid').hide(); } if (!message) { $('#formRptMsgErr').show(); return; } else $('#formRptMsgErr').hide(); $.post( "/ajax/send-report-email.html", { 'contact.name' : subject, 'contact.email' : email, 'contact.message' : message }, function() { $('#myModal').modal("hide"); }); }); }); // $(".login-button .positionr").hover(function(){ // $(".employermenu").next().toggle(); // }); $('.load-one').click(function(){ $('.load-cont-2').addClass('loadmoreshow'); $(this).hide(); }); $('.load-two').click(function(){ $('.load-cont-3').addClass('loadmoreshow'); $(this).hide(); }); $('.load-three').click(function(){ $('.load-cont-4').addClass('loadmoreshow'); $(this).hide(); }); $('.load-four').click(function(){ $('.load-cont-5').addClass('loadmoreshow'); $(this).hide(); }); $('.load-five').click(function(){ $('.load-cont-6').addClass('loadmoreshow'); $(this).hide(); }); $('body').scrollspy({ target: '#page-scroll-links'}); function checkOffset() { if($('#social-float').offset().top + $('#social-float').height() >= $('#footer').offset().top - 10) $('#social-float').css('position', 'absolute'); if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top) $('#social-float').css('position', 'fixed'); // restore when you scroll up $('#social-float').text($(document).scrollTop() + window.innerHeight); } $(document).scroll(function() { checkOffset(); }); $('#navbar-example .nav-tabs>li').click(function(){ $('#navbar-example .nav-tabs>li').removeClass('active'); $(this).addClass('active'); }); $('#reloadActivities').click(function(){ $('.side-bar' ).animate({right:'0px'}); }); $('.btn.btn-default.slide').click(function(){ $('.side-bar' ).animate({right:'-400px'}); }); //Blog paragraph text limit $(function(){ $(".card .card__info p").each(function(i){ len=$(this).text().length; if(len>160) { $(this).text($(this).text().substr(0,160)+'...'); } }); }); $(document).on("click", function(event){ var $trigger = $(".login-button"); if($trigger !== event.target && !$trigger.has(event.target).length){ $(".login-button").removeClass("open"); } }); function filterJobs(paramName, value) { var queryParams = ""; var qpArr = queryParams!="" ? queryParams.split("&") : []; paramFlag = false; if(qpArr.length > 0) { var nqpArr = []; var j = 0; for(i = 0; i < qpArr.length; i++) { if(qpArr[i].indexOf("error=") === -1) { nqpArr[j] = qpArr[i]; j++; } } for(i = 0; i < nqpArr.length; i++) { var pair = nqpArr[i].split("="); if(pair[0] == "error") continue; if(pair[0] == paramName) { paramFlag = true; pair[1] = value; } nqpArr[i] = pair.join("="); } queryParams = nqpArr.join("&"); } if(paramFlag == false) { if(queryParams=="") queryParams = paramName+"="+value; else queryParams = queryParams+"&"+paramName+"="+value; } window.location = "http://snaprecruit.com/interview-questions/HTML-interview-questions-part-7.html?"+queryParams; } function clearFilters() { var queryParams = ""; var qpArr = queryParams!="" ? queryParams.split("&") : []; var queryCity = qpArr.filter(function(qprm) { return qprm.indexOf("query")!=-1 || qprm.indexOf("city")!=-1; }); queryParams = queryCity.join("&"); window.location = "http://snaprecruit.com/interview-questions/HTML-interview-questions-part-7.html?"+queryParams; } </script> <!-- <script src="//platform.twitter.com/oct.js" type="text/javascript"></script> <script type="text/javascript">twttr.conversion.trackPid('ntnta', { tw_sale_amount: 0, tw_order_quantity: 0 });</script> <noscript> <img height="1" width="1" style="display:none;" alt="image" src="https://analytics.twitter.com/i/adsct?txn_id=ntnta&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" /> <img height="1" width="1" style="display:none;" alt="image" src="//t.co/i/adsct?txn_id=ntnta&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" /> </noscript> --> </body> </html>