Website Design Johor Bahru | Web Design JB | ePROFILE | Website for Company Profile, Services, Projects

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html class="" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="//ogp.me/ns#" xmlns:fb="//www.facebook.com/2008/fbml"> <head> <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-1018719952/fiQECNjTu94BENDd4eUD', 'event_callback': callback }); return false; } </script>  <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2427688,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script>  <script type="application/ld+json"> { "@context" : "http://schema.org", "@id" : "https://www.webteq.com.my/", "@type" : "LocalBusiness", "name" : "Webteq Solution Sdn. Bhd. | Web Design Johor Bahru (JB)", "image" : "https://www.webteq.com.my/data/cms/images/square_logo_blue.png", "priceRange" : "Based on selected packages & requirements", "telephone" : "+6016-770 4437", "email" : "info@webteq.com.my", "address" : [ { "@type" : "PostalAddress", "streetAddress" : "No. G36, 34-01 & 34-02, Jalan Austin Perdana 2/23, Taman Austin Perdana", "addressLocality" : "Johor Bahru", "addressRegion" : "Johor", "addressCountry" : "Malaysia", "postalCode" : "81100" }, { "@type" : "PostalAddress", "streetAddress" : "Unit D-2F-12 Sunway Nexis, No. 1 Jalan PJU 5/1, Kota Damansara", "addressLocality" : "Petaling Jaya", "addressRegion" : "Selangor", "addressCountry" : "Malaysia", "postalCode" : "47810" } ], "url" : "https://www.webteq.com.my/", "aggregateRating" : { "@type" : "AggregateRating", "ratingValue" : "5/5", "ratingCount" : "56709" } } </script><title> Website Design Johor Bahru | Web Design JB | ePROFILE | Website for Company Profile, Services, Projects </title> <link type="text/css" href="/css/public.css?v=20191202" rel="Stylesheet" /> <link type="text/css" href="/css/thickbox.css" rel="Stylesheet" /> <link type="text/css" href="/css/orangebox.css" rel="Stylesheet" /> <link type="text/css" href="/css/mobile/sidebar/jquery.sidr.light.css" rel="Stylesheet" /> <link type="text/css" href="/css/animate.css" rel="Stylesheet" /> <link type="text/css" href="/css/common.css" rel="Stylesheet" /> <link type="text/css" href="/css/supersizedsub.css" rel="Stylesheet" /> <link type="text/css" href="/css/supersizedsub.shutter.css" rel="Stylesheet" /> <link type="text/css" href="/css/slick/slick.css" rel="Stylesheet" /> <link type="text/css" href="/css/slick/slick-theme.css" rel="Stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Catamaran:300,400,700|Mukta+Mahee:200,300,400,700|Pangolin|Material+Icons" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script> <script src="/js/swfobject.js" type="text/javascript"></script> <script src="/js/config.js" type="text/javascript"></script> <script src="/js/jquery.cycle.all.min.js" type="text/javascript"></script> <script src="/js/jquery.cookie.min.js" type="text/javascript"></script> <script src="/js/thickbox.min.js" type="text/javascript"></script> <script src="/js/orangebox.min.js" type="text/javascript"></script> <script src="/js/WaterMark.min.js" type="text/javascript"></script> <script src="/js/jquery.sidr.min.js" type="text/javascript"></script> <script src="/js/common.js" type="text/javascript"></script> <script src="/js/supersized.3.2.6.min.js" type="text/javascript"></script> <script src="/js/supersized-shuttle.js" type="text/javascript"></script> <script src="/js/ScrollMagic/ScrollMagic.min.js" type="text/javascript"></script> <script src="/js/ScrollMagic/plugins/debug.addIndicators.min.js" type="text/javascript"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBybrdqHxE-faUD0gf1oCa9_yUBQuRfzy0"></script> <script src="/js/gomap-1.3.2.min.js" type="text/javascript"></script> <script src="/js/particles.min.js" type="text/javascript"></script> <script src="/js/slick/slick.min.js" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> <script type="text/javascript"> function pagerFactory(idx, slide) { //var s = idx > 2 ? ' style="display:none"' : ''; return '<a href="#"><img src="../img/cmn/trans.gif" alt="" width="10" height="10" class="imgPage' + idx + '" border="0" /></a>'; }; function toggleNav() { if ($('body').hasClass('open')) { $('body').removeClass('open'); } else { $('body').addClass('open'); } } $(function () { var contactMapBtn = '#divContactMapBtn'; $(contactMapBtn).on("click", function () { $('.divContactInfoDetails').fadeToggle("slow"); $(contactMapBtn).toggleClass("active"); if ($(contactMapBtn).hasClass('active')) { $(contactMapBtn).text('View Contact'); } else { $(contactMapBtn).text('View Map'); } }); if ($.cookie('webteq_click')) { if ($.cookie('webteq_click') == "1") { $(".divStartHere").hide(); } } //side menu $('#ctl00_hypTopMenu').on("click", function () { $.cookie('webteq_click', '1', { expires: 30 }); $(".divStartHere").hide(); $(this).toggleClass('open'); toggleNav(); return false; }); //end side menu // Search Site openCSE($("#ctl00_hypSearchSite"), $('#ctl00_pnlSearchSiteContainer')); // End Search Site redirectDone(); }); $('.divSlideShow').cycle({ fx: 'fade', speed: 700, timeout: 0, pager: '.divSlidePagination', pagerAnchorBuilder: pagerFactory, prev: '#homeSSPrev', next: '#homeSSNext' }); $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#ctl00_pnlTopMainWhiteContainer').addClass("activeScroll"); //.toggleClass("divTopMainWhiteContainer divTopMainWhiteContainerOnScroll"); $('#ctl00_pnlTopRightContainer').addClass("activeScroll"); } else { $('#ctl00_pnlTopMainWhiteContainer').removeClass("activeScroll"); //.toggleClass("divTopMainWhiteContainerOnScroll divTopMainWhiteContainer"); $('#ctl00_pnlTopRightContainer').removeClass("activeScroll"); } }); </script> <meta name="viewport" content="width=1024, maximum-scale=1.0"/> <link href='https://www.webteq.com.my/eProfile' rel='canonical'/><link id="ctl00_Icon" href="/data/admctrlpnl/1566269302_favicon-webteq.ico" rel="shortcut icon" /><link href='/css/logo.css?v=1.0' rel='Stylesheet' type='text/css' /><link href='/css/topmenu.css' rel='Stylesheet' type='text/css' /><link href='/css/nav.css' rel='Stylesheet' type='text/css' /><link href='/css/quicklinks.css?v=20191031' rel='Stylesheet' type='text/css' /><meta property="og:title" content="Webteq Solution" /><meta property="og:type" content="Website" /><meta property="og:url" content="https://www.webteq.com.my/" /><meta property="og:image" content="https://www.webteq.com.my/data/cms/images/webteqfb_logo.jpg" /><meta property="og:site_name" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><meta property="og:description" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><link href='/css/facebook.css' rel='Stylesheet' type='text/css' /><link href='/css/topmenu.css' rel='Stylesheet' type='text/css' /><link href='/css/nav.css' rel='Stylesheet' type='text/css' /><link href='/css/sitesearch.css' rel='Stylesheet' type='text/css' /><link href='/css/background.css' rel='Stylesheet' type='text/css' /><link id="ctl00_Masthead" href="/css/masthead.css" rel="stylesheet" type="text/css" /><link href='/css/btmmenu.css' rel='Stylesheet' type='text/css' /><link href='/css/copy.css' type='text/css' rel='Stylesheet' /><link href='/css/quicklinks.css?v=20191031' rel='Stylesheet' type='text/css' /><meta property="og:title" content="Webteq Solution" /><meta property="og:type" content="Website" /><meta property="og:url" content="https://www.webteq.com.my/" /><meta property="og:image" content="https://www.webteq.com.my/data/cms/images/webteqfb_logo.jpg" /><meta property="og:site_name" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><meta property="og:description" content="Webteq Solution focusing on web and technology, provides the comprehensive website application consultation, creative web design and development." /><link href='/css/facebook.css' rel='Stylesheet' type='text/css' /><meta name='keywords' content='ePROFILE, profiling website, company profile, online profile, web design johor bahru, website design jb, ecommerce, web application, intertnet marketing, web based solution, seo, search engine marketing johor malaysia, web maintenance, webteq solution, e-commerce online store, web marketing singapore' /><meta name='description' content='ePROFILE, website for Company Profile, Services, Project, Testimonial, Contact Details. Web Design JB with Search Engine Optimization SEO.' /><link href='/css/loading.css' rel='Stylesheet' type='text/css' /></head> <body id="ctl00_BodyID" class="bodySubpage"> <form name="aspnetForm" method="post" action="/eProfile" id="aspnetForm"> <div> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/WebForms.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ window.WebForm_PostBackOptions||document.write('<script type="text/javascript" src="/WebResource.axd?d=LZYdTMOoGSLuUL6tM4ZZvinjc-P1pcRjEhtheBoC8yjOWtUKb5I3L4cA3BO4IK3gQWxS8vUud4n0sqqgSQUgsvi81pRoHimXkRQKZnL8LWY1&t=638460112569584809"><\/script>');//]]> </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-17988653-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-17988653-1'); gtag('config', 'AW-1018719952'); </script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '235005593692623'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=235005593692623&ev=PageView &noscript=1"/></noscript>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '3149475338473178'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=3149475338473178&ev=PageView &noscript=1"/></noscript>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '488090159037549'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=488090159037549&ev=PageView&noscript=1" /></noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-7Z62G4HZXD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-7Z62G4HZXD'); </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjax.debug.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys._Application && Sys.Observer)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=xEucleASRLKN_LQ-ZSQ-LRelD28Re60dROoiy8gFRnBv7uv5sUH2-pjfyAtnZFTCXUt7noabmRMqpB7KNENBVDDBZQ6hOwfVBBiGYjHtcUPbVT3gZgdd17LApwKFPRdEI9HMSShS9P3hkugmer5XdlssuMCIE2neH4VU12rC6wd2vEZma3Wd15WtdfDgSJ140&t=74258c30"><\/script>');//]]> </script> <script type="text/javascript"> //<![CDATA[ if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.'); //]]> </script> <script src="https://ajax.aspnetcdn.com/ajax/4.6/1/MicrosoftAjaxWebForms.debug.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ (window.Sys && Sys.WebForms)||document.write('<script type="text/javascript" src="/ScriptResource.axd?d=tSfncuLKVdlUb_ejMH8V8UkL-uMk0-inSbNp6cQRYrGyu7gWPpT0Uez8WI0h97sYHvCQIUXoWIUBwbQliOGoDJai1el2ld9v0N-vFwP_GN8uZnohcO_IlAPFpKjfvmJ9EzfVZmnSEBJOFjIrBtQkovco8I75gqZDHxHsAHdBGpui8-KdEBjdGl0IZU5pILaT0&t=74258c30"><\/script>');//]]> </script> <div> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAWvVXD1oYELeveMr0vHCmYPMXCviTIf3l/WUwneuF6D1HxCLTP638hNrQou14COvFnCc/oWCRQRQNViAy5nC4NssCcPe0V0zXjJ3NXvHUXXOfgwOflw9PwsgM6sNLqkbmzbfIrFiQydrLYrbS4CEEKR" /> </div> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$scriptmanager1', 'aspnetForm', ['tctl00$UsrSiteSearch$upnlProdGroup',''], [], [], 90, 'ctl00'); //]]> </script> <input type="hidden" name="ctl00$hfVSFileName" id="ctl00_hfVSFileName" value="7995ca1d-c2fe-41b7-a8d2-18e777f732f0" /> <div id="site-wrapper"> <div id="site-topmenu"> <div id="ctl00_pnlTopMainWhiteContainer" class="divTopMainWhiteContainer"> <div id="ctl00_pnlTopMainContainer" class="divTopMainContainer"> <div id="ctl00_pnlTopMainContainerInner" class="divTopMainContainerInner"> <div id="ctl00_pnlTopLeft" class="divTopLeft"> <div id="ctl00_pnlTopLeftContainer" class="divTopLeftContainer"> <a id="ctl00_ucUsrLogo_hypLogo" title="Webteq | Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO" href="/"><img id="ctl00_ucUsrLogo_imgLogo" title="Webteq | Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO" class="imgLogo" src="/data/admctrlpnl/1566816203_logo-top-panel-webteq.png" alt="Webteq | Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO" style="border-width:0px;" /></a> </div> </div> <div id="ctl00_pnlTopRightContainer" class="divTopRightContainer"> <div id="ctl00_pnlTopRightContainerInner" class="divTopRightContainerInner"> <table border="0" cellpadding="0" cellspacing="0" style="float: right;"> <tr> <td style="float: right;"> <div id="ctl00_pnlTopTopMenuContainer" class="divTopTopMenuContainer"> <div> <div id="ctl00_ucUsrTopTopMenu_pnlTopMenuContainer" class="divTopMenuInnerContainer"> <ul class="nav-nav-one nav"> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl00_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl00_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl00_hypMenu" title="About Us" class="topTopMenuItem" onclick="redirectLoading();" href="/about-us">About Us</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl00_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl01_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl01_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl01_hypMenu" title="Articles" class="topTopMenuItem" onclick="redirectLoading();" href="/articles">Articles</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl01_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl02_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl02_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl02_hypMenu" title="FAQs" class="topTopMenuItem" onclick="redirectLoading();" href="/faqs">FAQs</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl02_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl03_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl03_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl03_hypMenu" title="Career" class="topTopMenuItem" onclick="redirectLoading();" href="/career">Career</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl03_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopTopMenu_rptMenu_ctl04_liMenu"> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl04_pnlMenu"> <a id="ctl00_ucUsrTopTopMenu_rptMenu_ctl04_hypMenu" title="Happenings" class="topTopMenuItem" onclick="redirectLoading();" href="/event/happenings">Happenings</a> </div> <div id="ctl00_ucUsrTopTopMenu_rptMenu_ctl04_pnlSubMenu" class="divTopMenuSub"> </div> </li> </ul> </div> </div> </div> <div id="ctl00_pnlQuickInfoContainer" class="divQuickInfoContainer fixed_element"> <div id="ctl00_ucUsrQuickLinks_pnlQuickLinksInner" class="divQuickLinksInner"> <div id="ctl00_ucUsrQuickLinks_pnlWhatsApp" class="divWhatsApp"> <table cellpadding="0" cellspacing="0"> <tr> <td></td> <td class="tdSpace"></td> <td> <a id="ctl00_ucUsrQuickLinks_hypWhatsApp" title="Whatsapp Me" class="hypWhatsApp" alt="Whatsapp Me" href="//api.whatsapp.com/send?phone=60167704437" target="_blank" style="width:25px; height:25px; position: absolute; margin-left: -11px; margin-top: -3px;"><img id="ctl00_ucUsrQuickLinks_imgWhatsApp" alt="Whatsapp Me" src="/img/cmn/trans.gif" style="border-width:0px;" /></a> </td> </tr> </table> </div> <div id="ctl00_ucUsrQuickLinks_pnlQuickEmail" class="divQuickEmail"> <table cellpadding="0" cellspacing="0"> <tr> <td></td> <td class="tdSpace"></td> <td> <a id="ctl00_ucUsrQuickLinks_hypQuickEmail" title="info@webteq.com.my" class="hypQuickEmail" href="mailto:info@webteq.com.my" style="width:25px; height:25px; position: absolute; margin-left: -11px; margin-top: -3px;"> </a> </td> </tr> </table> </div> <div id="ctl00_ucUsrQuickLinks_pnlQuickContactNo" class="divQuickContactNo"> <table cellpadding="0" cellspacing="0"> <tr> <td></td> <td class="tdSpace"></td> <td class="divQuickContact"><i class="material-icons" style="font-size:14px; margin-right:5px;">phone</i>+6016-770 4437</td> </tr> </table> </div> <div id="ctl00_ucUsrQuickLinks_pnlFbPageContainer" class="divFbPageContainer"> <div class="divFacebookWebsitePage"><a id="ctl00_ucUsrQuickLinks_hypFbPage" title="https://www.facebook.com/WebteqSince2007/" class="hypFbPage" href="https://www.facebook.com/WebteqSince2007/" target="_blank"></a></div> <div class="divFacebookLikePage"><div id="ctl00_ucUsrQuickLinks_ucUsrFacebook_pnlFacebookScript" class="divFacebookScript"> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); } (document, 'script', 'facebook-jssdk')); </script> </div> <div id="ctl00_ucUsrQuickLinks_ucUsrFacebook_pnlFacebook" class="divFacebook"> <div id="fb-root"></div> <div id="ctl00_ucUsrQuickLinks_ucUsrFacebook_pnlFacebookLike" class="divFacebookLike"> <div class="fb-like" data-href="https://www.webteq.com.my/" data-send="false" data-width="80" data-show-faces="true" data-layout="button_count"></div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { $(".divFbPageContainer").hide(); }); </script> </div> </div> <div id="ctl00_pnlSearchLinkContainer" class="divSearchLinkContainer"> <a id="ctl00_hypSearchSite" title="Search" class="hypSearchSite">Search</a> </div> </td> </tr> <tr> <td style="float: right;"> <div id="ctl00_pnlTopMenuOuter" class="divTopMenuContainer"> <div id="ctl00_pnlTopMenu" class="divTopMenu"> <div> <div id="ctl00_ucUsrTopMenu_pnlTopMenuContainer" class="divTopMenuInnerContainer"> <ul class="nav-nav-one nav"> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl00_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_hypMenu" title="Website Design" class="topMenuItemSel" onclick="redirectLoading();" href="/website-design">Website Design</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl00_pnlSubMenu" class="divTopMenuSub"> <ul class="nav-nav-two nav"> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl01_liSubMenu" class="sel"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl01_hypSubMenu" title="ePROFILE" onclick="redirectLoading();" href="/eProfile">ePROFILE</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl02_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl02_hypSubMenu" title="eCATALOG" onclick="redirectLoading();" href="/eCatalog">eCATALOG</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl03_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl03_hypSubMenu" title="eSHOP" onclick="redirectLoading();" href="/eShop">eSHOP</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl04_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl04_hypSubMenu" title="SEO" onclick="redirectLoading();" href="/seo">SEO</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl05_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl05_hypSubMenu" title="Customized" onclick="redirectLoading();" href="/customized">Customized</a> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl06_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl00_rptSubMenu_ctl06_hypSubMenu" title="eMOBILE" onclick="redirectLoading();" href="/mobile-friendly">eMOBILE</a> </li> </ul> </div> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl01_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl01_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl01_hypMenu" title="Portfolio" class="topMenuItem" onclick="redirectLoading();" href="/event/portfolio">Portfolio</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl01_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl02_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl02_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl02_hypMenu" title="Testimonial" class="topMenuItem" onclick="redirectLoading();" href="/testimonial">Testimonial</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl02_pnlSubMenu" class="divTopMenuSub"> </div> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl03_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl03_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl03_hypMenu" title="Sharing" class="topMenuItem" onclick="redirectLoading();" style="cursor:default;">Sharing</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl03_pnlSubMenu" class="divTopMenuSub"> <ul class="nav-nav-two nav"> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl03_rptSubMenu_ctl01_liSubMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl03_rptSubMenu_ctl01_hypSubMenu" title="Email Step by Step" onclick="redirectLoading();" href="/email">Email Step by Step</a> </li> </ul> </div> </li> <li id="ctl00_ucUsrTopMenu_rptMenu_ctl04_liMenu"> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl04_pnlMenu"> <a id="ctl00_ucUsrTopMenu_rptMenu_ctl04_hypMenu" title="Contact Us" class="topMenuItem" onclick="redirectLoading();" href="/contact/contact-us">Contact Us</a> </div> <div id="ctl00_ucUsrTopMenu_rptMenu_ctl04_pnlSubMenu" class="divTopMenuSub"> </div> </li> </ul> </div> </div> </div> </div> </td> </tr> </table> </div> <div id="ctl00_pnlSideMenu" class="divSideMenu"> <div class="header"> <div id="ctl00_UsrSideMenu_pnlHeaderRow" class="header-row"> <a class="nav-mobile-toggle" title="Menu"> <span></span> <span></span> <span></span> </a> </div> <div class="header-row menu"> <div class="nav-menu"> <div> <div id="ctl00_UsrSideMenu_pnlTopMenuContainer" class="divTopMenuInnerContainer"> <ul class="nav-one"> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_hypMenu" title="Website Design" class="menuLevel" href="/website-design"><span class='content'>Website Design</span></a> <ul class="nav-two side-sub"> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl01_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl01_hypSubMenu" title="ePROFILE" href="/eProfile">ePROFILE</a> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl03_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl03_hypSubMenu" title="eCATALOG" href="/eCatalog">eCATALOG</a> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl05_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl05_hypSubMenu" title="eSHOP" class="SubMenuParent" href="/eShop">eSHOP</a> <ul class="nav-three side-sub"> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl05_rptSubMenuLv2_ctl01_liSubMenuLv2"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl05_rptSubMenuLv2_ctl01_hypSubMenuLv2" title="Apply for Paypal" class="hypTopSubMenuLv2" href="/apply-for-PayPal">Apply for Paypal</a> </li> </ul> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl07_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl07_hypSubMenu" title="SEO" href="/seo">SEO</a> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl09_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl09_hypSubMenu" title="Customized" href="/customized">Customized</a> </li> <li class='nav-splitter'></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl11_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl00_rptSubMenu_ctl11_hypSubMenu" title="eMOBILE" href="/mobile-friendly">eMOBILE</a> </li> </ul> </li> <li class="nav-splitter"></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl02_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl02_hypMenu" title="Portfolio" class="divTopMenuItem" href="/event/portfolio"><span class='content'>Portfolio</span></a> </li> <li class="nav-splitter"></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl04_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl04_hypMenu" title="Testimonial" class="divTopMenuItem" href="/testimonial"><span class='content'>Testimonial</span></a> </li> <li class="nav-splitter"></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl06_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl06_hypMenu" title="Sharing" class="menuLevel" style="cursor:default;"><span class='content'>Sharing</span></a> <ul class="nav-two side-sub"> <li id="ctl00_UsrSideMenu_rptMenu_ctl06_rptSubMenu_ctl01_liSubMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl06_rptSubMenu_ctl01_hypSubMenu" title="Email Step by Step" href="/email">Email Step by Step</a> </li> </ul> </li> <li class="nav-splitter"></li> <li id="ctl00_UsrSideMenu_rptMenu_ctl08_liMenu"> <a id="ctl00_UsrSideMenu_rptMenu_ctl08_hypMenu" title="Contact Us" class="divTopMenuItem" href="/contact/contact-us"><span class='content'>Contact Us</span></a> </li> </ul> <ul class="nav nav-one-bottom"> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl00_liMenu"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl00_hypMenu" title="About Us" class="divTopMenuItem" href="/about-us"><span class='content'>About Us</span></a> </li> <li class="nav-splitter">/</li> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl02_liMenu"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl02_hypMenu" title="Articles" class="divTopMenuItem" href="/articles"><span class='content'>Articles</span></a> </li> <li class="nav-splitter">/</li> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl04_liMenu"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl04_hypMenu" title="FAQs" class="divTopMenuItem" href="/faqs"><span class='content'>FAQs</span></a> </li> <li class="nav-splitter">/</li> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl06_liMenu"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl06_hypMenu" title="Career" class="divTopMenuItem" href="/career"><span class='content'>Career</span></a> </li> <li class="nav-splitter">/</li> <li id="ctl00_UsrSideMenu_rptBottomMenu_ctl08_liMenu"> <a id="ctl00_UsrSideMenu_rptBottomMenu_ctl08_hypMenu" title="Happenings" class="divTopMenuItem" href="/event/happenings"><span class='content'>Happenings</span></a> </li> </ul> </div> </div> </div> </div> <script> $(".nav-mobile-toggle").on("click", function () { $(".header").toggleClass("open"); if ($('.header').hasClass('open')) { $('.nav-mobile-toggle span').css('background', '#fff'); $('body').css('overflow', 'hidden'); } else { $('.nav-mobile-toggle span').css('background', ''); $('body').css('overflow', 'auto'); } }); $(".nav-one > li > a > i").on("click", function () { $parent = $(this).parent().parent(); if ($parent.hasClass("sel")) { $parent.find(".nav-two").slideUp("slow", function () { $parent.toggleClass("sel"); }); } else { $parent.find(".nav-two").slideDown("slow", function () { $parent.toggleClass("sel"); }); } return false; }); </script> </div> </div> </div> </div> </div> </div> </div> <div id="site-menu"> </div> <div id="site-canvas"> <div class="divSearchSiteOverlay"></div> <div id="ctl00_pnlSearchSiteContainer" class="divSearchSiteContainer"> <div class="divSearchSiteContainerInner"> <div id="ctl00_UsrSiteSearch_upnlProdGroup"> <div id="ctl00_UsrSiteSearch_uprgProdGroup" style="display:none;"> <div id="ctl00_UsrSiteSearch_ucUsrLoading_pnlLoading" class="divLoading"> <div class="rectangle-bounce selected"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="rect4"></div> <div class="rect5"></div> </div> </div> </div> <script type="text/javascript" language="javascript"> $(document).ready(function () { var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_endRequest(function () { $("#ctl00_UsrSiteSearch_pnlSearchResult").click(function (e) { e.stopPropagation(); }); }); }) </script> <div id="ctl00_UsrSiteSearch_pnlSearch"> <div id="ctl00_UsrSiteSearch_pnlSearchResult" class="divSearchResult" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_UsrSiteSearch_lnkbtnSearch')"> <div class="divSearchText"> <table width="100%"> <tr> <td> <input name="ctl00$UsrSiteSearch$txtboxSearch" type="text" id="ctl00_UsrSiteSearch_txtboxSearch" class="text_enquiry" PlaceHolder="Search in Webteq Solution" /></td> <td width="60px" align="center"> <a id="ctl00_UsrSiteSearch_lnkbtnSearch" title="Search" href="javascript:__doPostBack('ctl00$UsrSiteSearch$lnkbtnSearch','')"> <svg width="40" height="40" viewBox="0 0 24 24"><path fill="#497cd9" d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg> </a></td> </tr> </table> </div> </div> </div> </div> <script> $("#ctl00_UsrSiteSearch_pnlSearchResult").on("click", function (e) { e.stopPropagation(); }); </script> </div> </div> <div id="ctl00_pnlMainContainer" class="divMainContainer"> <div id="ctl00_ucUsrBackground_pnlMastheadBackgroundContainer" class="divMastheadBackgroundContainer"> <div id="ctl00_ucUsrBackground_divSlideBgTagline" class="divSlideBgTagline minTaglineHeight"> <div id="slidedescription"></div> </div> </div> <script> (function () { $.runMasthead = function () { $.supersized({ // Functionality slideshow: 1, // Slideshow on/off autoplay: 1, // Slideshow starts playing automatically start_slide: 1, // Start slide (0 is random) stop_loop: 0, // Pauses slideshow on last slide random: 0, // Randomize slide order (Ignores start slide) slide_interval: 5000, // Length between transitions transition: 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed: 1000, // Speed of transition new_window: 1, // Image links open in new window/tab pause_hover: 1, // Pause slideshow on hover keyboard_nav: 1, // Keyboard navigation on/off performance: 2, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) image_protect: 1, // Disables image dragging and right click with Javascript // Size & Position min_width: 0, // Min width allowed (in pixels) min_height: 0, // Min height allowed (in pixels) vertical_center: 0, // Vertically center background horizontal_center: 1, // Horizontally center background fit_always: 0, // Image will never exceed browser width or height (Ignores min. dimensions) fit_portrait: 1, // Portrait images will not exceed browser height fit_landscape: 0, // Landscape images will not exceed browser width // Components slide_links: 'blank', // Individual links for each slide (Options: false, 'number', 'name', 'blank') thumb_links: 1, // Individual thumb links for each slide thumbnail_navigation: 0, // Thumbnail navigation slides: [ {image: '/data/masthead/1541152471_masthead-eprofile.jpg', description: '<table border="0" cellpadding="0" cellspacing="0" style="width:100%; text-align:center; padding: 30px 0px 100px 0px;"> <tbody> <tr> <td><img alt="" src="/data/cms/images/1541152598_icon-eprofile-masthead.png" style="width: 90px; height: 75px;" /></td> </tr> <tr> <td style="height:20px;"> </td> </tr> <tr> <td class="mstTagline" style=" ">Profiling Website</td> </tr> <tr> <td class="mstTagline2" style="font-size:35px;">Company Introduction and Identity Showcase</td> </tr> </tbody></table>'}, // Slideshow Images ], // Theme Options progress_bar: 1, // Timer for each slide mouse_scrub: 1 }); } })(); </script> <div id="ctl00_pnlMiddleContainerOuter" class="divMiddleContainerOuterSub "> <div id="ctl00_pnlMiddleContainerSub" class="divMiddleContainerSub animated"> <div id="ctl00_cphContent_ucUsrCMS_pnlCMS" class="divCMS"> <div id="ctl00_cphContent_ucUsrCMS_pnlContentSection" class="divCMSContentSection"> <div id="ctl00_cphContent_ucUsrCMS_pnlContent" class="divCMSContent"> <link href="/css/slick/slick.css" rel="Stylesheet" type="text/css" /> <link href="/css/slick/slick-theme.css" rel="Stylesheet" type="text/css" /><script src="/js/slick/slick.min.js" type="text/javascript"> </script> <style type="text/css">.blueshirtBG { background-image: url("/data/cms/images/1538734794_img-career.jpg"); background-repeat: no-repeat; height: 950px; background-size:100%; margin-top: -110px; width:100%; } .topwaveBG { background: url("/data/cms/images/1535616718_img-about-us-title-background1.png")no-repeat center top, url("/data/cms/images/1535616688_img-about-us-title-background2.png")no-repeat center top 10px; height: 80px; } .blueBG { background-image: url("/data/cms/images/1541131304_bg-eprofile-project.png"); background-repeat: no-repeat; background-size:100% 100%; width:100%; } a.Morelink:link, a.Morelink:visited{ color:#ffffff; font-size: 18px; font-family: Pangolin; font-weight: 400; } a.Morelink:hover, a.Morelink:active { color:#b6cefc; } a.btnProvide:link, a.btnProvide:visited{ font-size: 18px; font-family: Pangolin; font-weight: 400; color:#ffffff; height:40px; width:160px; padding-top:9px; background:transparent; vertical-align:middle; margin: 0px 10px; text-align:center; display:inline-block; border:1px solid #fff; border-radius:20px; box-sizing:border-box; } a.btnProvide:hover, a.btnProvide:active { color:#fff; } .button11, .button11:link, .button11:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 7px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #db0084, #ff3434, #ff3434, #db0084); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button11:hover, .button11:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .button2, .button2:link, .button2:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 7px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #148551 , #34a853, #34a853, #148551); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button2:hover, .button2:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .button13, .button13:link, .button13:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 7px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #d89429 , #fbbe07, #fbbe07, #d89429); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button13:hover, .button13:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .button14, .button14:link, .button14:visited { height: 40px; width: 150px; background-size: 300% 100%; padding-top: 7px; box-sizing: border-box; display: block; text-align: center; background-image: linear-gradient(to right, #6d00d3 , #9f2b98, #9f2b98, #6d00d3); font-size: 16px; font-family: 'Mukta Mahee', Arial; font-weight: 300; color: #fff; border-radius: 20px; transition: all .2s ease-in-out; } .button14:hover, .button14:active { color: #fff; text-decoration: none; background-position: 100% 0; transition: all .2s ease-in-out; } .box01 { width: 960px; height: 60px; background: #fff; border-top: 3px solid transparent; border-image: linear-gradient(to right, #005bff 0%, #00cbe6 100%); border-image-slice: 1; border-radius:10px; } .dot { height: 8px; width: 8px; background-color: #ffffff; border-radius: 50%; display: inline-block; } .box02 { background-image: linear-gradient(to bottom, #ff3434 0%, #db0084 100%); height:35px; border-radius:3px; } .tc { font-size: 36px; background: -webkit-linear-gradient(left, #db0084, #ff3434); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bgec { background: url("/data/cms/images/1541577100_bg-eprofile-features1.png")no-repeat center 80%; } .divTextInner { background:#f52747; height: 40px; width: 40px; border-radius: 50%; color: #6b92da; font-size:18px; text-align: center; line-height: 24px; vertical-align: middle; } #slider-container { position:relative; overflow:hidden; width:100%; height:540px; display:inline-block; } .slide { top:0; width:100%; display:inline-block; /*transform:scale(0); transition:all .7s;*/ } .slide img { width:100%; height:100%; } ol{ list-style:none; width:100%; } ol li{ background: #888; border-radius: 50%; display: inline-block; width:20px; height:20px; cursor: pointer; } .prodTitle{ height:28px; padding-top:7px; padding-left:15px; cursor: pointer; display: block; text-decoration: none; text-transform:capitalize; font-size:14px; background:#848484 url("/data/cms/images/1542187826_pagination-project-view-all-works.png") no-repeat right 10px top 13px; } .prodTitle:visited { color:#ffffff; background:#848484 url("/data/cms/images/1542187826_pagination-project-view-all-works.png") no-repeat right 10px top -47px; color:#ffffff; text-decoration:none; } .prodTitle:link { color:#ffffff; background:#848484 url("/data/cms/images/1542187826_pagination-project-view-all-works.png") no-repeat right 10px top -47px; color:#ffffff; text-decoration:none; } .prodTitle:hover { color:#ffffff; background:#bbbbbb url("/data/cms/images/1542187826_pagination-project-view-all-works.png") no-repeat right 10px top 13px; color:#ffffff; text-decoration:none; } .prodTitle:active { color:#ffffff; background:#bbbbbb url("/data/cms/images/1542187826_pagination-project-view-all-works.png") no-repeat right 10px top 13px; color:#ffffff; text-decoration:none; } .prodOpen { color:#ffffff; background:#bbbbbb url("/data/cms/images/1542187826_pagination-project-view-all-works.png") no-repeat right 10px top 13px!important; } .prodOpen:hover { color:#ffffff; background:#bbbbbb url("/data/cms/images/1542187826_pagination-project-view-all-works.png") no-repeat right 10px top 13px; } .prodDesc{ display:none; width:auto; padding:20px 15px; } .hypMore { height:20px; display:block; background:url('/data/cms/images/btn-link(1).gif') no-repeat 200px -69px; color:#5575ae; padding-top:3px; } a.hypMore:link, a.hypMore:visited { color:#5575ae; text-decoration:none; background:url('/data/cms/images/btn-link(1).gif') no-repeat 200px -69px} a.hypMore:hover, a.hypMore:active { color:#6b92da; text-decoration:none; background:url('/data/cms/images/btn-link(1).gif') no-repeat 200px 3px; } .divSlideShow img { width: 100% !important; height: auto !important; text-align: center; } .divSlideShow > div{ position: static !important; width: 100% !important; height: auto !important; } .divSlideShow { position: absolute !important; width: 100%% !important; height: auto !important; } .ulContent li { background: url(../../data/cms/images/bullet-list-subpage(2).gif) no-repeat 0px 4px; padding-left: 25px; list-style-type: none; } #nav > a{ margin:3px; width:8px; height:8px; background:url('/data/cms/images/1542187826_pagination-project-view-all-works.png') no-repeat; display:inline-block; padding-top:0px; cursor:pointer; } #nav > a:link{ text-decoration:none; } #nav > a:visited{ text-decoration:none; ); display:inline-block; } #nav > a:active{ text-decoration:none; background:url('/data/cms/images/1542187826_pagination-project-view-all-works.png') no-repeat 0px -58px; } #nav > a.activeSlide , #nav > a.activeSlide:link, #nav > a.activeSlide:visited, #nav > a.activeSlide:active{ text-decoration:none; background:url('/data/cms/images/1542187826_pagination-project-view-all-works.png') no-repeat 0px -58px; } .viewAllWorksline{ width:16px; height:1px; background-color:#678cc6; vertical-align:middle; } .viewAllWorks, .viewAllWorks:link, .viewAllWorks:visited{ font-size:12px; color:#678cc6; text-decoration:none; } .viewAllWorks:hover, .viewAllWorks:active{ color:#556d9c; } .customs li { margin: 0 0 0 0; display: inline-block; list-style: none; &:first-child { margin-left: 0; } } .customs{ display:inline-block; position:absolute; bottom:-45px; left:50%; transform:translateX(-50%); z-index:5; } .dotfeatures, .dotfeatures:before { display:block; width:30px; height:3px; text-decoration: none; background:url('/data/cms/images/1545898921_pagination-eprofile-features.png') no-repeat 0px 0px; background-size:100%; margin-right:5px; margin-left:5px; cursor: pointer; } .slick-active .dotfeatures { background:url('/data/cms/images/1545898921_pagination-eprofile-features.png') no-repeat 0px -53px; } .dotfeatures:hover, .slick-active .dotfeatures:hover, .slick-active .dotfeatures:before{ background:url('/data/cms/images/1545898921_pagination-eprofile-features.png') no-repeat 0px -53px; } .slick-slide img { display: inline; } .features .slick-slide{ margin: 0px 20px; } </style> <style type="text/css">.dot1, .dot1:before { display:block; width:8px; height:8px; text-decoration: none; background:url("/data/cms/images/pagination-project-view-all-works.png") no-repeat center top; background-size:100%; margin-right: 0px; margin-left: 10px; cursor: pointer; } .divSlideShow .slick-active .dot1 { background:url("/data/cms/images/pagination-project-view-all-works.png") no-repeat center bottom; background-size:cover; } .dot1:hover, .divSlideShow .slick-active .dot1:hover, .divSlideShow .slick-active .dot1:before{ background:url("/data/cms/images/pagination-project-view-all-works.png") no-repeat center bottom; background-size:cover; } .divSlideShow .customs1{ display:inline-block; position:absolute; bottom: -20%; left: 94.3%; } .divSlideShow .customs1 li{ margin: -145px 0px -80px 0px; display: inline-block; list-style: none; padding-left: 0 !important; } .divSlideShow .slick-slide { margin: 0px 0px!important; } .divSlideShow .slick-list { margin: 0px 0px!important; } .slick-track { left: 0px!important; margin-left: 0px!important; } </style> <script> $(document).ready(function(){ $('.prodTitle').click(function(){ var parentDiv = $(this).parent(); var thisItem = $(this); if (thisItem.hasClass("prodOpen")) { thisItem.removeClass('prodOpen'); thisItem.next().slideUp(500, function () { thisItem.next().removeClass('prodDescOpen'); }); } else { if ($('.prodOpen').length > 0) { $('.prodOpen').removeClass('prodOpen'); $('.prodDescOpen').slideUp(500, function () { $('.prodDescOpen').removeClass('prodDescOpen'); $(thisItem).addClass('prodOpen'); $('.prodDesc', parentDiv).addClass('prodDescOpen'); $('.prodDesc', parentDiv).slideDown(500); }); } else { $(thisItem).addClass('prodOpen'); $('.prodDesc', parentDiv).addClass('prodDescOpen'); $('.prodDesc', parentDiv).slideDown(500); } } return false; }); }); </script><script type="text/javascript"> $(document).ready(function(){ $('.divSlideShow').slick({ slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 5000, arrows:false, fade: true, swipe:true, dots:true, dotsClass: 'customs1', customPaging: function (slider, i) { return '<a class="dot1" role="button" title=""></a>'; } }); }); </script><script type="text/javascript"> $(document).ready(function(){ $('.features').slick({ slidesToShow: 3, slidesToScroll: 3, arrows:false, autoplay: false, dots:true, dotsClass: 'customs', customPaging: function (slider, i) { return '<a class="dotfeatures" role="button" title=""></a>'; } }); }); </script> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto; position: relative; "> <tbody> <tr> <td style="text-align: center;"> <h1>ePROFILE | Website Design JB KL</h1> </td> </tr> <tr> <td style="text-align: center;">This <b>profiling website</b> that enables you to translate or explain your business to your website visitors and potential clients in a structured way. It is a website that is suitable for <b>company profiling and introduction purpose</b>. The main focus on ePROFILE is to help the company to present the company background and its core products and services.</td> </tr> <tr> <td style="height:60px;"> </td> </tr> <tr> <td style="text-align: center;"><img alt="" src="/data/cms/images/1541575532_icon-eprofile-scroll-down.png" style="width: 64px; height: 64px;" /></td> </tr> <tr> <td style="height:70px;"> </td> </tr> </tbody> </table> <div class="blueBG"> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto; position: relative; "> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="background-image:linear-gradient(to right, #db0084 0%, #ff3434 100%);height:60px; border-radius: 10px 10px 0px 0px;"><span class="dot" style=" margin-left: 2%;">  </span><span class="dot" style=" margin-left: 1%;">  </span><span class="dot" style=" margin-left: 1%;">  </span></td> </tr> <tr> <td> <div style="position:relative;height:650px;overflow:hidden"> <div class="divSlideShow" style=" width: 100%; height: 100%;display:table;table-layout:fixed;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><a href="http://www.seasongroup.com.my" target="_blank" title="www.seasongroup.com.my"><img alt="Season Group" src="/data/cms/images/1541152669_img-eprofile-project-season.jpg" style="width: 100%;" /></a></td> </tr> <tr> <td><img alt="" src="/data/cms/images/1541576071_img-eprofile-project-dropshadow.png" style="width: 960px; height: 35px;" /></td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div class="box02" style="width:3px;"> </div> </td> <td style="width:10px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:202px;"> <tbody> <tr> <td style="font-size:12px;">Project Name</td> </tr> <tr> <td style="font-size:16px;font-family:Catamaran;font-weight:700;color:#333644;">Season Group</td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> <div class="box02" style="width:3px;"> </div> </td> <td style="width:10px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="font-size:12px;">Project Type</td> </tr> <tr> <td style="font-size:16px;font-family:Catamaran;font-weight:700;color:#333644;">ePROFILE Advanced</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><a href="http://www.bnx.my/" target="_blank" title="www.bnx.my"><img alt="BNX Group" src="/data/cms/images/1541583368_img-eprofile-project-bnx.jpg" style="width: 100%;" /></a></td> </tr> <tr> <td><img alt="" src="/data/cms/images/1541576071_img-eprofile-project-dropshadow.png" style="width: 960px; height: 35px;" /></td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div class="box02" style="width:3px;"> </div> </td> <td style="width:10px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:202px;"> <tbody> <tr> <td style="font-size:12px;">Project Name</td> </tr> <tr> <td style="font-size:16px;font-family:Catamaran;font-weight:700;color:#333644;">BNX Group</td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> <div class="box02" style="width:3px;"> </div> </td> <td style="width:10px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="font-size:12px;">Project Type</td> </tr> <tr> <td style="font-size:16px;font-family:Catamaran;font-weight:700;color:#333644;">ePROFILE Advanced</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><a href="http://www.dynac.com.my/" target="_blank" title="www.dynac.com.my"><img alt="Dynac" src="/data/cms/images/1541583350_img-eprofile-project-dynac.jpg" style="width: 100%;" /></a></td> </tr> <tr> <td><img alt="" src="/data/cms/images/1541576071_img-eprofile-project-dropshadow.png" style="width: 960px; height: 35px;" /></td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div class="box02" style="width:3px;"> </div> </td> <td style="width:10px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:202px;"> <tbody> <tr> <td style="font-size:12px;">Project Name</td> </tr> <tr> <td style="font-size:16px;font-family:Catamaran;font-weight:700;color:#333644;">Dynac</td> </tr> </tbody> </table> </td> <td style="width:30px;"> </td> <td> <div class="box02" style="width:3px;"> </div> </td> <td style="width:10px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="font-size:12px;">Project Type</td> </tr> <tr> <td style="font-size:16px;font-family:Catamaran;font-weight:700;color:#333644;">ePROFILE Advanced</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; "> <tbody> <tr> <td style="text-align: right;position: absolute;bottom: 60px;right: 0px;z-index: 5;"><a alt="View All Works" class="viewAllWorks" href="/portfolio" title="View All Works">View All Works </a> <div class="viewAllWorksline" style="display:inline-block;"> </div> </td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 10px; height: 10px;" /></td> </tr> <tr> <td style="text-align: right; padding-bottom: 3px;"> <div class="nav" id="nav"> </div> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:40px;"> </td> </tr> <tr> <td style="border-top:1px solid #dddddd;"> </td> </tr> <tr> <td style="height:50px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:225px; height:170px; box-sizing: border-box; background:#f9f9fa; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="10 - pages Website" src="/data/cms/images/1539072751_icon-services-10-pages-website.png" style="width: 45px; height: 40px; margin: 0px 0px 20px;" title="10 - pages Website" /></td> </tr> <tr> <td style="padding-bottom: 10px;font-family:Mukta Mahee;font-weight:700;">10 - pages Website</td> </tr> <tr> <td>With Unique Design</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:225px; height:170px; box-sizing: border-box; background:#f9f9fa; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Online Enquiry Form" src="/data/cms/images/1539072782_icon-services-online-enquiry.png" style="width: 45px; height: 40px; margin: 0px 0px 20px;" title="Online Enquiry Form" /></td> </tr> <tr> <td style="padding-bottom: 10px;font-family:Mukta Mahee;font-weight:700;">Online Enquiry Form</td> </tr> <tr> <td>With Google Map</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:225px; height:170px; box-sizing: border-box; background:#f9f9fa; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="CMS" src="/data/cms/images/1539072807_icon-services-cms.png" style="width: 45px; height: 40px; margin: 0px 0px 20px;" title="CMS" /></td> </tr> <tr> <td style="padding-bottom: 10px;font-family:Mukta Mahee;font-weight:700;">CMS</td> </tr> <tr> <td>DIY for website content updates</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td style="width:225px; height:170px; box-sizing: border-box; background:#f9f9fa; border:1px solid #ddd;text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><img alt="Gallery Module" src="/data/cms/images/1541576232_icon-services-gallery-module.png" style="width: 45px; height: 40px; margin: 0px 0px 20px;" title="Gallery Module" /></td> </tr> <tr> <td style="padding-bottom: 10px;font-family:Mukta Mahee;font-weight:700;">Gallery Module</td> </tr> <tr> <td>Create Album, Upload Photos</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:20px;"> </td> </tr> <tr> <td style="height:30px;"> </td> </tr> <tr> <td style="text-align:center;"><a class="button11" href="/our-services" style="margin: auto; margin-top: 30px;" title="More Details">More Details</a></td> </tr> <tr> <td style="height:80px;"> </td> </tr> </tbody> </table> </div> <div class="bgec"> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto; position: relative; "> <tbody> <tr> <td style="height:115px;"> </td> </tr> <tr> <td style="text-align: center;"> <h2>Features</h2> </td> </tr> <tr> <td style="height:50px;"> </td> </tr> </tbody> </table> <div class="features" style="width:1010px; margin:auto;"> <div style="width:320px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="text-align: center;"><img alt="Bespoke Design" src="/data/cms/images/1541131824_icon-eprofile-features-bespoke-design.png" style="width: 130px; height: 130px;" title="Bespoke Design" /></td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 15px; height: 15px;" /></td> </tr> <tr> <td style="text-align: center;"> <h3>Bespoke Design</h3> </td> </tr> <tr> <td style="text-align: center;">Our Website design is unique to each client based on your business needs. We do not use any ready-made templates.</td> </tr> </tbody> </table> </div> <div style="width:320px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="text-align: center;"><img alt="Contact Page" src="/data/cms/images/1541131844_icon-eprofile-features-contact-page.png" style="width: 130px; height: 130px;" title="Contact Page" /></td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 15px; height: 15px;" /></td> </tr> <tr> <td style="text-align: center;"> <h3>Contact Page</h3> </td> </tr> <tr> <td style="text-align: center;">Allow the consumers or potential clients to get in touch with you and we map your exact location on Google Map to provide ease to client to visit you.</td> </tr> </tbody> </table> </div> <div style="width:320px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="text-align: center;"><img alt="Social Media Link" src="/data/cms/images/1541131859_icon-eprofile-features-social-media-link.png" style="width: 130px; height: 130px;" title="Social Media Link" /></td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 15px; height: 15px;" /></td> </tr> <tr> <td style="text-align: center;"> <h3>Social Media Link</h3> </td> </tr> <tr> <td style="text-align: center;">We give you the edge to connect and engage your website visitors to your Facebook page, Google+, Twitter, etc.</td> </tr> </tbody> </table> </div> <div style="width:320px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="text-align: center;"><img alt="CMS" src="/data/cms/images/1545967174_icon-eprofile-features-cms.png" style="width: 130px; height: 130px;" title="CMS" /></td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 15px; height: 15px;" /></td> </tr> <tr> <td style="text-align: center;"> <h3>CMS</h3> </td> </tr> <tr> <td style="text-align: center;">Our Content Management System allows website administrator to update website content at anytime and anywhere by logging into control panel.</td> </tr> </tbody> </table> </div> <div style="width:320px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="text-align: center;"><img alt="Content Pages" src="/data/cms/images/1545967200_icon-eprofile-features-content-pages.png" style="width: 130px; height: 130px;" title="Content Pages" /></td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 15px; height: 15px;" /></td> </tr> <tr> <td style="text-align: center;"> <h3>Content Pages</h3> </td> </tr> <tr> <td style="text-align: center;">We allow you to describe your company profile or background and core businesses to let your visitors understand you better.</td> </tr> </tbody> </table> </div> <div style="width:320px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="text-align: center;"><img alt="Online Form" src="/data/cms/images/1545967213_icon-eprofile-features-online-form.png" style="width: 130px; height: 130px;" title="Online Form" /></td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 15px; height: 15px;" /></td> </tr> <tr> <td style="text-align: center;"> <h3>Online Form</h3> </td> </tr> <tr> <td style="text-align: center;">Enable your visitors to complete and submit their enquiries and have the form sent directly to your email.</td> </tr> </tbody> </table> </div> <div style="width:320px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="text-align: center;"><img alt="Quick Contact" src="/data/cms/images/1545967226_icon-eprofile-features-quick-contact.png" style="width: 130px; height: 130px;" title="Quick Contact" /></td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 15px; height: 15px;" /></td> </tr> <tr> <td style="text-align: center;"> <h3>Quick Contact</h3> </td> </tr> <tr> <td style="text-align: center;">Always allows website visitors to easily find the contact number and email in every website navigation pages.</td> </tr> </tbody> </table> </div> <div style="width:320px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="text-align: center;"><img alt="Gallery Module" src="/data/cms/images/1545967237_icon-eprofile-features-gallery-module.png" style="width: 130px; height: 130px;" title="Gallery Module" /></td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 15px; height: 15px;" /></td> </tr> <tr> <td style="text-align: center;"> <h3>Gallery Module</h3> </td> </tr> <tr> <td style="text-align: center;">This feature made available for ePROFILE to allow website administrator to upload photo into website to showcase their works or products and brand.</td> </tr> </tbody> </table> </div> </div> </div> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="height:155px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:1200px; margin:auto; position:relative;"> <tbody> <tr> <td style="width:590px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td rowspan="2" style="width:135px;"> </td> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 10px; height: 10px;" /></td> </tr> <tr> <td style="position:relative;"><img alt="circle" src="/data/cms/images/1542363943_img-eprofile-when-do-you-need-circle.png" style="height:455px; width:455px;" /> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; position:absolute; top:0;"> <tbody> <tr> <td style="height:185px;"> </td> </tr> <tr> <td style="text-align:center;"><span style="font-size:18px;font-family:Catamaran;font-weight:700; color:#333644;">When Do You Need An</span><br /> <span class="tc" style="font-size:36px;font-family:Catamaran;font-weight:700;">ePROFILE?</span></td> </tr> </tbody> </table> </td> </tr> <tr> <td style="position: absolute;left: 0px;bottom: 40px;"> <div class="container"> <div class="animation-container"> <div class="trap Profile"> </div> <span class="icon animated"><img alt="icon" src="/data/cms/images/1542363935_icon-eprofile-when-do-you-need.png" title="" /></span></div> </div> </td> </tr> </tbody> </table> </td> <td style="width:60px;"> </td> <td style="width:450px; vertical-align:top;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="position:relative;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; position:absolute; top:0; right:170px; background: #ffffff;"> <tbody> <tr> <td style="height: 100px;border: 1px solid #ddd; box-sizing: border-box;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:30px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:40px;"> <tbody> <tr> <td class="divTextInner" style="color: #ffffff;">1</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td>If you are trying to showcase their company profile in the internet world.</td> <td style="width:20px;"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:120px;"> </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; background: #ffffff;"> <tbody> <tr> <td style="height: 100px;border: 1px solid #ddd; box-sizing: border-box;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:30px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:40px;"> <tbody> <tr> <td class="divTextInner" style="color: #ffffff;">2</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td>If you are engaging in service-related industry, such as renovation, engineering, consultation, etc.</td> <td style="width:20px;"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td><img alt="" src="/data/cms/images/trans.gif" style="width: 20px; height: 20px;" /></td> </tr> <tr> <td style="position:relative;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; position:absolute; top:0; right:110px; background: #ffffff;"> <tbody> <tr> <td style="height: 100px;border: 1px solid #ddd; box-sizing: border-box;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:30px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:40px;"> <tbody> <tr> <td class="divTextInner" style="color: #ffffff;">3</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td>If you are the manufacturer that produce products & goods for end users.</td> <td style="width:20px;"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:120px;"> </td> </tr> <tr> <td style="position:relative;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%; position:absolute; top:0; right:275px; background: #ffffff;"> <tbody> <tr> <td style="height: 100px;border: 1px solid #ddd; box-sizing: border-box;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:30px;"> </td> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:40px;"> <tbody> <tr> <td class="divTextInner" style="color: #ffffff;">4</td> </tr> </tbody> </table> </td> <td style="width:20px;"> </td> <td>If you are running a businesses that serve a very niche and specialized market.</td> <td style="width:20px;"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td style="width:100px;"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <input type="hidden" name="ctl00$cphContent$ucUsrCMS$hdnContent" id="ctl00_cphContent_ucUsrCMS_hdnContent" /> <script src="/js/strings.js" type="text/javascript"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> <style type="text/css"> #divMDEC{background:linear-gradient(180deg,rgba(235,237,248,1)0%,rgba(255,255,255,1)100%);padding:80px 0px 0px;} .divWidth_50{width:50%;} .divWidth_100{width:100%;} .divMDECRbl{background-color:#fff;border:1px solid #ccc;border-radius:10px;position:relative;} .divHeight40{height:40px;display:flex;align-items:center;} .divRBLHdr{font-family:'Mukta Mahee', Arial, Sans-Serif;font-weight:700;} .rblMDEC label{line-height:40px;} #dvCaptcha div{margin:auto;} .divMDECAck{text-align:center;} .divMDECContentHdr{text-align:center;} .divMDECContentHdr h2 { line-height: 50px;} .divMDECContentHdr h3 { line-height: 35px; } input[type="radio"]:checked+label,input[type="checkbox"]:checked+label{ font-weight: bold; } .divEnquiryRowResponsive{position:relative;} .recaptcha{display:flex; align-items:center; justify-content:center;display: inline-block;position: relative;} .errmsg{background-color:#fff;padding:5px;position:absolute;top:-40px;right:0px;border:1px solid red;border-radius:5px;opacity:0.9;} .errmsg:before { position: absolute; bottom: -6px; right: 36px; display: block; content: ""; width: 12px; height: 12px; background-color: #fff; box-shadow: 1px 1px 0px 0px red; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (min-width:960px) { #divMDECContent { width: 100%; max-width: 1200px; margin: auto; } .divLineBreak { display: block; } .divMDECContentHdr { padding: 0px 0px 30px; } .divEnquiryRowResponsive { width: 48%; display: inline-block; padding: 0px 0px 20px; vertical-align: top; } .divEnquiryRowResponsiveSplit { width: 2%; display: inline-block; } .divMDECRbl { width: 372px; margin: 10px 30px 30px 0px; display: inline-block; box-sizing: border-box; padding: 20px; vertical-align: top; min-height:244px; } .divMDECRbl:last-child { margin: 10px 0px; } } @media only screen and (max-width:500px) { .divEnquiryRowResponsive{width:100%;margin-bottom:10px;} .divEnquiryRowResponsiveSplit{display:none;} .divMDECRbl{margin:0px 0px 10px;padding:20px;} #divMDEC{padding:60px 20px 20px;} .text_enquiry,.ddl_enquiry{border:1px solid #ccc;border-radius:5px;padding:5px 10px;} .rblMDEC label{font-size:14px;} .errmsg{font-size:12px;} } .divRenewalRow { display: flex; align-items: center; font-size: 100%; } .divRenewalLabel{ width:45%; } .divRenewalContent { width: 69%; } .divRenewalRow input, .divRenewalRow select { background-color: #fcfcfc; font-size: 100%; font-family: Assistant, Arial; color: #666; } .divRenewalRow input[type=checkbox]{ transform:scale(1.3); } .divRenewalHdr{background-color:#fcfcfc;font-size:100%;padding:10px 20px;border:1px solid #ddd;border-left:none;border-right:none;margin-bottom:20px;} .divCheckBoxLabel{cursor:pointer;} .lnkbtnSubmit{width:304px;} .divSpacer{height:10px;width:100%;} .divSpacer20 { height: 20px; width: 100%; } .divMotor, .divCar { padding-bottom: 20px; } .divRenewalOK { width: 20%; } #divLoader { border: 16px solid #fff; border-radius: 50%; border-top: 16px solid #08093c; width: 20px; height: 20px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; position: relative; margin: auto; box-sizing: unset; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media only screen and (max-width:480px) { .divRenewalRow { display: block; font-size: 120%; } .divRenewalRow input, .divRenewalRow select { background-color: #f5f5f5; font-size: 120%; } .divRenewalHdr{font-size:120%;padding:5px 10px;} .divRenewalLabel, .divRenewalContent { width: 100%; } .ddlVehicleType { width: 100%; border: 1px solid #dddddd; } .divRenewalOK,.lnkbtnSubmit{width:100%;} } </style> <script type="text/javascript"> function rearrangePosition() { if ($(window).width() <= 800) { $(".divName").insertBefore(".divCont"); $(".divComName").insertBefore(".divEmail"); } } $(document).ready(function () { rearrangePosition(); }); $(window).resize(function () { rearrangePosition(); }); var intMDEC = parseInt("0"); if (intMDEC == 1) { $(".divMiddleContainerSub").css("margin-bottom", "0px"); //Recaptcha var onloadCallback = function () { grecaptcha.render('dvCaptcha', { 'sitekey': '', 'callback': function (response) { $.ajax({ type: "POST", url: wsBase + "recaptcha.asmx/VerifyCaptcha", data: "{response: '" + response + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (r) { var captchaResponse = jQuery.parseJSON(r.d); console.log("captchaResponse:" + captchaResponse.success); if (captchaResponse.success) { $("[id*=txtCaptcha]").val(captchaResponse.success); $("[id*=rfvCaptcha]").hide(); } else { $("[id*=txtCaptcha]").val(""); $("[id*=rfvCaptcha]").show(); var error = captchaResponse["error-codes"][0]; $("[id*=rfvCaptcha]").html("RECaptcha error. " + error); } } }); } }); }; function cvApplyGrant_client(source, args) { var chkEProfile = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEProfile").is(":checked"); var chkECatalog = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkECatalog").is(":checked"); var chkEShop = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEShop").is(":checked"); var chkSEO = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkSEO").is(":checked"); if (!chkEProfile && !chkECatalog && !chkEShop && !chkSEO) { args.IsValid = false; source.errormessage = "<div>Apply Grant required.</div>"; source.innerHTML = "<div>Apply Grant required.</div>"; } else { args.IsValid = true;} return args.IsValid; } $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").hide(); $("#divSubmit").off("click").on("click", function () { if (Page_ClientValidate("vgMDEC")) { var ddlSalutation = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_ddlSalutation").val() ? $("#ctl00_cphContent_ucUsrCMS_ucMDEC_ddlSalutation").val() : 0; var txtContact = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtContact").val(); var txtName = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtName").val(); var txtEmail = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtEmail").val(); var txtCompanyName = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtCompanyName").val(); var txtYearInBusiness = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_txtYearInBusiness").val(); var rblAnuualSales = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_rblAnuualSales input:checked").val(); var rblBudget = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_rblBudget input:checked").val() var chkEProfile = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEProfile").is(":checked"); var chkECatalog = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkECatalog").is(":checked"); var chkEShop = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkEShop").is(":checked"); var chkSEO = $("#ctl00_cphContent_ucUsrCMS_ucMDEC_chkSEO").is(":checked"); var applyGrant = ""; if (chkEProfile) { applyGrant += "Website Design, "; } if (chkECatalog) { applyGrant += "Website Design with Product Catalogue, "; } if (chkEShop) { applyGrant += "Website Design with Online Shopping, "; } if (chkSEO) { applyGrant += "Google Ranking (SEO/Google Ads), "; } applyGrant = applyGrant.substring(0, applyGrant.length - 2); $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").show(); $("#divMDECContent").hide(); var items = { "ddlSalutationText": $("#ctl00_cphContent_ucUsrCMS_ucMDEC_ddlSalutation option:selected").text(), "ddlSalutation": ddlSalutation, "txtContact": txtContact, "txtName": txtName, "txtEmail": txtEmail, "txtCompanyName": txtCompanyName, "txtYearInBusiness": txtYearInBusiness, "rblAnuualSales": rblAnuualSales, "rblBudget": rblBudget, "rblApplyGrant": applyGrant, "strCurURL": window.location.href, }; $.ajax({ type: "POST", url: wsBase + "wsAjax.asmx/sendMDEC", data: JSON.stringify(items), contentType: "application/json; charset=utf-8", dataType: "json", }).done(function (data) { var status = $.parseJSON(data.d); if (status.success == "1") { console.log("success"); $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").hide(); //var firstPartContent = submissionText+ submissionContent1; //var vehicleTypeContent = (ddlVehicleType == "1") ? submissionContent2 : submissionContent3; //var lastPartContent = submissionContent4; //var successContent = firstPartContent + vehicleTypeContent + lastPartContent //$(".divRenewalAck").html("<h3>Renew Online - Car & Motorbike Insurance - Successful</h3>" + successContent); $(".divMDECAck").html("<h3>MDEC Grant Submission Successful</h3><div class='button1 height_45 divRenewalOK' style='cursor:pointer;margin-top:10px;' title='OK'>OK</div>").css("padding", "50px 0px"); $(".divRenewalOK").on("click", function () { window.location.href = "https://www.webteq.com.my/eProfile"; }); } else if (status.error == "1") { alert(status.error_msg); $("#ctl00_cphContent_ucUsrCMS_ucMDEC_pnlLoader").hide(); $(".divMDECAck").html(status.error_msg).css("padding", "50px 0px"); } }); } else { //$(".errmsg:visible").siblings("input").css("border-color", "red"); //$(".errmsg:visible").siblings("select").css("border-color", "red"); //$(".divMDECRbl .errmsg").each(function () { // if ($(this).css("display") == "inline") { // $(this).parents(".divMDECRbl").css("border-color", "red").addClass("divFocus"); // } //}); $("html, body").animate({ scrollTop: ($(".errmsg:visible:first").offset().top) - 200 }, 1000); //if ($(".errmsg:visible").length > 0) { // $("html, body").animate({ scrollTop: ($(".errmsg:visible:first").offset().top) - 200 }, 1000); //} //else { // $("html, body").animate({ scrollTop: ($(".divFocus:first").offset().top) - 200 }, 1000); //} } }); $(".divCheckBoxLabel").each(function () { $(this).on("click", function () { $(this).siblings("input").click(); }); }); function validationEffect() { $("input").each(function () { $(this).on("blur", function () { switch ($(this).attr("type")) { case "text": if ($(this).siblings(".errmsg").is(":visible")) { $(this).css("border-color", "red"); } else { $(this).css("border-color", "#ccc"); } break; default: break; } }); $(this).off("click").on("click", delay(function () { switch ($(this).attr("type")) { case "radio": if ($(this).parents(".divMDECRbl").find(".errmsg").is(":visible")) { $(this).parents(".divMDECRbl").css("border-color", "red"); } else { $(this).parents(".divMDECRbl").css("border-color", "#ccc").removeClass("divFocus"); } break; default: break; } }, 100)) }); $(".ddl").each(function () { $(this).change(delay(function () { if ($(this).siblings(".errmsg").is(":visible")) { $(this).css("border-color", "red"); } else { $(this).css("border-color", "#ccc"); } }, 100)); }); } //delay function trigger function delay(callback, ms) { var timer = 0; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { callback.apply(context, args); }, ms || 0); }; } //validationEffect(); } </script> </div> </div> </div> </div> </div> <div id="ctl00_pnlBannerContainerSub" class="divBannerContainerSub"> <div id="ctl00_ucUsrCMSBannerContainer_pnlCMSContainer" class="divCMSContainerOuter"> <div id="ctl00_ucUsrCMSBannerContainer_pnlCMSContainerInner" class="divCMSContainerInner"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_pnlCMSContent"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter2"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentContent" class="divCMSContentContent"> <div><link href="https://fonts.googleapis.com/css?family=Quicksand:400,600,700|Material+Icons|Material+Icons+Outlined" rel="stylesheet" type="text/css" /> <link href="https://library.webteq.asia/font-awesome/font-awesome.min.css" rel="Stylesheet" type="text/css" /> <style type="text/css">.jMkHaA{ animation: pulse-animation1 2s infinite; animation-duration: 4s; } @keyframes pulse-animation1 { 0% { box-shadow: 0 0 0 0px rgba(0, 132, 255, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(0, 132, 255, 0); } } @keyframes pulse-animation2 { 0% { box-shadow: 0 0 0 0px rgba(77, 194, 71, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(77, 194, 71, 0); } } @keyframes pulse-animation3 { 0% { box-shadow: 0 0 0 0px rgba(238, 128, 31, 0.4); } 100% { box-shadow: 0 0 0 20px rgba(238, 128, 31, 0); } } .kMshiB{ animation: pulse-animation1 2s infinite; } .dfBDQI{ display:none!important; } .whatsapp{ animation: pulse-animation2 2s infinite; animation-duration: 4s; } .cart{ animation: pulse-animation3 2s infinite; animation-duration: 4s; } </style> <style type="text/css">.floatcart{ position:fixed; width:50px; height:50px; bottom: 160px; right: 22px; background-color:#EE801F; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .float{ position:fixed; width:50px; height:50px; bottom:80px; right:22px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100; } .my-float{ margin-top:10px; } </style> <script type="text/javascript"> (function () { var options = { facebook: "490692491734384", // Facebook page ID call_to_action: "", // Call to action position: "right", // Position may be 'right' or 'left' }; var proto = document.location.protocol, host = document.location.hostname, url = proto + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://library.webteq.asia/js/widget_bundle.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script> <table style="position:fixed;z-index:9;"> <tbody> <tr> <td><a alt="Contact Webteq | Website Design Johor Bahru JB" class="float whatsapp" href="https://api.whatsapp.com/send?phone=60167704437&text=Enquiry%20from%20Webteq%20Solution%20Website" rel="nofollow" target="_blank" title="Contact Webteq | Website Design Johor Bahru JB"><i class="fa fa-whatsapp my-float" style="color:#fff;"></i> </a> </td> </tr> </tbody> </table></div> </div> </div> </div> </div> </div> </div> </div> <div id="ctl00_pnlBottomContainerOuter" class="divBottomContainerOuter "> <div id="ctl00_pnlBottomContainer" class="divBottomContainer animated"> <div id="ctl00_ucUsrCMSBtmBannerContainer_pnlCMSContainer" class="divCMSContainerOuter"> <div id="ctl00_ucUsrCMSBtmBannerContainer_pnlCMSContainerInner" class="divCMSContainerInner"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_pnlCMSContent"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter3"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBtmBannerContainer_rptCMSContent_ctl00_ucUsrCMSContent_pnlCMSContentContent" class="divCMSContentContent"> <div><style type="text/css">.btm_eProfile { background-image: url("/data/admcms/images/icon-btm-panel-eprofile.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_eCatalog { background-image: url("/data/admcms/images/icon-btm-panel-ecatalog.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_eShop { background-image: url("/data/admcms/images/icon-btm-panel-eshop.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } .btm_SEO { background-image: url("/data/admcms/images/icon-btm-panel-seo.png"); background-repeat: no-repeat; height: 70px; width: 225px; display: block; box-sizing: border-box; } a.btm_eProfile:hover, a.btm_eCatalog:hover, a.btm_eShop:hover, a.btm_SEO:hover{ text-decoration: none; } a.menu { font-size:16px; font-family:'Mukta Mahee'; outline:none; color:#333644; } a.menu:link, a.menu:visited{ color:#333644; text-decoration:none; } a.menu:hover, a.menu:active { color:#497bd8; text-decoration:none; } .btm_WhiteBG { background-image: url("/data/admcms/images/bg-btm-panel-contact-details.png"); background-repeat: no-repeat; height: 170px; } .btm_topshadow { background: url("/data/admcms/images/img-btm-panel-top-shadow.png")no-repeat center bottom; height: 96px; } .button1, .button1:link, .button1:visited { padding-top: 0px !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; } .website{ font-size:12px; position: relative; bottom: 4px; } .dottedsplitter{ width: 410px; height: 1px; border-top: 1px dotted #ddd; } .contact-box{ width: 310px; height: 80px; border: 1px solid #edf1f9; background-color: #fff; padding: 10px; box-sizing: border-box; } </style> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td class="btm_topshadow" style="text-align: center; position: relative; z-index: -10;">  </td> </tr> <tr> <td style="height: 70px;">  </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:960px; margin:auto;"> <tbody> <tr> <td style="text-align: center;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="position: relative;"><a alt="ePROFILE | Profiling Website | Website Design Johor Bahru JB" class="btm_eProfile" href="/eProfile" title="ePROFILE | Profiling Website | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="ePROFILE | Profiling Website | Website Design Johor Bahru JB" href="/eProfile" title="ePROFILE | Profiling Website | Website Design Johor Bahru JB">ePROFILE</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Profiling Website </td> </tr> </tbody> </table> </td> <td style="position: relative;"><a alt="eCATALOG | Catalogue Website | Website Design Johor Bahru JB" class="btm_eCatalog" href="/eCatalog" title="eCATALOG | Catalogue Website | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="eCATALOG | Catalogue Website | Website Design Johor Bahru JB" href="/eCatalog" title="eCATALOG | Catalogue Website | Website Design Johor Bahru JB">eCATALOG</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Catalogue Website </td> </tr> </tbody> </table> </td> <td style="position: relative;"><a alt="eSHOP | Online Shopping Website | Website Design Johor Bahru JB" class="btm_eShop" href="/eShop" title="eSHOP | Online Shopping Website | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="eSHOP | Online Shopping Website | Website Design Johor Bahru JB" href="/eShop" title="eSHOP | Online Shopping Website | Website Design Johor Bahru JB">eSHOP</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Online Shopping Website </td> </tr> </tbody> </table> </td> <td style="position: relative;"><a alt="SEO | Search Engine Optimization | Website Design Johor Bahru JB" class="btm_SEO" href="/seo" title="SEO | Search Engine Optimization | Website Design Johor Bahru JB"> </a> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 10px; left: 75px;"> <tbody> <tr> <td style="text-align: left;"> <h3><a alt="SEO | Search Engine Optimization | Website Design Johor Bahru JB" href="/seo" title="SEO | Search Engine Optimization Website | Website Design Johor Bahru JB">SEO</a> </h3> </td> </tr> <tr> <td style="font-size: 12px;">Search Engine Optimization </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:40px;">  </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 600px;"> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td><strong>Professional Website Design Johor Bahru (JB)</strong> </td> </tr> <tr> <td style="height:3px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </td> </tr> <tr> <td> <h4>What do you need for your company website? </h4> </td> </tr> <tr> <td style="height:20px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </td> </tr> <tr> <td>At Webteq, we focus on <strong>Effective Website</strong> - Website that can help to enhance <nobr><b>Company Image</b> </nobr> & increase <b>Online Enquiry</b> through search engines (Google). Contact us and we will arrange our web consultants to understand your business nature and advise a suitable website for your business. <strong>Website Design Johor Bahru, Kuala Lumpur</strong>, Malaysia. </td> </tr> <tr> <td style="height:25px; border-bottom: 1px solid #ddd;">  </td> </tr> <tr> <td style="height:30px;">  </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <tr> <td style="width:190px; padding-right:40px; box-sizing:border-box; line-height:2.3; vertical-align:text-top;"><a class="menu" href="/eProfile" title="Profiling Website">Profiling Website</a> <br /> <a alt="Online Catalogue" class="menu" href="/eCatalog" title="Online Catalogue">Online Catalogue</a> <br /> <a alt="Online Shopping" class="menu" href="/eShop" title="Online Shopping">Online Shopping</a> <br /> <a alt="Mobile Website" class="menu" href="/mobile-friendly" title="Mobile Website">Mobile Website</a> <br /> <a alt="Google Ranking" class="menu" href="/seo" title="Google Ranking">Google Ranking</a> </td> <td style="width:190px; padding-right:40px; box-sizing:border-box; line-height:2.3; vertical-align:text-top;"><a alt="Who We Are?" class="menu" href="/about-us" title="Who We Are?">Who We Are?</a> <br /> <a class="menu" href="/our-services" title="Our Services">Our Services</a> <br /> <a alt="What We Did?" class="menu" href="/event/portfolio" title="What We Did?">What We Did?</a> <br /> <a alt="What They Said?" class="menu" href="/testimonial" title="What They Said?">What They Said?</a> <br /> <a alt="FAQs" class="menu" href="/faqs" title="FAQs">FAQs</a> </td> <td style="width:150px; box-sizing:border-box; line-height:2.3; vertical-align:text-top;"><a alt="Policy" class="menu" href="/policy" title="Policy">Policy</a> <br /> <a alt="Contact Us" class="menu" href="/contact/contact-us" title="Contact Us">Contact Us</a> <br /> <a alt="Join Webteq" class="menu" href="/career" title="Join Webteq">Join Webteq</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td style="width: 50px;">  </td> <td style="vertical-align: top;"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td><b>Contact Us</b> </td> </tr> <tr> <td style="height:10px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td class="contact-box"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 35px;"><img alt="Contact Webteq | Website Design Johor Bahru JB" src="/data/cms/images/1594196147_icon-btmpanel-phone.png" style="width: 35px; height: 35px;" title="Contact Webteq | Website Design Johor Bahru JB" /> </td> <td style="width: 15px;">  </td> <td><b>Web Design JB</b> <br /> <a alt="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" href="tel:60167704437" onclick="return gtag_report_conversion('tel:60167704437');" style="color: #333644;" title="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">+6016-770 4437</a> (Mr Tey) </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:2px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td class="contact-box"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 35px;"><img alt="Contact Webteq | Website Design Kuala Lumpur KL" src="/data/cms/images/1594196147_icon-btmpanel-phone.png" style="width: 35px; height: 35px;" title="Contact Webteq | Website Design Kuala Lumpur KL" /> </td> <td style="width: 15px;">  </td> <td><b>Web Design KL</b> <br /> <a alt="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" href="tel:60167704437" onclick="return gtag_report_conversion('tel:60167704437');" style="color: #333644;" title="Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">+6016-770 4437</a> (Mr Tey) </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:2px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td class="contact-box"> <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;"> <tbody> <tr> <td style="width: 35px;"><img alt="Email us at info@webteq.com.my | Web Design Johor Bahru JB" src="/data/cms/images/1594196329_icon-btmpanel-mdec-email.png" style="width: 35px; height: 35px;" title="Email us at info@webteq.com.my | Web Design Johor Bahru JB" /> </td> <td style="width: 15px;">  </td> <td><b>Email Webteq for Web Design</b> <br /> <a alt="Email us at info@webteq.com.my | Web Design Johor Bahru JB" href="mailto:info@webteq.com.my" title="Email us at info@webteq.com.my | Web Design Johor Bahru JB">info@webteq.com.my</a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height: 20px;">  </td> </tr> <tr> <td><a alt="Contact Us | Web Design Johor Bahru JB" class="button1" href="/contact-us" title="Contact Us | Web Design Johor Bahru JB">Contact Us Today!</a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height: 40px;">  </td> </tr> <tr> <td style="text-align: right;"><span style="font-size:14px; float:left;">漏2007-2023 Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO | Webteq</span><a alt="Email Us | Website Design Johor Bahru JB" href="mailto:info@webteq.com.my?subject=Enquiry From Webteq Solution" title="Email Us | Website Design Johor Bahru JB"><img alt="Email Us | Website Design Johor Bahru JB" src="/data/admcms/images/icon-btm-panel-email.png" style="width: 40px; height: 40px; margin:0px 10px;" title="Email Us | Website Design Johor Bahru JB" /></a><a alt="Whatsapp Us | Website Design Johor Bahru JB" href="https://api.whatsapp.com/send?phone=60167704437&text=Enquiry from Webteq Solution" target="_blank" title="Whatsapp Us | Website Design Johor Bahru JB"><img alt="Whatsapp Us | Website Design Johor Bahru JB" src="/data/admcms/images/icon-btm-panel-whatsapp.png" style="width: 40px; height: 40px;" title="Whatsapp Us | Website Design Johor Bahru JB" /></a><a href="https://www.facebook.com/WebteqSince2007/" target="_blank"><img alt="Find Us On Facebook | Website Design Johor Bahru JB" src="/data/admcms/images/icon-btm-panel-fb.png" style="width: 40px; height: 40px; margin:0px 10px;" title="Find Us On Facebook | Website Design Johor Bahru JB" /></a><img alt="Find Us On Facebook | Website Design Johor Bahru JB" src="/data/admcms/images/logo-btm-panel-google-partner.gif" style="width: 84px; height: 36px;" title="Find Us On Facebook | Website Design Johor Bahru JB" /> </td> </tr> <tr> <td style="text-align: center; height: 100px;">  </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "LocalBusiness", "name" : "Webteq Solution Sdn. Bhd.", "image" : "https://www.webteq.com.my/img/usr/logo-top-panel-webteq.png", "telephone" : "016 770 4437", "email" : "info@webteq.com.my", "address" : { "@type" : "PostalAddress", "streetAddress" : "No. 34-01 & 34-02, Jalan Austin Perdana 2/23, Taman Austin Perdana", "addressLocality" : "Johor Bahru", "postalCode" : "81100" }, "aggregateRating": {"@type": "AggregateRating", "ratingValue": "5/5", "reviewCount": "46" } } </script></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="footer"> <div id="ctl00_pnlMainFooterOutter" class="divMainFooterOutter"> <div id="ctl00_pnlMainFooter" class="divMainFooter "> <div id="ctl00_pnlFooterLeft" class="divFooterLeft"> <div id="ctl00_ucUsrCopy_pnlCopy" class="divCopyText"> 漏2007-2023 Web Design Johor Bahru | Kuala Lumpur (Sunway Nexis) | SEO | Webteq </div> <script type="text/javascript"> $(document).ready(function () { $(".divCopyText").hide(); }); </script> </div> </div> </div> </div> <script type="text/javascript"> $(function () { //Back to top var topHeight = 200; var obj = $("#backToTop"); $(window).scroll(function () { var position = $(window).scrollTop(); if (position > topHeight) { obj.fadeIn(); } else { obj.fadeOut(); } }); obj.on("click", function () { $("html,body").animate({ scrollTop: 0 }, "slow"); }); }); </script> <style> #backToTop { width: 45px; height: 45px; display: none; position: fixed; bottom: 20px; left: 0; right: 0; margin: auto; text-decoration: none; z-index: 3; border: none; outline: none; background: url(../img/usr/btn-backtop.png) no-repeat; background-size: contain; } </style> <input type="button" id="backToTop" title="Back To Top" hidden /> <div id="ctl00_ucUsrLoadingScreen_pnlWrapper" class="loading-wrapper"> <div id="loading-screen__title"> <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 5000 5000"> <path class="cls-1" d="M485,335H2566.31a60,60,0,0,1,60,60V2476.02a60,60,0,0,1-60,60H485a60,60,0,0,1-60-60V395A60,60,0,0,1,485,335Z" /> <path id="Shape_1_copy" data-name="Shape 1 copy" class="cls-2" d="M4739,2868.09H2957.71l-18.59,16.76V4660a50,50,0,0,1-50,50H1000.22a50,50,0,0,1-50-50V2771.37a50,50,0,0,1,50-50H2778.07l22.02-19.85V929.469a50,50,0,0,1,50-50H4739a50,50,0,0,1,50,50V2818.09A50,50,0,0,1,4739,2868.09Z" /> <text id="f13" class="cls-3" transform="translate(661.885 2354.155) scale(3.862 3.861)">f13</text> </svg> <div> LOADING </div> </div> <div class="solar-system"> <div class="comet"></div> <div class="sun"></div> <div class="planet mercury"></div> <div class="planet venus"></div> <div class="planet earth"> <div class="moon"></div> </div> <div class="planet mars"></div> <div class="planet jupiter"></div> <div class="planet saturn"></div> <div class="planet uranus"></div> <div class="planet neptune"></div> <div class="planet pluto"></div> </div> </div> <style> .loading-wrapper { width: 100%; height: 100%; position: fixed; top: 0; display: flex; flex-direction: column; align-items: center; color: #fff; font-size: 18px; letter-spacing: 10px; text-align: center; overflow: hidden; z-index: 1000; background: #000322; visibility: hidden; opacity: 0; transition: .5s; } .loading-wrapper.init { visibility: visible; opacity: 1; } .loading-animated { -webkit-animation-duration: 3s; -webkit-animation-fill-mode: both; animation-duration: 3s; animation-fill-mode: both; } #loading-screen__title { display: flex; flex-direction: column; align-items: center; position: absolute; top: 15%; -webkit-animation: text-focus-in 4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: text-focus-in 4s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } #loading-screen__title.loading { animation-duration: 1.5s; animation-timing-function: ease; animation-iteration-count: infinite; animation-direction: alternate; } #loading-screen__title svg { margin-bottom: 40px; } #loading-screen__title .cls-1 { fill: none; stroke: #fff; stroke-width: 30px; } #loading-screen__title .cls-1, #loading-screen__title .cls-2 { fill-rule: evenodd; } #loading-screen__title .cls-2, #loading-screen__title .cls-3 { fill: #fff; } #loading-screen__title .cls-3 { font-size: 183.333px; font-family: "Century Gothic", sans-serif; font-style: italic; } @-webkit-keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } @keyframes text-focus-in { 0% { -webkit-filter: blur(12px); filter: blur(12px); opacity: 0; } 100% { -webkit-filter: blur(0px); filter: blur(0px); opacity: 1; } } .solar-system { position: absolute; bottom: 0; } .sun { width: 250px; height: 250px; background-image: linear-gradient(120deg, #f6d365 0%, #f1663d 100%); box-shadow: 0 0 calc(250px * .7) #f6d365; border-radius: 50%; position: absolute; top: calc(50% - calc(250px * .5)); left: calc(50% - calc(250px * .5)); animation-duration: 5s; animation-name: rotate; animation-iteration-count: infinite; animation-timing-function: linear; } .planet, .earth .moon { width: calc(250px * 2); height: calc(250px * 2); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; position: absolute; top: calc(50% - 250px); left: calc(50% - 250px); animation-duration: 3s; animation-name: rotate; animation-iteration-count: infinite; animation-timing-function: linear; } .planet::after, .earth .moon::after { content: ''; width: calc(250px * .2); height: calc(250px * .2); border-radius: 50%; background-color: #4285f4; position: absolute; top: calc(50% - calc(250px / 10)); left: calc(250px * -.1); } .venus { width: calc(250px * 3); height: calc(250px * 3); top: calc(50% - calc(250px * 1.5)); left: calc(50% - calc(250px * 1.5)); animation-duration: 6s; } .venus::after { background-color: #34a853; width: calc(250px * .3); height: calc(250px * .3); top: calc(50% - calc(250px * .15)); left: auto; right: calc(250px * -.15); } .earth { width: calc(250px * 4.5); height: calc(250px * 4.5); top: calc(50% - calc(250px * 2.25)); left: calc(50% - calc(250px * 2.25)); animation-duration: 7s; } .earth::after { background-color: #fbbc05; width: calc(250px * .36); height: calc(250px * .36); top: calc(50% - calc(250px * .18)); left: auto; right: calc(250px * -.18); } .earth .moon { width: calc(250px * .7); height: calc(250px * .7); top: calc(50% - calc(250px * .35)); left: auto; right: calc(250px * -.35); animation-duration: 2s; } .earth .moon::after { width: calc(250px * .1); height: calc(250px * .1); background-color: #ea4335; left: auto; right: calc(250px * -.05); } .comet { width: calc(250px * .35); height: calc(250px * .02); border-radius: 50%; background-color: red; background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%); } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> <script type="text/javascript"> var customs = { //'easing': 'linear', 'targetParent': "#ctl00_ucUsrLoadingScreen_pnlWrapper", 'target': "#loading-screen__title", }; if (false) { if (Cookies.get('load') == null) { customs.duration = 5000; } else { $('#ctl00_ucUsrLoadingScreen_pnlWrapper').removeClass('init'); } numberIncrementer(customs); } else { $(function () { $.runMasthead(); }); $(customs.target).addClass("loading"); } function numberIncrementer(options) { var defaults = { 'duration': 100, 'easing': 'swing', 'start': 0, 'end': 100, 'prefix': false, 'suffix': false, 'target': null, 'targetParent': null, 'completeTiming': 1000, 'animateDuration': 750 }; var settings = $.extend({}, defaults, options); var $this = $(settings.target), suffix = settings.suffix || '', prefix = settings.prefix || '', x = settings.duration > 100 ? settings.completeTiming : 0, y = settings.duration > 100 ? settings.animateDuration : 0; // Stop and clear animation queue $this.stop(true); $.setWrapper(); $("body").css("overflow", "hidden"); // Begin the number sequence animation $this.prop('counter', settings.start).animate({ counter: settings.end || $this.text(), }, { duration: settings.duration, easing: settings.easing, step: function (now) { }, complete: function () { setTimeout(function () { $(settings.targetParent).addClass("loading-animated fadeOut"); $(function () { $.runMasthead(); }) }, x += y); setTimeout(function () { $("body").css("overflow", "auto"); }, x += y); setTimeout(function () { $(settings.target).addClass("loading").find("div").text("LOADING"); $(settings.targetParent).hide(); }, x += y * 2); } } ); Cookies.set('load', 'visited', { expires: 30 }); } var isUnloadIgnored = false; $("a[href^=mailto], a[title~=Submit]").on("click", function() { isUnloadIgnored = true; }); window.onbeforeunload = function () { if (!isUnloadIgnored) { setTimeout(function () { $("body").css("overflow", "hidden"); $(".loading-wrapper").fadeIn().removeClass("fadeOut").addClass("init"); }, 3000); } isUnloadIgnored = false; }; particlesJS('ctl00_ucUsrLoadingScreen_pnlWrapper', { 'particles': { 'number': { 'value': 160, 'density': { 'enable': true, 'value_area': 1500 } }, 'color': { 'value': '#7f88e0' }, 'shape': { 'type': 'circle', 'stroke': { 'width': 0, 'color': '#000000' }, 'polygon': { 'nb_sides': 3 }, 'image': { 'src': 'img/github.svg', 'width': 100, 'height': 100 } }, 'opacity': { 'value': 1, 'random': true, 'anim': { 'enable': true, 'speed': 1.038961038961039, 'opacity_min': 0.23176823176823177, 'sync': true } }, 'size': { 'value': 5, 'random': true, 'anim': { 'enable': false, 'speed': 300, 'size_min': 20, 'sync': false } }, 'line_linked': { 'enable': true, 'distance': 60, 'color': '#7f88e0', 'opacity': 0.4, 'width': 1 }, 'move': { 'enable': true, 'speed': 0, 'direction': 'none', 'random': true, 'straight': true, 'out_mode': 'out', 'bounce': false, 'attract': { 'enable': false, 'rotateX': 600, 'rotateY': 600 } } }, 'interactivity': { 'detect_on': 'canvas', 'events': { 'onhover': { 'enable': false, 'mode': 'grab' }, 'onclick': { 'enable': false, 'mode': 'repulse' }, 'resize': true }, 'modes': { 'grab': { 'distance': 400, 'line_linked': { 'opacity': 1 } }, 'bubble': { 'distance': 250, 'size': 0, 'duration': 2, 'opacity': 0, 'speed': 3 }, 'repulse': { 'distance': 400, 'duration': 0.4 }, 'push': { 'particles_nb': 4 }, 'remove': { 'particles_nb': 2 } } }, 'retina_detect': true }); $('#ctl00_ucUsrLoadingScreen_pnlWrapper').find('canvas').css('position', 'absolute').css('top', 0).css('filter', 'blur(1px)').css('opacity', .4); </script> <script type="text/javascript"> //<![CDATA[ Sys.Application.add_init(function() { $create(Sys.UI._UpdateProgress, {"associatedUpdatePanelId":"ctl00_UsrSiteSearch_upnlProdGroup","displayAfter":10,"dynamicLayout":true}, null, null, $get("ctl00_UsrSiteSearch_uprgProdGroup")); }); //]]> </script> </form> </body> </html> <script type="text/javascript"> $(function () { var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divMainFooterOutter", triggerHook: "onEnter" }) .setClassToggle(".divMainFooterOutter .divMainFooter", "fadeInUp") .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divBottomContainerOuter", triggerHook: "onEnter" }) .setClassToggle(".divBottomContainerOuter .divBottomContainer", "fadeInUp") .addTo(controller); //var controller = new ScrollMagic.Controller(); //var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainerOuterSub", triggerHook: "onEnter" }) // .setClassToggle(".divMiddleContainerOuterSub .divMiddleContainerSub", "fadeInRight") // .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainerMiddleBottom", triggerHook: "onEnter" }) .setClassToggle(".divMiddleContainerMiddleBottom .animatedItem", "fadeInUp") .addTo(controller); var scene = new ScrollMagic.Scene({ triggerElement: ".divMiddleContainerMiddleBottom", triggerHook: "onEnter" }) .setClassToggle(".divMiddleContainerMiddleBottom .tblAnimated", "fadeInLeft") .addTo(controller) .on("enter", function (e) { var initCount = 1; $('.divMiddleContainerMiddleBottom .tblAnimated').each(function (i) { $(this).addClass("delay-item-" + (initCount++)); }); }); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".divProdSpecial", triggerHook: "onEnter" }) .setClassToggle(".divProdSpecial .animatedItem2", "fadeInDown") .addTo(controller); var controller = new ScrollMagic.Controller(); var scene = new ScrollMagic.Scene({ triggerElement: ".tdAnimated1", triggerHook: "onEnter" }) .setClassToggle(".tdAnimated1 .tblAnimated1", "fadeInLeft") .addTo(controller); }); resetZoom(); $(".hypApplyNow").off("click").on("click", function () { resetZoom(); }); $(window).resize(function () {resetZoom();}); function resetZoom() { var browserZoomLevel = Math.round(window.devicePixelRatio * 100); if (browserZoomLevel > 200 || browserZoomLevel <= 100) { $("body").css("zoom", "1"); } else if (browserZoomLevel > 100 && browserZoomLevel <= 125) { $("body").css("zoom", "0.8"); } else if (browserZoomLevel > 125 && browserZoomLevel <= 150) { $("body").css("zoom", "0.7"); } else if (browserZoomLevel > 150 && browserZoomLevel <= 175) { $("body").css("zoom", "0.6"); } else if (browserZoomLevel > 175 && browserZoomLevel <= 200) { $("body").css("zoom", "0.5"); } else { $("body").css("zoom", "1"); } } </script>

CINXE.COM

Website Design Johor Bahru | Web Design JB | ePROFILE | Website for Company Profile, Services, Projects