| Snaprecruit.com
| Snaprecruit.com
JOBSEEKERS
Login
Sign Up
Jobseeker
Employer
Staffing
Enterprises
Interview question based on skill :
Back
Take as many assements as you can to improve your validate your skill rating
Total Questions: 20
1. Borders can’t be applied on ________________
A.
B.
C.
D.
Show Correct Answer
Correct Answer is :
2. Which attribute defines numbers of columns in a group?
A. width=multi-length[CN].
B. span=number[CN].
C. scope=scope-name[CN].
D. headers=idrefs[CS].
Show Correct Answer
Correct Answer is :
span=number[CN].
3. Which is not a color function?
A. lighten()
B. fade()
C. darken()
D. opaque()
Show Correct Answer
Correct Answer is :
opaque()
4. Which element does not support autofocus attribute?
A.
B.
C.
</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que4D">D. <base></label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="4">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans4"> Correct Answer is : <span><base></span> </div> </div> <hr /> <h3>5. Which element does not support form attribute?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que5A">A. <input></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que5B">B. <output></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que5C">C. <meta></label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que5D">D. <button></label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="5">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans5"> Correct Answer is : <span><meta></span> </div> </div> <hr /> <h3>6. Metadata does not define _________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que6A">A. character set</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que6B">B. links</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que6C">C. scripts</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que6D">D. color</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="6">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans6"> Correct Answer is : <span>color</span> </div> </div> <hr /> <h3>7. State whether the given statement is true or false. “We can intermix XHTML and HTML 4.01 documents”</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que7A">A. TRUE</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que7B">B. FALSE</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que7C">C. </label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que7D">D. </label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="7">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans7"> Correct Answer is : <span>FALSE</span> </div> </div> <hr /> <h3>8. How can you create an e-mail link?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que8A">A. Mail href="xxx@yyy.com"</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que8B">B. Mail>xxx@yyy.com/mail</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que8C">C. A href="xxx@yyy.com"</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que8D">D. A href="mailto:xxx@yyy.com"</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="8">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans8"> Correct Answer is : <span>A href="mailto:xxx@yyy.com"</span> </div> </div> <hr /> <h3>9. Choose the correct HTML for width attribute and its value.</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que9A">A. width=80</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9B">B. width=”80″</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9C">C. WIDTH=”80″</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que9D">D. WIDTH=80</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="9">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans9"> Correct Answer is : <span>width=”80″</span> </div> </div> <hr /> <h3>10. Which of the following XHTML doctype declaration contains all HTML elements and attributes, including presentational and deprecated elements (like font) but not framesets?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que10A">A. !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10B">B. !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10C">C. !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que10D">D. </label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="10">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans10"> Correct Answer is : <span>!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”</span> </div> </div> <hr /> <h3>11. HTML and XHTML stands for ______</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que11A">A. Hyper Text Markup Language and Extensible HyperText Markup Language</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11B">B. Hyper Text Markup Language and Extensible HyperText Marking Language</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11C">C. Hyper Text Marking Language and EXtensible HyperText Marking Language</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que11D">D. Hyper Text Marking Language and Extensible HyperText Markup Language</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="11">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans11"> Correct Answer is : <span>Hyper Text Markup Language and Extensible HyperText Markup Language</span> </div> </div> <hr /> <h3>12. Choose the correct tag for the largest heading in HTML.</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que12A">A. h6</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12B">B. heading</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12C">C. h1</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que12D">D. head</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="12">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans12"> Correct Answer is : <span>h1</span> </div> </div> <hr /> <h3>13. Which of the following are table tags?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que13A">A. table, thead, tr, td</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13B">B. colspan, table, tr</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13C">C. table, tt, tr, td</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que13D">D. thead, colspan, td, tr</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="13">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans13"> Correct Answer is : <span>table, thead, tr, td</span> </div> </div> <hr /> <h3>14. What is the default type of ‘type’ attribute of <input> element?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que14A">A. Text</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14B">B. Password</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14C">C. Numerals</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que14D">D. Special Characters</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="14">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans14"> Correct Answer is : <span>Text</span> </div> </div> <hr /> <h3>15. Which of the following is a new input attribute introduce by HTML5?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que15A">A. text</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15B">B. checkbox controls</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15C">C. submit buttons</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que15D">D. date</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="15">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans15"> Correct Answer is : <span>date</span> </div> </div> <hr /> <h3>16. How does the color attribute work?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que16A">A. Changes color of the text</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16B">B. Changes background color</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16C">C. The color picker is defined by it</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que16D">D. Changes color of the text as well as background</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="16">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans16"> Correct Answer is : <span>The color picker is defined by it</span> </div> </div> <hr /> <h3>17. Which attribute is used for activation of JavaScript?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que17A">A. button</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17B">B. checkbox</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17C">C. url</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que17D">D. submit</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="17">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans17"> Correct Answer is : <span>button</span> </div> </div> <hr /> <h3>18. Which attribute defines the file-select field?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que18A">A. file</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18B">B. checkbox</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18C">C. button</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que18D">D. text</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="18">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans18"> Correct Answer is : <span>file</span> </div> </div> <hr /> <h3>19. How image attribute works?</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que19A">A. Sets an image background</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19B">B. Set an image as submit button</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19C">C. Set an image anywhere on the page</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que19D">D. Bring default image to the page</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="19">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans19"> Correct Answer is : <span>Set an image as submit button</span> </div> </div> <hr /> <h3>20. month attribute defines ___________</h3> <div class="queColList"> <div class="row"> <div class="col-lg-12"> <div class="queSelect"> <label for="que20A">A. the only month</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20B">B. month and year</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20C">C. date</label> </div> </div> <div class="col-lg-12"> <div class="queSelect"> <label for="que20D">D. date and time</label> </div> </div> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="queColBtn"> <button class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="20">Show Correct Answer</button> </div> </div> <div class="col-lg-7 correctans" id="cans20"> Correct Answer is : <span>month and year</span> </div> </div> <hr /> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $(".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); }); }); </script> </div> <footer> <div class="footer_content tets"> <div class="container"> <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 YourResume </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-+-HTML5-interview-questions-part-12.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-12.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>