HTML + HTML5 interview questions part 2

HTML + HTML5 interview questions part 2

Take as many assements as you can to improve your validate your skill rating

Total Questions: 20

1. Which element specifies a list of pre-defined options for an input element?

A.

B.

C.

D.

Correct Answer is :

2. Which of the following defines a group of related options in a drop-down list?

A.

B.

C.

D.

Correct Answer is :

3. How do we write comments in HTML5?

A.

B. <…….!>

C.

D.

Correct Answer is :

4. Which one is correct syntax?

A.

B.

C.

D.

Correct Answer is :

5. Which of the following is not example of block element?

A.

B.

C.

D.

Correct Answer is :

6. What does semantic markup not define?

A. provides extra information

B. where an emphasis is placed in a sentence

C. meaning of an acronym

D. that describes paragraphs

Correct Answer is : that describes paragraphs

7. What is the size of content of an

element?

D. Anything between smallest and largest

Correct Answer is : Largest

8. What is the tag used for making character appearance bold?

Correct Answer is : content

9. For writing chemical formula of water which tag will be used?

Correct Answer is :

10. which tag will be used For raising number to a power?

Correct Answer is :

11. What is the use of
tag?

A. To create horizontal rule between sections

B. To create a line break

C. To create vertical rule between sections

D. For making content appearance italics

Correct Answer is : To create horizontal rule between sections

