• Download our Catalogue:

Speaker

Top ten Mistakes in Web Design

Since my own first strive in mil novecentos e noventa e seis, I have created many top-10 lists from the biggest errors in Web development. See links to all these kinds of lists in the bottom of this article. This information presents the highlights: the really worst blunders of Webdesign.

1 . Negative Search Extremely literal search engines reduce functionality in that they’re unable to deal with typos, plurals, hyphens, and also other variants on the query conditions. Such search engines like yahoo are particularly troublesome for older people users, but they hurt everyone. A related problem is when search engines prioritize results entirely on the basis of just how many question terms they contain, rather than on each document’s importance. Far better if your search results calls away “best bets” at the top of the list – especially for important queries, like the names of the products. Search is the customer’s lifeline when ever navigation enough. Even though advanced search can sometimes help, straightforward search generally works best, and search need to be presented as being a simple package, since that’s what users are looking for.

installment payments on your PDF Data files for On-line Reading Users hate obtaining a PDF FILE file while browsing, since it breaks the flow. Possibly simple things such as printing or saving files are difficult because normal browser commands don’t job. Layouts can be optimized for your sheet of paper, which usually rarely has the exact size of the user’s internet browser window. Bye-bye smooth rolling. Hello tiny fonts.

Most severe of all, PDF is an undifferentiated blob of content material that’s hard to work.

PDF is perfect for printing as well as for distributing manuals and other big documents that must be printed. Preserve it for this specific purpose and convert any information that needs to be browsed or read on the screen into real webpages. 3. Not Changing colour of Been to Links

A very good grasp of past routing helps you figure out your current area, since it is the culmination of the journey. Understanding your previous and present locations subsequently makes it easier to choose where to go next. Links undoubtedly are a key factor through this navigation process. Users can easily exclude backlinks that turned out fruitless inside their earlier comes to visit. Conversely, they may revisit backlinks they seen helpful in days gone by.

Most important, knowing which webpages they’ve already visited frees users via unintentionally revisiting the same internet pages over and over again.

These types of benefits just accrue beneath one crucial assumption: that users can tell the difference between visited and unvisited backlinks because the internet site shows them in different colours. When frequented links is not going to change color, users display more navigational disorientation in usability tests and unintentionally revisit a similar pages over and over again.

4. Non-Scannable Text

A wall of text can be deadly designed for an online experience. Overwhelming. Boring. Agonizing to read. Publish for internet, not produce. To sketch users into the text and support scannability, use well-documented tricks: • subheads • bulleted lists • featured keywords • short paragraphs • the inverted pyramid • a simple writing design, and • de-fluffed dialect devoid of marketese. 5. Set Font Size

CSS style sheets however give websites the power to disable an online browser’s “change font size” button and specify a fixed font size. About 95% of the time, this fixed dimensions are tiny, minimizing readability considerably for most people older than 40. Value the user’s preferences and enable them resize text when needed. Also, specify typeface sizes in relative conditions – less an absolute selection of pixels. six. Page Titles With Low Search Engine Visibility

Search is the most important approach users discover websites. Search is also one of the most important techniques users discover their approach around specific websites. The humble page subject is most of your tool to draw new site visitors from search listings and to help the existing users to locate the particular pages that they need.

The page title is covered within the HTML CODE tag and is more often than not used because the clickable headline for listings on search engine consequence pages (SERP). Search engines commonly show the initial 66 individuals or so of the title, so it’s truly microcontent. </p> <p> Page titles double as the default front door in the Favorites when users bookmark a web site. For your home page, begin with the corporation name, and then a brief information of the web page. Don’t focus on words like “The” or “Welcome to” unless you desire to be alphabetized within “T” or “W. ” </p> <p> For additional pages than the homepage, start off the title by of the most prominent information-carrying text that express the facts of what users will see on that page. Considering that the page name is used when the eyeport title inside the browser, it is also used while the label just for the window in the taskbar underneath Windows, which means that advanced users will focus between multiple windows within the guidance for the first one or two words of every page name. If your entire page titles commence with the same phrases, you have badly reduced user friendliness for your multi-windowing users. </p> <p> Taglines on websites are a related subject: in addition they need to be brief and quickly communicate the objective of the site. </p> <p> 7. Anything That Appears to be an Ads Selective <a href="http://haddockfilms.in/como-fazer-visitantes-adicionar-voce-ao-seu-guia-favoritos-no-navegador">haddockfilms.in</a> interest is very strong, and People have learned to end paying attention to any kind of ads that get in the way of their very own goal-driven selection. (The main exception being text-only search-engine ads. ) </p> <p> Unfortunately, users also ignore legitimate design elements that look like frequent forms of advertising and marketing. After all, when you ignore a thing, you don’t examine it in depth to find out what. </p> <p> Therefore , it is advisable to avoid any designs that look like adverts. The exact ramifications of this principle will vary with new kinds of ads; currently follow these kinds of rules: </p> <p> • banner loss of sight means that users never fixate their sight on whatever looks like a banner advertising due to form or job on the webpage </p> <p> • cartoon avoidance makes users ignore areas with blinking or flashing text or other aggressive animations </p> <p> • pop-up purges show that users close pop-up windoids before they have even completely rendered; at times with superb viciousness (a sort of getting-back-at-GeoCities triumph). 8. Violating Design Conventions </p> <p> Constancy is one of the most powerful usability ideas: when facts always react the same, users don’t have to worry about what will happen. Rather, they know what will happen depending on earlier encounter. Every time you relieve an apple over Sir Isaac Newton, it will probably drop in the head. Absolutely good. </p> <p> The greater users’ targets prove correct, the more they may feel in control of the system as well as the more they are going to like it. And the more the system breaks users’ expectations, a lot more they will truly feel insecure. Oops, maybe merely let go of this kind of apple, it can turn into a tomato and jump a mile into the sky. </p> <p> Jakob’s Law on the Web End user Experience suggests that “users spend almost all of their period on different websites. ” </p> <p> This means that that they form all their expectations for your site based on what’s typically done on most other sites. When you deviate, your blog will be harder to use and users definitely will leave. being unfaithful. Opening New Browser House windows </p> <p> Opening up fresh browser glass windows is like a vacuum cleaner sales person who starts off a visit by emptying an lung burning ash tray at the customer’s carpet. Don’t dirty my display with anymore windows, with thanks (particularly seeing that current operating systems have depressed window management). </p> <p> Designers open up new web browser windows to the theory that it keeps users on their internet site. But also disregarding the user-hostile principles implied in taking over the user’s equipment, the technique is self-defeating since it disables the Back switch which is the regular way users return to earlier sites. Users often may notice that a new window has opened, especially if they are utilizing a small screen where the house windows are maximized to fill up the display. So an individual can who attempts to return to the foundation will be confused by a grayed outBack switch. </p> <p> Links that don’t become expected challenge users’ comprehension of their own system. A link should be a simple hypertext reference that replaces the existing page with new content material. Users hate unwarranted pop-up windows. Whenever they want the destination to appear in a fresh page, useful to them their browser’s “open in new window” command – assuming, naturally , that the link is not really a piece of code that interferes with the browser’s standard tendencies. </p> <p> 10. Not Answering Users’ Questions </p> <p> Users are highly goal-driven on the Web. That they visit sites because there is certainly something they need to accomplish – maybe also buy your product. The ultimate failure of a webpage is to are not able to provide the details users are searching for. Sometimes the answer then is simply not right now there and you reduce the sale because users need to assume that the product or service does not meet the requirements if you don’t actually tell them the particulars. Other times the specifics happen to be buried under a thick covering of marketing and bland devise. Since users don’t have a chance to read anything, such hidden info may well almost as well not be there. </p> <p> The worst example of not addressing users’ issues is to prevent listing the cost of products and services. Zero B2C online store site will make this fault, but is actually rife in B2B, just where most “enterprise solutions” happen to be presented so you can’t notify whether they happen to be suited for 100 people or perhaps 100, 1000 people. Price are the most specific piece of information customers value to understand the dynamics of an supplying, and not rendering it makes people feel lost and reduces all their understanding of a product line. We certainly have hours of video of users asking “Where’s the purchase price? ” even though tearing their head of hair out. </p> <p> Also B2C sites often make the associated problem of forgetting prices in product lists, such as category pages or search results. Knowing the price is key in both conditions; it lets users distinguish among products and click before the most relevant kinds. </p> </article> </div> </div> </section> <footer> <div class="container"> <div class="row"> <article class="col-md-3 col-sm-6"> <h5 class="txt-white">INSPIRE LEADERSHIP CONSULTANCY, INC</h5> <div id="googleMap2" class="loc"></div> <p class="txt-white">2F HPL Building, 60 Sen. Gil Puyat Ave., <br> Makati City 1200 Philippines</p> <div class="hidden-md hidden-lg"> <h5 class="txt-white unmg-header">Inspire Leadership Consultancy, Inc. is a member of</h5> <img src="https://inspireleaders.com.ph/wp-content/themes/inspire/assets/img/new-inspire-logo.png" width="100%" class="footer-logo" alt="inspire-footer-logo"> </div> </article> <article class="col-md-3 col-sm-6 col-xs-6 footer-contact"> <h5 class="txt-white">Programs we offer</h5> <!-- the loop --> <p><a class="txt-white txt-red-hover" href="https://inspireleaders.com.ph/program/project-management"> Project Management </a> </p> <p><a class="txt-white txt-red-hover" href="https://inspireleaders.com.ph/program/learning-teamwork-from-sports"> Learning Teamwork from Sports </a> </p> <p><a class="txt-white txt-red-hover" href="https://inspireleaders.com.ph/program/leading-generations-2"> Leading Generations </a> </p> <p><a class="txt-white txt-red-hover" href="https://inspireleaders.com.ph/program/crisis-communication"> Crisis Communication </a> </p> <!-- end of the loop --> <!--<p><a class="txt-white txt-red-hover" href="#">Developing the Leader Within You</a></p> <p><a class="txt-white txt-red-hover" href="#">Level Up Leadership</a></p> <p><a class="txt-white txt-red-hover" href="#">Conflict Management</a></p> <p><a class="txt-white txt-red-hover" href="#">Yellow Belt: Lean 6 Sigma</a></p> --> <p><a class="txt-red txt-white-hover" href="https://inspireleaders.com.ph/programs">See More</a></p> <div class="hidden-sm hidden-xs"> <h5 class="txt-white unmg-header">Inspire Leadership Consultancy, Inc. is a member of</h5> <img src="https://inspireleaders.com.ph/wp-content/themes/inspire/assets/img/new-inspire-logo.png" width="100%" class="footer-logo" alt="inspire-footer-logo"> </div> </article> <article class="col-md-3 col-sm-6 col-xs-6 keep-in-touch"> <h5 class="txt-white">Keep In Touch with us:</h5> <ul class="sm-list"> <li><a href="https://www.facebook.com/inspireph"><img src="https://inspireleaders.com.ph/wp-content/themes/inspire/assets/img/sm-fb.jpg"></a></li> <li><a href="https://twitter.com/INSPIREph"><img src="https://inspireleaders.com.ph/wp-content/themes/inspire/assets/img/sm-twitter_05.jpg"></a></li> <li><a href="#"><img src="https://inspireleaders.com.ph/wp-content/themes/inspire/assets/img/sm-instagram_07.jpg"></a></li> </ul> <div class="row"> <div class="col-md-2 col-sm-1 col-xs-1"> <img src="https://inspireleaders.com.ph/wp-content/themes/inspire/assets/img/footer-icon1_03.jpg" alt="icon1_03"> </div> <div class="col-md-10 col-sm-11 col-xs-11"> <p><a href="tel:359.5678" class="txt-white txt-red-hover">(02) 359-5678</a></p> <!-- <p><a href="tel:0917-8173736" class="txt-white txt-red-hover">(+63) 917-8173736</a></p> --> </div> </div> <div class="row"> <div class="col-md-2 col-sm-1 col-xs-1"> <img src="https://inspireleaders.com.ph/wp-content/themes/inspire/assets/img/footer-icon2_03_06.jpg" alt="icon2_03_06"> </div> <div class="col-md-10 col-sm-11 col-xs-11"> <p class="txt-white"><a href="mailto:ask@inspireleaders.com.ph" class="txt-white txt-red-hover">ask@inspireleaders.com.ph</a></p> </div> </div> </article> <article class="col-md-3 col-sm-12"> <h5 class="txt-white">Inquiry</h5> <div role="form" class="wpcf7" id="wpcf7-f71-o1" lang="en-US" dir="ltr"> <div class="screen-reader-response"></div> <form action="/uncategorized/top-ten-mistakes-in-web-design#wpcf7-f71-o1" method="post" class="wpcf7-form" novalidate="novalidate"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="71" /> <input type="hidden" name="_wpcf7_version" value="5.0.3" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f71-o1" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7cf_hidden_group_fields" value="" /> <input type="hidden" name="_wpcf7cf_hidden_groups" value="" /> <input type="hidden" name="_wpcf7cf_visible_groups" value="" /> <input type="hidden" name="_wpcf7cf_options" value="{"form_id":71,"conditions":[],"settings":false}" /> </div> <div class="form-group"> <span class="wpcf7-form-control-wrap footer-name"><input type="text" name="footer-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control txt-box" aria-required="true" aria-invalid="false" placeholder="Name" /></span> </div> <div class="form-group"> <span class="wpcf7-form-control-wrap footer-email"><input type="text" name="footer-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control txt-box" aria-required="true" aria-invalid="false" placeholder="Email Address" /></span> </div> <div class="form-group"> <span class="wpcf7-form-control-wrap footer-textarea"><textarea name="footer-textarea" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control txt-area" aria-required="true" aria-invalid="false" placeholder="Message"></textarea></span> </div> <div class="g-recaptcha" style="transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0;"> <div class="wpcf7-form-control-wrap"><div data-sitekey="6Leiq00UAAAAAMFzTtvI_721EBtZxcedILbVshsp" class="wpcf7-form-control g-recaptcha wpcf7-recaptcha"></div> <noscript> <div style="width: 302px; height: 422px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Leiq00UAAAAAMFzTtvI_721EBtZxcedILbVshsp" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"> </iframe> </div> <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;"> </textarea> </div> </div> </div> </noscript> </div> </div> <div class="parent-glyph1"><p class="child-glyph1"><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit btn default-btn" /></p></div><div class="wpcf7-response-output wpcf7-display-none"></div></form></div> <!--<div class="form-group"> <input type="text" class="form-control txt-box" placeholder="Name"> </div> <div class="form-group"> <input type="text" class="form-control txt-box" placeholder="Email Address"> </div> <div class="form-group"> <textarea class="form-control txt-area" rows="5" placeholder="Message"></textarea> </div> <input type="button" value="Send" class="btn default-btn">--> </article> </div> </div> </footer> <section class="footer-sitemap bg-red"> <div class="container"> <p class="txt-white text-center">Copyright © 2018 by <a class="txt-white txt-white-hover" href="https://inspireleaders.com.ph/sitemap.xml">Inspire Leadership Consultancy, Inc.</a> <a class="txt-white txt-white-hover" href="https://seo-hacker.com/seo-services-philippines/">SEO</a> by <a class="txt-white txt-white-hover" href="https://seo-hacker.net/">SEO-HACKER.</a> Optimized and managed by <a class="txt-white txt-white-hover" href="https://seansi.org/">Sean Si.</a></p> <!--<p class="txt-white text-center">© 2018 Inspire Leadership Consultancy, Inc. All Rights Reserved.</p>--> </div> <script> ( function ( body ) { 'use strict'; body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); } )( document.body ); </script> <script type="text/javascript"> var recaptchaWidgets = []; var recaptchaCallback = function() { var forms = document.getElementsByTagName( 'form' ); var pattern = /(^|\s)g-recaptcha(\s|$)/; for ( var i = 0; i < forms.length; i++ ) { var divs = forms[ i ].getElementsByTagName( 'div' ); for ( var j = 0; j < divs.length; j++ ) { var sitekey = divs[ j ].getAttribute( 'data-sitekey' ); if ( divs[ j ].className && divs[ j ].className.match( pattern ) && sitekey ) { var params = { 'sitekey': sitekey, 'type': divs[ j ].getAttribute( 'data-type' ), 'size': divs[ j ].getAttribute( 'data-size' ), 'theme': divs[ j ].getAttribute( 'data-theme' ), 'badge': divs[ j ].getAttribute( 'data-badge' ), 'tabindex': divs[ j ].getAttribute( 'data-tabindex' ) }; var callback = divs[ j ].getAttribute( 'data-callback' ); if ( callback && 'function' == typeof window[ callback ] ) { params[ 'callback' ] = window[ callback ]; } var expired_callback = divs[ j ].getAttribute( 'data-expired-callback' ); if ( expired_callback && 'function' == typeof window[ expired_callback ] ) { params[ 'expired-callback' ] = window[ expired_callback ]; } var widget_id = grecaptcha.render( divs[ j ], params ); recaptchaWidgets.push( widget_id ); break; } } } }; document.addEventListener( 'wpcf7submit', function( event ) { switch ( event.detail.status ) { case 'spam': case 'mail_sent': case 'mail_failed': for ( var i = 0; i < recaptchaWidgets.length; i++ ) { grecaptcha.reset( recaptchaWidgets[ i ] ); } } }, false ); </script> <script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done"}};var tribe_system_info = {"sysinfo_optin_nonce":"c9bad103b8","clipboard_btn_text":"Copy to clipboard","clipboard_copied_text":"System info copied","clipboard_fail_text":"Press \"Cmd + C\" to copy"};/* ]]> */ </script><script type='text/javascript' src='https://inspireleaders.com.ph/wp-content/plugins/bbpress/templates/default/js/editor.js?ver=2.5.14-6684'></script> <script type='text/javascript' src='https://inspireleaders.com.ph/wp-includes/js/jquery/jquery.form.min.js?ver=4.2.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var cf7mls_object = {"ajax_url":"https:\/\/inspireleaders.com.ph\/wp-admin\/admin-ajax.php","cf7mls_error_message":"","scroll_step":"false"}; /* ]]> */ </script> <script type='text/javascript' src='https://inspireleaders.com.ph/wp-content/plugins/cf7-multi-step/assets/frontend/js/cf7mls.js?ver=1.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/inspireleaders.com.ph\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='https://inspireleaders.com.ph/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.3'></script> <script type='text/javascript' src='https://inspireleaders.com.ph/wp-content/themes/inspire/js/navigation.js?ver=20151215'></script> <script type='text/javascript' src='https://inspireleaders.com.ph/wp-content/themes/inspire/js/skip-link-focus-fix.js?ver=20151215'></script> <script type='text/javascript' src='https://inspireleaders.com.ph/wp-includes/js/comment-reply.min.js?ver=4.9.8'></script> <script type='text/javascript' src='https://inspireleaders.com.ph/wp-includes/js/wp-embed.min.js?ver=4.9.8'></script> <script type='text/javascript' src='https://inspireleaders.com.ph/wp-content/plugins/cf7-conditional-fields/js/scripts.js?ver=1.3.4'></script> <script type='text/javascript' src='https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit&ver=2.0'></script> <script type="text/foobox">/* Run FooBox FREE (v2.5.2) */ (function( FOOBOX, $, undefined ) { FOOBOX.o = {wordpress: { enabled: true }, countMessage:'image %index of %total', excludes:'.fbx-link,.nofoobox,.nolightbox,a[href*="pinterest.com/pin/create/button/"]', affiliate : { enabled: false }}; FOOBOX.init = function() { $(".fbx-link").removeClass("fbx-link"); $(".foogallery-container.foogallery-lightbox-foobox, .foogallery-container.foogallery-lightbox-foobox-free, .gallery, .wp-caption, a:has(img[class*=wp-image-]), .foobox").foobox(FOOBOX.o); }; }( window.FOOBOX = window.FOOBOX || {}, FooBox.$ )); FooBox.ready(function() { jQuery("body").append("<span style=\"font-family:'foobox'; color:transparent; position:absolute; top:-1000em;\">f</span>"); FOOBOX.init(); jQuery('body').on('post-load', function(){ FOOBOX.init(); }); }); </script> <script type="text/javascript"> if (window.addEventListener){ window.addEventListener("DOMContentLoaded", function() { var arr = document.querySelectorAll("script[type='text/foobox']"); for (var x = 0; x < arr.length; x++) { var script = document.createElement("script"); script.type = "text/javascript"; script.innerHTML = arr[x].innerHTML; arr[x].parentNode.replaceChild(script, arr[x]); } }); } else { console.log("FooBox does not support the current browser."); } </script> <!-- This site converts visitors into subscribers and customers with the OptinMonster WordPress plugin v2.1.7 - http://optinmonster.com/ --> <div id="om-kit1tlh3kl-lightbox" class="optin-monster-overlay" style="display:none;"><script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script><style type="text/css" class="om-theme-case-study-styles">.optin-monster-success-message {font-size: 21px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;color: #282828;font-weight: 300;text-align: center;margin: 0 auto;}.optin-monster-success-overlay .om-success-close {font-size: 32px !important;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;color: #282828 !important;font-weight: 300 !important;position: absolute !important;top: 0px !important;right: 10px !important;background: none !important;text-decoration: none !important;width: auto !important;height: auto !important;display: block !important;line-height: 32px !important;padding: 0 !important;}.om-helper-field {display: none !important;visibility: hidden !important;opacity: 0 !important;height: 0 !important;line-height: 0 !important;}html div#om-kit1tlh3kl-lightbox * {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}html div#om-kit1tlh3kl-lightbox {background:none;border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;height:auto;letter-spacing:normal;outline:none;position:static;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;line-height:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;-webkit-appearance:none;}html div#om-kit1tlh3kl-lightbox {background: rgb(0, 0, 0);background: rgba(0, 0, 0, .7);font-family: helvetica,arial,sans-serif;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;line-height: 1;width: 100%;height: 100%;}html div#om-kit1tlh3kl-lightbox .om-clearfix {clear: both;}html div#om-kit1tlh3kl-lightbox .om-clearfix:after {clear: both;content: ".";display: block;height: 0;line-height: 0;overflow: auto;visibility: hidden;zoom: 1;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin {background: #fff;display: none;position: absolute;top: 50%;left: 50%;min-height: 175px;max-width: 700px;width: 100%;z-index: 734626274;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-wrap {position: relative;height: 100%;}html div#om-kit1tlh3kl-lightbox .om-close {position: absolute;top: -12px;right: -12px;text-decoration: none !important;display: block;width: 35px;height: 35px;background: url("https://inspireleaders.com.ph/wp-content/plugins/optin-monster/assets/css/images/close.png") no-repeat scroll 0 0;z-index: 1500;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-bar {margin-bottom: 20px;clear: both;}html div#om-kit1tlh3kl-lightbox .om-bar {float: left;width: 25%;height: 11px;display: block;}html div#om-kit1tlh3kl-lightbox .om-red-bar {background-color: #ef3e36;}html div#om-kit1tlh3kl-lightbox .om-green-bar {background-color: #abb92e;}html div#om-kit1tlh3kl-lightbox .om-orange-bar {background-color: #f57826;}html div#om-kit1tlh3kl-lightbox .om-blue-bar {background-color: #17b4e9;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-header {min-height: 30px;padding: 15px;width: 100%;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-title {font-size: 24px;color: #484848;width: 100%;margin-bottom: 15px;text-shadow: 0 1px #fff;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-tagline {font-size: 16px;line-height: 1.25;color: #484848;width: 100%;margin-bottom: 30px;text-shadow: 0 1px #fff;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-content {padding: 15px;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-left {float: left;max-width: 280px;width: 100%;position: relative;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-image-container {position: relative;max-width: 280px;max-height: 245px;margin: 0 auto;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-image-container img {display: block;margin: 0 auto;text-align: center;height: auto;max-width: 100%;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-right {float: right;max-width: 370px;width: 100%;background-color: #dadada;margin-right: -15px;padding: 20px;position: relative;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-arrow {position: absolute;width: 49px;height: 56px;left: -40px;top: -40px;}html div#om-kit1tlh3kl-lightbox label {color: #333;}html div#om-kit1tlh3kl-lightbox input,html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-name,html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-email {background-color: #fff;width: 100%;border: 1px solid #ccc;font-size: 16px;line-height: 24px;padding: 10px 6px;overflow: hidden;outline: none;margin: 0 0 15px;vertical-align: middle;height: 46px;}html div#om-kit1tlh3kl-lightbox input[type=submit],html div#om-kit1tlh3kl-lightbox button,html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-submit {background: #484848;border: 1px solid #484848;width: 100%;color: #fff;font-size: 20px;padding: 12px 6px;line-height: 28px;text-align: center;vertical-align: middle;cursor: pointer;margin: 0;height: 54px;}html div#om-kit1tlh3kl-lightbox input[type=checkbox],html div#om-kit1tlh3kl-lightbox input[type=radio] {-webkit-appearance: checkbox;width: auto;outline: invert none medium;padding: 0;margin: 0;}@media (max-width: 700px) {html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin[style] {width: 100%;position: relative;}html div#om-kit1tlh3kl-lightbox .om-close {right: 9px;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-left,html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-right,html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-name,html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-email,html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-submit,html div#om-kit1tlh3kl-lightbox .om-has-email #om-lightbox-case-study-optin-email {float: none;width: 100%;max-width: 100%;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-left,html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-name,html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-email {margin-bottom: 15px;}}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {html div#om-kit1tlh3kl-lightbox .om-close {background-image: url("https://inspireleaders.com.ph/wp-content/plugins/optin-monster/assets/css/images/close@2x.png");background-size: 35px 35px;}}</style><style type="text/css" class="om-custom-styles">html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-wrap {background-image: url(https://inspireleaders.com.ph/wp-content/themes/inspire/assets/img/banner-backgorund.png);padding: 40px 0;background-size: cover; background-position: center; background-repeat: no-repeat;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-header {min-height: 30px;padding: 15px;padding-bottom: 0;margin-left: auto;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-title {color: white !important;font-family: "Bree Serif";font-size: 15px !important;text-align: center;position: relative;background-color: black;padding: 14px 0px;width: 86%;margin: 0 auto;font-family: "KeepCalm" !important;font-size: 24px;color: #484848;width: 100%;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-tagline {line-height: 1.25;color: white !important;font-family: "Open Sans";font-size: 12px !important;text-align: center;position: relative;width: 70%;margin: 10px auto 0;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-content {padding-top: 20px;padding-left: 8px;padding-right: 8px;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-right {float: right;max-width: 370px;margin-right: -15px;padding: 20px;position: relative;padding-top: 0;}html div#om-kit1tlh3kl-lightbox input, html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-name{background-color: #fff;width: 100%;border: 1px solid #ccc;font-size: 16px;line-height: 24px;padding: 10px 6px;overflow: hidden;outline: none;margin: 0 0 15px;vertical-align: middle;height: 30px;}html div#om-kit1tlh3kl-lightbox input[type=submit], html div#om-kit1tlh3kl-lightbox button, html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-submit {background: #484848;border: 1px solid #DE0000;width: 100%;color: #fff;font-size: 15px;padding: 10px 6px;line-height: 28px;text-align: center;vertical-align: middle;cursor: pointer;margin: 0;height: 54px;color: #ffffff;background-color: #DE0000 !important;font-family: Bree Serif;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-left{display:none;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-bar{display: none;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-right{background-color: transparent;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-arrow{display:none;}html div#om-kit1tlh3kl-lightbox input, html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-name, html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-email{height:30px;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-header{max-width: 358px;}@media screen and (max-width: 567px){html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-optin-wrap{background-image: url(https://inspireleaders.com.ph/wp-content/themes/inspire/assets/img/inspire-5-wood.jpg);background-position: center;background-size: cover;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-header {min-height: 30px;padding: 15px;padding-bottom: 0;margin: 0 auto;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-right{max-width: unset;}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-right{}html div#om-kit1tlh3kl-lightbox #om-lightbox-case-study-right{float: unset;}</style><div id="om-lightbox-case-study-optin" class="om-lightbox-case-study om-clearfix om-theme-case-study "><div id="om-lightbox-case-study-optin-wrap" class="om-clearfix"><a href="#" class="om-close" title="Close"></a><div id="om-lightbox-case-study-optin-bar" class="om-clearfix"><span class="om-bar om-red-bar"></span><span class="om-bar om-green-bar"></span><span class="om-bar om-orange-bar"></span><span class="om-bar om-blue-bar"></span></div><div id="om-lightbox-case-study-header" class="om-clearfix"><div id="om-lightbox-case-study-optin-title" data-om-action="editable" data-om-field="title" style="color:#484848;font-family:Bree Serif;font-size:32px;text-align:center;">DOWNLOAD OUR BROCHURE</div><div id="om-lightbox-case-study-optin-tagline" data-om-action="editable" data-om-field="tagline" style="color:#484848;font-family:Open Sans;font-size:24px;text-align:center;">Do you want to learn more about us? Get a copy of our brochure now!</div></div><div id="om-lightbox-case-study-content" class="om-clearfix"><div id="om-lightbox-case-study-left"><div id="om-lightbox-case-study-optin-image-container" class="om-image-container om-clearfix"></div></div><div id="om-lightbox-case-study-right"><img id="om-lightbox-case-study-arrow" src="https://inspireleaders.com.ph/wp-content/plugins/optin-monster/includes/themes/case-study/images/arrow.png" alt="Arrow" /><input id="om-lightbox-case-study-optin-name" type="text" value="" data-om-action="selectable" data-om-target="#optin-monster-field-name_field" placeholder="Name" style="color:#484848;font-family:Open Sans;" /><input id="om-lightbox-case-study-optin-email" type="email" value="" data-om-action="selectable" data-om-target="#optin-monster-field-email_field" placeholder="Email" style="color:#484848;font-family:Open Sans;" /><input id="om-lightbox-case-study-optin-submit" type="submit" data-om-action="selectable" data-om-target="#optin-monster-field-submit_field" value="GIVE ME THE BROCHURE" style="color:#ffffff;background-color:#484848;border-color:#484848;font-family:Open Sans;" /></div></div></div><input type="email" name="email" value="" class="om-helper-field" /><input type="text" name="website" value="" class="om-helper-field" /></div><script type="text/javascript">jQuery(document).ready(function($){WebFont.load({google: {families: ['Open+Sans%7CBree+Serif']}});});</script></div> <script type="text/javascript">var kit1tlh3kl_lightbox, omo = {"id":568,"optin":"kit1tlh3kl-lightbox","campaign":"Inspire popup","clones":[""],"hash":"kit1tlh3kl-lightbox","optin_js":"kit1tlh3kl_lightbox","type":"lightbox","theme":"case-study","cookie":20,"delay":5000,"second":0,"exit":false,"redirect":"","redirect_pass":false,"custom":false,"test":false,"global_cookie":30,"preview":false,"ajax":"https:\/\/inspireleaders.com.ph\/?optin-monster-ajax-route=1","mobile":false,"post_id":609,"preloader":"https:\/\/inspireleaders.com.ph\/wp-content\/plugins\/optin-monster\/assets\/css\/images\/preloader.gif","error":"There was an error with your submission. Please try again.","ajax_error":"There was an error with the AJAX request: ","name_error":"Please enter a valid name.","email_error":"Please enter a valid email address.","bot_error":"Honeypot fields have been activated. Your submission is being flagged as potential spam.","success":"Thanks for subscribing! Please check your email for further instructions."}; kit1tlh3kl_lightbox = new OptinMonster(); kit1tlh3kl_lightbox.init(omo);</script> <!--[if lte IE 9]><script type="text/javascript">var om_ie_browser = true;</script><![endif]--><!-- / OptinMonster WordPress plugin. --> </section> <!-- Qeryz code for inspireleaders.com.ph --> <!-- Paste this code right before the end of your <body> tag on every page of your site --> <!-- Don't forget to activate your survey --> <script type='text/javascript' src='https://qeryz-seohacker.netdna-ssl.com/survey/js/qryz_v3.2.js'></script> <script type='text/javascript'> var qRz = qRz || []; (function() { setTimeout(function(){ var qryz_plks = document.createElement('div'); qryz_plks.id = 'qryz_plks'; qryz_plks.className = 'qryz_plks'; document.body.appendChild(qryz_plks); qryzInit2('1'); },0); })(); </script> </body> </html> <script> function initialize() { var myCenter = new google.maps.LatLng(14.556608, 121.004732); var mapCanvas = document.getElementById("googleMap2"); var mapOptions = { center: myCenter, zoom: 16 }; var map = new google.maps.Map(mapCanvas, mapOptions); var marker = new google.maps.Marker({ position: myCenter }); marker.setMap(map); } </script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDnUj5APtGRODm7BEdMz_dsCyXoBeWlGAI&callback=initialize"></script> <!-- SMOOTH SCROLL --> <script> $('a.scroll').click(function() { $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top }, 750); return false; }); </script> <script> setTimeout( function() { var day = jQuery('#day').text().replace(/[^0-9\.-]/g, ''); console.log(day); if(day <= 0) { jQuery('#day').text('0d'); jQuery('#hour').text('0h'); jQuery('#min').text('0m'); jQuery('#sec').text('0s'); jQuery('#reg_tst').css('display','none'); } }, 700); </script> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/ Page Caching using disk: enhanced Served from: inspireleaders.com.ph @ 2018-08-20 09:06:43 by W3 Total Cache -->