12. Which attribute is not essential under ?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que12A">A. src</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12B">B. height</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12C">C. width</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12D">D. frameborder</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>frameborder</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>13. All elements are identified by their and are marked up using either start tags and end tags or self-closing tags.</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que13A">A. attribute name</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13B">B. tag name</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13C">C. class name</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13D">D. none of the mentioned</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>tag name</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>14. The element represents a span of text that is isolated from its surroundings for the purposes of bidirectional text formatting.</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que14A">A. b</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14B">B. bdi</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14C">C. bdo</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14D">D. base</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>bdi</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>15. The interactive element audio with the attribute controls must not appear as a descendant of which element?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que15A">A. a</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15B">B. button</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15C">C. audio</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15D">D. both a and button</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>both a and button</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>16. A element must have a start tag but must not have an end tag.</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que16A">A. details</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16B">B. command</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16C">C. code</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16D">D. both details and command</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>command</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>17. Which type attribute of input element sets the element’s value to a string representing a number?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que17A">A. range</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17B">B. email</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17C">C. file</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17D">D. date</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>range</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>18. Which of the following type attributes of input element defines control for entering a telephone number?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que18A">A. mob</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18B">B. tel</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18C">C. mobile</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18D">D. telephone</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>tel</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>19. Which element represents a control for generating a public-private key pair?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que19A">A. ins</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19B">B. keygen</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19C">C. key</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19D">D. command</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>keygen</span> </div> </div> </div> </div> <hr /> <div class="queColInnerMain"> <h3>20. Which element represents marked or highlighted text for reference purposes?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que20A">A. highlight</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20B">B. mark</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20C">C. strong</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20D">D. blink</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>mark</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 id="emailModal" class="modal fade" role="dialog" aria-hidden="true" style="display: none;"> <div class="modal-dialog modal-lg modal-dialog-centered" style="max-width: 800px;"> <div class="modal-content" style="border-radius: 12px; overflow: hidden; border: none; box-shadow: 0 10px 30px rgba(0,0,0,0.15);"> <button aria-label="button" type="button" class="close" data-dismiss="modal" aria-label="Close" style="position: absolute; top: 15px; right: 20px; z-index: 10; font-size: 28px; color: #999;"> <span aria-hidden="true">×</span> </button> <div class="modal-body" style="padding: 0;"> <div class="row" style="display: flex; flex-wrap: wrap; margin: 0;"> <div class="col-md-6" style="padding: 40px 30px; text-align: center; border-right: 1px solid #eee; background: #fff;"> <img src="/assets/img/apply-once-done.svg" alt="Join Us" style="max-width: 100%; height: auto; margin-bottom: 20px;"> <p style="font-size: 16px; line-height: 1.6; color: #333;"> Get <span style="color: #318ce7; font-weight: bold;">$5</span> added to your <span style="color: #318ce7;">wallet</span> for registering an account. Refer others and get $1 for each successful referral. <span style="color: #318ce7;">Earn</span> while you <span style="color: #318ce7;">search for jobs</span> and redeem in gift cards! </p> </div> <div class="col-md-6" style="padding: 40px 30px; display: flex; flex-direction: column; justify-content: center; background: #f8f9fa;"> <h2 style="font-size: 28px; font-weight: 700; color: #1d2b4f; text-align: center; margin-bottom: 10px;">Search For Latest Jobs</h2> <p style="text-align: center; color: #666; margin-bottom: 30px; font-size: 16px;">Get updates when articles are posted!</p> <div style="margin-bottom: 20px; position: relative;"> <img src="/landing/img/jobtitleicon.svg" style="position: absolute; left: 15px; top: 14px; width: 22px; opacity: 0.6;"> <input type="text" id="popupJobTitle" placeholder="Enter job title" style="width: 100%; height: 50px; padding-left: 50px; border-radius: 8px; border: 1px solid #ddd; font-size: 16px; box-shadow: none;"> </div> <div style="margin-bottom: 25px; position: relative;"> <img src="/landing/img/locationicon.svg" style="position: absolute; left: 15px; top: 14px; width: 22px; opacity: 0.6;"> <input type="text" id="popupJobLocation" placeholder="Enter location" style="width: 100%; height: 50px; padding-left: 50px; border-radius: 8px; border: 1px solid #ddd; font-size: 16px; box-shadow: none;"> </div> <button onclick="popupJobSearch()" style="width: 100%; height: 50px; background: #000; color: #fff; font-weight: bold; border: none; border-radius: 8px; font-size: 18px; cursor: pointer; transition: background 0.3s;"> Find Jobs </button> </div> </div> </div> </div> </div> </div> <script> function popupJobSearch() { var jobTitle = document.getElementById("popupJobTitle").value.trim(); var jobLocation = document.getElementById("popupJobLocation").value.trim(); var ctx = ''; var url = ctx + "/job-search-detail.html?query=" + encodeURIComponent(jobTitle) + "&city=" + encodeURIComponent(jobLocation); window.location.href = url; } $(document).ready(function() { $("html").bind("mouseleave", function () { if ($('#emailModal').length > 0 && !$('#emailModal').hasClass('in')) { $('#emailModal').modal('show'); } $("html").unbind("mouseleave"); }); }); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "Which element specifies a list of pre-defined options for an input element?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is <datalist>" } }, { "@type": "Question", "name": "Which of the following defines a group of related options in a drop-down list?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is <optgroup>" } }, { "@type": "Question", "name": "How do we write comments in HTML5?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is <!……>" } }, { "@type": "Question", "name": "Which one is correct syntax?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is <p id=”td”>" } }, { "@type": "Question", "name": "Which of the following is not example of block element?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is <a>" } }, { "@type": "Question", "name": "What does semantic markup not define?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is that describes paragraphs" } }, { "@type": "Question", "name": "What is the size of content of an <h1> element?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is Largest" } }, { "@type": "Question", "name": "What is the tag used for making character appearance bold?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is <b>content</b>" } }, { "@type": "Question", "name": "For writing chemical formula of water which tag will be used?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is <sub>" } }, { "@type": "Question", "name": "which tag will be used For raising number to a power?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is <sup>" } }, { "@type": "Question", "name": "What is the use of <hr/> tag?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is To create horizontal rule between sections" } }, { "@type": "Question", "name": "Which attribute is not essential under <iframe>?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is frameborder" } }, { "@type": "Question", "name": "All elements are identified by their and are marked up using either start tags and end tags or self-closing tags.", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is tag name" } }, { "@type": "Question", "name": "The element represents a span of text that is isolated from its surroundings for the purposes of bidirectional text formatting.", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is bdi" } }, { "@type": "Question", "name": "The interactive element audio with the attribute controls must not appear as a descendant of which element?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is both a and button" } }, { "@type": "Question", "name": "A ____ element must have a start tag but must not have an end tag.", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is command" } }, { "@type": "Question", "name": "Which type attribute of input element sets the element’s value to a string representing a number?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is range" } }, { "@type": "Question", "name": "Which of the following type attributes of input element defines control for entering a telephone number?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is tel" } }, { "@type": "Question", "name": "Which element represents a control for generating a public-private key pair?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is keygen" } }, { "@type": "Question", "name": "Which element represents marked or highlighted text for reference purposes?", "acceptedAnswer": { "@type": "Answer", "text": "The correct answer is mark" } } ] } </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="" 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>    </ul> <h2>For Partner</h2> <ul> <li> <a href="/register.html?returnJobAlias=" 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="/browse-jobs.html" title="Browse Jobs Directory">Browse Jobs Directory</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"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#1976d2"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg> </a> </li> <li> <a href="https://twitter.com/snaprecruit" aria-label="Twitter" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#03a9f4"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"/></svg> </a> </li> <li> <a href="https://linkedin.com/company/snaprecruit.com" target="_blank" aria-label="Linkedin"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0077b5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2" fill="#0077b5"/></svg> </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 - 2030 Snaprecruit LLC. All Rights Reserved</p> </div> </div> </div> </div> </div> </footer>  <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(){ $(".employermenu").click(function(e){ e.stopPropagation(); window.location.href = $(this).attr('href'); }); 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-+-HTML5-interview-questions-part-2.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-+-HTML5-interview-questions-part-2.html?"+queryParams; } </script>  </body> </html>