Website Design Johor Bahru | >1500 websites

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="ctl00_Head1"> <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 | >1500 websites | JB KL </title> <link type="text/css" href="/css/public.css" 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/responsive.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/commonevent.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 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/thickbox.min.js" type="text/javascript"></script> <script src="/js/thickbox_init.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/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/ScrollMagic/ScrollMagic.min.js" type="text/javascript"></script> <script src="/js/ScrollMagic/plugins/debug.addIndicators.min.js" type="text/javascript"></script> <script src="/js/particles.min.js" type="text/javascript"></script> <script src="/js/jquery.isotope.min.js" type="text/javascript"></script> <script src="/js/custom-isotope-portfolio.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 toggleNav() { if ($('body').hasClass('open')) { $('body').removeClass('open'); } else { $('body').addClass('open'); } } $(function () { //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(); }); $(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='/css/gall4_event.css' type='text/css' rel='Stylesheet' /><link href='https://www.webteq.com.my/event/portfolio' 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='Webteq Solution, Webteq Johor Bahru, Webteq Johor, Webteq Malaysia, Web Design Johor Bahru, Web Design Johor, Web Design JB, Web Design Malaysia, 网页设计JB，新山网页设计，网页设计新山, Website Design Johor, Website Design JB, Website Design Johor Bahru, Website Design Malaysia, Web Application Johor, Web Application JB, Web Application Malaysia, SEO Johor Bahru, SEO JB, SEO Malaysia, Google SEO JB, Google SEO Malaysia, Google SEO Johor, Google Website Johor Bahru, Search Engine Marketing Johor Malaysia, e-Commerce Johor, e-Commerce JB, e-Commerce Johor Bahru, e-Commerce Malaysia, Online Store Malaysia, Online Store Johor, Online Store Johor Bahru, Web Application Johor, Web Application Johor Bahru, Web Application JB, Web Application Malaysia, eCommerce Johor, eCommerce Johor Bahru, eCommerce JB, eCommerce Malaysia, Website Maintenance Johor Bahru, Website Company Johor Bahru, Website Company JB, Website Company Johor, Website Company Malaysia, Web Design Kuala Lumpur, Web Design KL, 网页设计KL，吉隆坡网页设计' /><meta name='description' content='Our website portfolio. More than 1500 websites done by Webteq, with High Google Ranking. Manufacturer, Trading, Service Provider. Web Design Johor Bahru with SEO.' /><link href='/css/loading.css' rel='Stylesheet' type='text/css' /></head> <body id="ctl00_BodyID" class="bodySubpage"> <form name="aspnetForm" method="post" action="./portfolio" 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/oWCRQRQNViAy5nC4NssCcPe0V0zXjJ3NXvHUXXOYWaZVSdFQJoQkVPl2VNU4jsJYaCFL4JpCa1CavxIDR7" /> </div> <input type="hidden" name="ctl00$hfVSFileName" id="ctl00_hfVSFileName" value="589ffb2f-122e-4306-93b8-2affa21a9dd5" /> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$scriptmanager1', 'aspnetForm', ['tctl00$UsrSiteSearch$upnlProdGroup',''], [], [], 90, 'ctl00'); //]]> </script> <div id="site-wrapper"> <div id="site-topmenu"> <div id="ctl00_pnlTopMainWhiteContainer" class="divTopMainWhiteContainer" style="background:#08093c;"> <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="topMenuItem" 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"> <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="topMenuItemSel" 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" class="sel"> <a id="ctl00_UsrSideMenu_rptMenu_ctl02_hypMenu" title="Portfolio" class=" sel" 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"> <div id="slidedescription"></div> </div> <div id="ctl00_ucUsrBackground_pnlMastheadSlideShowPaging" class="divSSPaging"> <div class="divSSPagingInner"> <ul id="slide-list"></ul> </div> </div> </div> <script> (function () { $.runMasthead = function () { } })(); </script> <div id="ctl00_pnlMiddleContainerOuter" class="divMiddleContainerOuterSubGall "> <div id="ctl00_pnlMiddleContainerSub" class="divMiddleContainerSubGall animated"> <div id="ctl00_cphContent_pnlCMS" class="divCMSContent"> <div id="ctl00_cphContent_ucUsrCMS_pnlCMS" class="divCMS"> <div id="ctl00_cphContent_ucUsrCMS_pnlContentSection" class="divCMSContentSection"> <div id="ctl00_cphContent_ucUsrCMS_pnlContent" class="divCMSContent"> <script type="text/javascript"> jQuery(function ($) { $.fn.countTo = function (options) { options = options || {}; return $(this).each(function () { // set options for current element var settings = $.extend({}, $.fn.countTo.defaults, { from: Number($(this).data('from')), to: Number($(this).data('to')), speed: $(this).data('speed'), refreshInterval: $(this).data('refresh-interval'), decimals: Number($(this).data('decimals')) }, options); // how many times to update the value, and how much to increment the value on each update var loops = settings.speed / settings.refreshInterval, increment = (settings.to - settings.from) / loops; // references & variables that will change with each update var self = this, $self = $(this), loopCount = 0, value = settings.from, data = $self.data('countTo') || {}; $self.data('countTo', data); // if an existing interval can be found, clear it first if (data.interval) { clearInterval(data.interval); } data.interval = setInterval(updateTimer, settings.refreshInterval); // initialize the element with the starting value render(value); function updateTimer() { value += increment; loopCount++; render(value); if (typeof (settings.onUpdate) == 'function') { settings.onUpdate.call(self, value); } if (loopCount >= loops) { // remove the interval $self.removeData('countTo'); clearInterval(data.interval); value = settings.to; if (typeof (settings.onComplete) == 'function') { settings.onComplete.call(self, value); } } } function render(value) { var formattedValue = settings.formatter.call(self, value, settings); $self.text(formattedValue); } }); }; $.fn.countTo.defaults = { from: 0, // the number the element should start at to: 0, // the number the element should end at speed: 1000, // how long it should take to count between the target numbers refreshInterval: 50, // how often the element should be updated decimals: 0.00, // the number of decimal places to show formatter: formatter, // handler for formatting the value before rendering onUpdate: null, // callback method for every time the element is updated onComplete: function(){// callback method for when the element finishes updating $(this).css({ "transition":"all .3s ease", "transform":"scale(1.1)", }); } }; function formatter(value, settings) { return value.toFixed(settings.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ','); } // start all the timers $('.timerCount').each(count); function count(options) { var $this = $(this); options = $.extend({}, options || {}, $this.data('countToOptions') || {}); $this.countTo(options); } //scroll effect /*var controller = new ScrollMagic.Controller(); var window_top_position = $window.scrollTop(); var scene = new ScrollMagic.Scene({ triggerElement: "#tblEffect", triggerHook: 'onLeave' }) //.addIndicators({ name: "1 - add a class" }) // add indicators (requires plugin) .addTo(controller) .on("leave", function (e) { $('.timerCount').each(count); console.log("test"); }); var scene = new ScrollMagic.Scene({ triggerElement: "#tblServices", triggerHook: 'onLeave' }) .setClassToggle("#tblServices .divServicesInner", "fadeInUp") // .addIndicators({ name: "2 - add a class" }) // add indicators (requires plugin) .addTo(controller);*/ function elementInView(elem) { var elementTop = $(elem).offset().top; var elementBottom = elementTop + $(elem).outerHeight(); var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).height(); var height = $(window).height(); var trueFalse = false; switch (trueFalse) { case (trueFalse == height < 650): return ((viewportTop < 400 && viewportBottom < 1400) && (viewportTop > 300 && viewportBottom > 700)); break; case (trueFalse == height < 850): return ((viewportTop < 400 && viewportBottom < 1400) && (viewportTop > 300 && viewportBottom > 900)); break; case (trueFalse == height< 1920): return ((viewportTop < 400 && viewportBottom < 1400) && (viewportTop > 300 && viewportBottom > 1200)); break; } }; $(window).scroll(function () { if (elementInView($('#tblEffect'))) { //fire at will! $('.timerCount').each(count); } }); }); </script> <style type="text/css">.ptfoliobackground { background: url("/data/cms/images/1561352563_masthead-portfolio.jpg")no-repeat center top; height:600px; width:100%; } </style> <style type="text/css">.grid-item-on-hover span { bottom: -50%!important; } </style> <table border="0" cellspacing="0" class="ptfoliobackground" id="tblEffect" style="position:relative; width:100%;"> <tbody> <tr> <td style="text-align: center; padding-top:100px; vertical-align:bottom;"> <h1>Portfolio </h1> </td> </tr> <tr> <td style="text-align:center;"><strong>At Webteq, we build effective website. We help businesses to build website with high ranking in Google Search Result. <br /> And it is effective to help to bring in sales leads. Webteq – Website Design Company @Johor Bahru (JB).</strong> </td> </tr> <tr> <td style="height:20px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td> <table border="0" cellspacing="0" class="img1" style=" position:absolute;top:250px;left:27%;text-align: center;"> <tbody> <tr> <td><img alt="32 Team Members | Website Design Johor Bahru JB" src="/data/cms/images/1549870585_icon-home-team-members.png" style="width: 124px; height: 137px;" title="32 Team Members | Website Design Johor Bahru JB" /> </td> </tr> <tr> <td style="text-align: center;"><span class="timerCount" data-from="0" data-speed="1000" data-to="32" style="font-size:50px;">32</span> </td> </tr> <tr> <td style="height:8px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td style="text-align: center;">Designers + Programmers + Webmaster </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height: 320px;"> <table border="0" cellspacing="0" class="img2" style="position:absolute;top:320px;left:47%; text-align: center;"> <tbody> <tr> <td><img alt="99.4% Website Launching Rate | Website Design Johor Bahru JB" src="/data/cms/images/1549870628_icon-home-launching-rate.png" style="width: 124px; height: 137px;" title="99.4% Website Launching Rate | Website Design Johor Bahru JB" /> </td> </tr> <tr> <td style="text-align: center;"><span class="timerCount" data-decimals="1" data-from="0.0" data-speed="1000" data-to="99.4" style="font-size:50px;">99.4</span><span style="font-size:50px;">%</span> </td> </tr> <tr> <td style="height:8px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td style="text-align: center;">Website Launching Rate </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <table border="0" cellspacing="0" class="img3" style="position:absolute;top:250px;left:63%; text-align: center;"> <tbody> <tr> <td><img alt="More Than 1,500 Completed Websites | Website Design Johor Bahru JB" src="/data/cms/images/1549870662_icon-home-website-launched.png" style="width: 124px; height: 137px;" title="More Than 1,500 Completed Websites | Website Design Johor Bahru JB" /> </td> </tr> <tr> <td style="text-align: center;"><span style="font-size:50px;">> </span><span class="timerCount" data-from="0" data-speed="1000" data-to="1500" style="font-size:50px;">1,500</span> </td> </tr> <tr> <td style="height:8px;"><img alt="" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /> </td> </tr> <tr> <td style="text-align: center;">Completed Websites </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <div id="divEffect" style="width:100%;height:10px;">  </div> <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/event/portfolio"; }); } 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 id="ctl00_cphContent_pnlEvent" class="pnlEvent" style="width:100%;max-width:1200px;margin:auto;padding:0px 0px 50px;"> <script type="text/javascript"> oB.settings.iframeWidth = "740"; oB.settings.iframeHeight = "310"; </script> <script type='text/javascript'> /* To access Query String on URL */ var vars = [], hash; var q = document.URL.split('?')[1]; if (q != undefined) { q = q.split('&'); for (var i = 0; i < q.length; i++) { hash = q[i].split('='); vars.push(hash[1]); vars[hash[0]] = hash[1]; } }; var eventId = vars['eid']; /* End accessing Query String */ /* <![CDATA[ */ var vals = { "grid_manager": "0", "grid_very_wide": "7", "grid_wide": "7", "grid_normal": "5", "grid_small": "3", "grid_tablet": "3", "grid_phone": "2", "grid_gutter_width": "4" }; if (eventId) var dt_grid_dHUim = { "id": "jgy", "initial_word": eventId }; else var dt_grid_dHUim = { "id": "jgy", "initial_word": "" }; var dt_handler = { "curlink": "", "scrolloffset": "0" }; /* ]]> */ $(function () { //$("#All").on("click", function () { // $("#portfolio-wrapper") // .find("li.grid-item .hypEventGalleryImg") // .attr("rel", "lightbox[eventGall]"); //}); $(".hypGallItem").on("click", function () { var $this = $(this); var group = $this.attr("data-option-value").replace(".", "").replace(" ", ""); $("#portfolio-wrapper") .find("li.grid-item." + group + " .hypEventGalleryImg") .attr("rel", "lightbox[eventGall_" + group + "]"); }); var width = $("#filters li").width(); var height = $("#filters li").height(); $("#slide-button").width(width).height(height - 8); $(".hypGallItem").on("click", function () { $("#slide-button").removeClass().addClass($(this).data("type")); }); }); </script> <div id="ctl00_cphContent_ucUsrEventGall4_pnlEventList" class="divEventList"> <div id="ctl00_cphContent_ucUsrEventGall4_pnlEventContent" class="divEventContent"> <div class="patti-grid" id="gridwrapper_jgy" data-token="dHUim"> <div id="options" class="divGallFilter"> <div id="slide-button"></div> <ul id="filters" class="option-set clearfix" data-option-key="filter"> <li><div id="ePROFILE"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallList_ctl01_hypGallItem" title="ePROFILE" class="hypGallItem" href="#filter" data-option-value=".2" onclick="gridIsotope = function () { $(".grid_jgy").isotope({ filter:'.2'});}; gridIsotope(); $(window).on("load", function() { (gridIsotope) });" data-type="ePROFILE">ePROFILE</a></div></li> <li><div id="eCATALOG"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallList_ctl02_hypGallItem" title="eCATALOG" class="hypGallItem" href="#filter" data-option-value=".1" onclick="gridIsotope = function () { $(".grid_jgy").isotope({ filter:'.1'});}; gridIsotope(); $(window).on("load", function() { (gridIsotope) });" data-type="eCATALOG">eCATALOG</a></div></li> <li><div id="eSHOP"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallList_ctl03_hypGallItem" title="eSHOP" class="hypGallItem" href="#filter" data-option-value=".3" onclick="gridIsotope = function () { $(".grid_jgy").isotope({ filter:'.3'});}; gridIsotope(); $(window).on("load", function() { (gridIsotope) });" data-type="eSHOP">eSHOP</a></div></li> <li><div id="Customized"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallList_ctl04_hypGallItem" title="Customized" class="hypGallItem" href="#filter" data-option-value=".4" onclick="gridIsotope = function () { $(".grid_jgy").isotope({ filter:'.4'});}; gridIsotope(); $(window).on("load", function() { (gridIsotope) });" data-type="Customized">Customized</a></div></li> </ul> </div> <div id="portfolio-wrapper"> <ul class="portfolio grid isotope grid_jgy"> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl01_liGallItem" class="grid-item 4 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl01_hypEventGalleryImg" title="Alpine Tech | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623911746_screenshot20210617143453.png"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Alpine Tech | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl01_hypGallURL" class="hypGallURL" href="http://www.alpinetech.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl01_imgEventGalleryImg" title="Alpine Tech | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623911746_screenshot20210617143453.png" src="" alt="Alpine Tech | Website Design Johor Bahru" style="border-width:0px;height:186px;width:368px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl02_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl02_hypEventGalleryImg" title="WK & Partners Consult Sdn Bhd | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623400507_wk1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">WK & Partners Consult Sdn Bhd | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl02_hypGallURL" class="hypGallURL" href="http://www.wknpc.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl02_imgEventGalleryImg" title="WK & Partners Consult Sdn Bhd | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623400507_wk1.jpg" src="" alt="WK & Partners Consult Sdn Bhd | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl03_liGallItem" class="grid-item 2 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl03_hypEventGalleryImg" title="LenzArt Studio | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623400444_lenzart1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">LenzArt Studio | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl03_hypGallURL" class="hypGallURL" href="http://www.lenzart.net" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl03_imgEventGalleryImg" title="LenzArt Studio | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623400444_lenzart1.jpg" src="" alt="LenzArt Studio | <br>Website Design Johor Bahru" style="border-width:0px;height:275px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl04_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl04_hypEventGalleryImg" title="Scenery Creation | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623400467_scenery1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Scenery Creation | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl04_hypGallURL" class="hypGallURL" href="http://www.scenerycreation.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl04_imgEventGalleryImg" title="Scenery Creation | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623400467_scenery1.jpg" src="" alt="Scenery Creation | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl05_liGallItem" class="grid-item 2 item-wide"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl05_hypEventGalleryImg" title="YY Consult | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623400525_yyconsult1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">YY Consult | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl05_hypGallURL" class="hypGallURL" href="http://www.yyconsult.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl05_imgEventGalleryImg" title="YY Consult | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623400525_yyconsult1.jpg" src="" alt="YY Consult | <br>Website Design Johor Bahru" style="border-width:0px;height:372px;width:650px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl06_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl06_hypEventGalleryImg" title="Effectcon Sdn. Bhd. | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623400418_effectcon1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Effectcon Sdn. Bhd. | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl06_hypGallURL" class="hypGallURL" href="http://www.effectcon.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl06_imgEventGalleryImg" title="Effectcon Sdn. Bhd. | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623400418_effectcon1.jpg" src="" alt="Effectcon Sdn. Bhd. | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl07_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl07_hypEventGalleryImg" title="Super One Construction | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623400481_superone1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Super One Construction | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl07_hypGallURL" class="hypGallURL" href="http://www.superone.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl07_imgEventGalleryImg" title="Super One Construction | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623400481_superone1.jpg" src="" alt="Super One Construction | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl08_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl08_hypEventGalleryImg" title="Starray Mop | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623399953_starray1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Starray Mop | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl08_hypGallURL" class="hypGallURL" href="http://www.starraymop.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl08_imgEventGalleryImg" title="Starray Mop | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623399953_starray1.jpg" src="" alt="Starray Mop | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl09_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl09_hypEventGalleryImg" title="M&J Builders | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623399886_mj1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">M&J Builders | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl09_hypGallURL" class="hypGallURL" href="http://www.mnjbuilders.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl09_imgEventGalleryImg" title="M&J Builders | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623399886_mj1.jpg" src="" alt="M&J Builders | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl10_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl10_hypEventGalleryImg" title="Okurma | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623399922_okurma1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Okurma | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl10_hypGallURL" class="hypGallURL" href="http://www.tarmahecosystem.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl10_imgEventGalleryImg" title="Okurma | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623399922_okurma1.jpg" src="" alt="Okurma | Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl11_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl11_hypEventGalleryImg" title="Etalon | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1623399771_etalon1.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Etalon | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl11_hypGallURL" class="hypGallURL" href="http://www.etalon.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl11_imgEventGalleryImg" title="Etalon | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1623399771_etalon1.jpg" src="" alt="Etalon | Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl12_liGallItem" class="grid-item 2 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl12_hypEventGalleryImg" title="Seamaster Paint Malaysia | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1583112884_portfolio-seamaster.png"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Seamaster Paint Malaysia | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl12_hypGallURL" class="hypGallURL" href="http://www.seamasterpaint.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl12_imgEventGalleryImg" title="Seamaster Paint Malaysia | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1583112884_portfolio-seamaster.png" src="" alt="Seamaster Paint Malaysia | <br>Website Design Johor Bahru" style="border-width:0px;height:360px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl13_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl13_hypEventGalleryImg" title="Season | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541748250_img-portfolio-season.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Season | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl13_hypGallURL" class="hypGallURL" href="http://www.seasongroup.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl13_imgEventGalleryImg" title="Season | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541748250_img-portfolio-season.jpg" src="" alt="Season | Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl14_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl14_hypEventGalleryImg" title="Probase | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541748259_img-portfolio-probase.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Probase | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl14_hypGallURL" class="hypGallURL" href="http://www.probase.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl14_imgEventGalleryImg" title="Probase | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541748259_img-portfolio-probase.jpg" src="" alt="Probase | Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl15_liGallItem" class="grid-item 2 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl15_hypEventGalleryImg" title="Miroad-Rubber | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541748260_img-portfolio-miroad-rubber.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Miroad-Rubber | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl15_hypGallURL" class="hypGallURL" href="http://www.miroadrubber.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl15_imgEventGalleryImg" title="Miroad-Rubber | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541748260_img-portfolio-miroad-rubber.jpg" src="" alt="Miroad-Rubber | <br>Website Design Johor Bahru" style="border-width:0px;height:275px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl16_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl16_hypEventGalleryImg" title="MP Mineral | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541748261_img-portfolio-mineral-water.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">MP Mineral | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl16_hypGallURL" class="hypGallURL" href="http://www.mpmineral.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl16_imgEventGalleryImg" title="MP Mineral | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541748261_img-portfolio-mineral-water.jpg" src="" alt="MP Mineral | Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl17_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl17_hypEventGalleryImg" title="BNX | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541748142_img-portfolio-bnx.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">BNX | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl17_hypGallURL" class="hypGallURL" href="http://www.bnx.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl17_imgEventGalleryImg" title="BNX | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541748142_img-portfolio-bnx.jpg" src="" alt="BNX | Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl18_liGallItem" class="grid-item 2 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl18_hypEventGalleryImg" title="Intact Water | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541748247_img-portfolio-intact-water.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Intact Water | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl18_hypGallURL" class="hypGallURL" href="http://www.intact-water.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl18_imgEventGalleryImg" title="Intact Water | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541748247_img-portfolio-intact-water.jpg" src="" alt="Intact Water | <br>Website Design Johor Bahru" style="border-width:0px;height:275px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl19_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl19_hypEventGalleryImg" title="slng | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541748250_img-portfolio-slng.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">slng | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl19_hypGallURL" class="hypGallURL" href="http://www.slng.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl19_imgEventGalleryImg" title="slng | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541748250_img-portfolio-slng.jpg" src="" alt="slng | Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl20_liGallItem" class="grid-item 1 item-wide"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl20_hypEventGalleryImg" title="Yick Hoe | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541747928_img-portfolio-yickhoe.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Yick Hoe | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl20_hypGallURL" class="hypGallURL" href="http://www.yickhoegroup.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl20_imgEventGalleryImg" title="Yick Hoe | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541747928_img-portfolio-yickhoe.jpg" src="" alt="Yick Hoe | Website Design Johor Bahru" style="border-width:0px;height:372px;width:650px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl21_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl21_hypEventGalleryImg" title="Euro Fun Park | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541747031_img-portfolio-euro-fun-park.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Euro Fun Park | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl21_hypGallURL" class="hypGallURL" href="http://www.eurofunpark.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl21_imgEventGalleryImg" title="Euro Fun Park | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541747031_img-portfolio-euro-fun-park.jpg" src="" alt="Euro Fun Park | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl22_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl22_hypEventGalleryImg" title="Daepac | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541747030_img-portfolio-daepac.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Daepac | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl22_hypGallURL" class="hypGallURL" href="http://www.daepac.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl22_imgEventGalleryImg" title="Daepac | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541747030_img-portfolio-daepac.jpg" src="" alt="Daepac | Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl23_liGallItem" class="grid-item 2 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl23_hypEventGalleryImg" title="Linocraft Printers | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1541747030_img-portfolio-linocraft.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Linocraft Printers | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl23_hypGallURL" class="hypGallURL" href="http://www.linocraftprinters.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl23_imgEventGalleryImg" title="Linocraft Printers | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1541747030_img-portfolio-linocraft.jpg" src="" alt="Linocraft Printers | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:325px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl24_liGallItem" class="grid-item 4 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl24_hypEventGalleryImg" title="LPY Empire | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1403579743_web-lpyempire.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">LPY Empire | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl24_hypGallURL" class="hypGallURL" href="http://www.lpyempire.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl24_imgEventGalleryImg" title="LPY Empire | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1403579743_web-lpyempire.jpg" src="" alt="LPY Empire | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl25_liGallItem" class="grid-item 4 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl25_hypEventGalleryImg" title="Joyous Asia | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1403579833_web-joyous2013.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Joyous Asia | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl25_hypGallURL" class="hypGallURL" href="http://www.joyousasia.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl25_imgEventGalleryImg" title="Joyous Asia | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1403579833_web-joyous2013.jpg" src="" alt="Joyous Asia | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl26_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl26_hypEventGalleryImg" title="Coffeels - Coffee Machine Johor Bahru<br> - Google Page#1 Rank#1 | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1403580018_web-coffeels.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Coffeels - Coffee Machine Johor Bahru<br> - Google Page#1 Rank#1 | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl26_hypGallURL" class="hypGallURL" href="http://www.coffeels.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl26_imgEventGalleryImg" title="Coffeels - Coffee Machine Johor Bahru<br> - Google Page#1 Rank#1 | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1403580018_web-coffeels.jpg" src="" alt="Coffeels - Coffee Machine Johor Bahru<br> - Google Page#1 Rank#1 | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl27_liGallItem" class="grid-item 1 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl27_hypEventGalleryImg" title="Unitech Copier | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1403580018_web-unitech.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Unitech Copier | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl27_hypGallURL" class="hypGallURL" href="http://www.unitechcopier.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl27_imgEventGalleryImg" title="Unitech Copier | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1403580018_web-unitech.jpg" src="" alt="Unitech Copier | <br>Website Design Johor Bahru" style="border-width:0px;height:288px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl28_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl28_hypEventGalleryImg" title="JC Asset | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1403580018_web-jcasset.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">JC Asset | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl28_hypGallURL" class="hypGallURL" href="http://www.property-johor.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl28_imgEventGalleryImg" title="JC Asset | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1403580018_web-jcasset.jpg" src="" alt="JC Asset | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl29_liGallItem" class="grid-item 3 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl29_hypEventGalleryImg" title="Boxman - Carton Box Online - <br>Google Page#1 Rank#3 | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1403580457_web-boxman.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Boxman - Carton Box Online - <br>Google Page#1 Rank#3 | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl29_hypGallURL" class="hypGallURL" href="http://www.boxman.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl29_imgEventGalleryImg" title="Boxman - Carton Box Online - <br>Google Page#1 Rank#3 | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1403580457_web-boxman.jpg" src="" alt="Boxman - Carton Box Online - <br>Google Page#1 Rank#3 | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl30_liGallItem" class="grid-item 1 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl30_hypEventGalleryImg" title="DAF Malaysia | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1428993905_web-daf.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">DAF Malaysia | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl30_hypGallURL" class="hypGallURL" href="http://www.daf.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl30_imgEventGalleryImg" title="DAF Malaysia | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1428993905_web-daf.jpg" src="" alt="DAF Malaysia | Website Design Johor Bahru" style="border-width:0px;height:288px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl31_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl31_hypEventGalleryImg" title="Shamrock Precision Malaysia | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1428993905_web-shamrock.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Shamrock Precision Malaysia | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl31_hypGallURL" class="hypGallURL" href="http://www.shamrockprecision.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl31_imgEventGalleryImg" title="Shamrock Precision Malaysia | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1428993905_web-shamrock.jpg" src="" alt="Shamrock Precision Malaysia | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl32_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl32_hypEventGalleryImg" title="Volktek | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1428994381_web-voltax.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Volktek | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl32_hypGallURL" class="hypGallURL" href="http://www.volktek.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl32_imgEventGalleryImg" title="Volktek | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1428994381_web-voltax.jpg" src="" alt="Volktek | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl33_liGallItem" class="grid-item 1 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl33_hypEventGalleryImg" title="Taraf Synergy | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1428994381_web-tarafsynergy.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Taraf Synergy | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl33_hypGallURL" class="hypGallURL" href="http://www.tarafsynergy.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl33_imgEventGalleryImg" title="Taraf Synergy | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1428994381_web-tarafsynergy.jpg" src="" alt="Taraf Synergy | Website Design Johor Bahru" style="border-width:0px;height:288px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl34_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl34_hypEventGalleryImg" title="Guan Kee | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1428994381_web-guankee.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Guan Kee | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl34_hypGallURL" class="hypGallURL" href="http://www.guankee.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl34_imgEventGalleryImg" title="Guan Kee | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1428994381_web-guankee.jpg" src="" alt="Guan Kee | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl35_liGallItem" class="grid-item 1 item-wide"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl35_hypEventGalleryImg" title="Head Gasket Industries | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1428994381_web-headgasket.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Head Gasket Industries | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl35_hypGallURL" class="hypGallURL" href="http://www.headgasket.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl35_imgEventGalleryImg" title="Head Gasket Industries | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1428994381_web-headgasket.jpg" src="" alt="Head Gasket Industries | <br>Website Design Johor Bahru" style="border-width:0px;height:372px;width:620px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl36_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl36_hypEventGalleryImg" title="SE Synergy | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1428994381_web-sesynergy.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">SE Synergy | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl36_hypGallURL" class="hypGallURL" href="http://www.se-synergy.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl36_imgEventGalleryImg" title="SE Synergy | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1428994381_web-sesynergy.jpg" src="" alt="SE Synergy | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl37_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl37_hypEventGalleryImg" title="Marvelsoft | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1428994381_web-marvelsoft.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Marvelsoft | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl37_hypGallURL" class="hypGallURL" href="http://www.marvelsoft.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl37_imgEventGalleryImg" title="Marvelsoft | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1428994381_web-marvelsoft.jpg" src="" alt="Marvelsoft | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl38_liGallItem" class="grid-item 3 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl38_hypEventGalleryImg" title="Mobile Printer Malaysia | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1428995668_web-mobileprinter.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Mobile Printer Malaysia | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl38_hypGallURL" class="hypGallURL" href="http://www.mobileprinter.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl38_imgEventGalleryImg" title="Mobile Printer Malaysia | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1428995668_web-mobileprinter.jpg" src="" alt="Mobile Printer Malaysia | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl39_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl39_hypEventGalleryImg" title="CE Asia | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445412215_web-ceasia.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">CE Asia | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl39_hypGallURL" class="hypGallURL" href="http://www.ceasia.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl39_imgEventGalleryImg" title="CE Asia | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445412215_web-ceasia.jpg" src="" alt="CE Asia | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl40_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl40_hypEventGalleryImg" title="Narita Transport | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445420793_web-narita.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Narita Transport | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl40_hypGallURL" class="hypGallURL" href="http://www.narita.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl40_imgEventGalleryImg" title="Narita Transport | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445420793_web-narita.jpg" src="" alt="Narita Transport | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl41_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl41_hypEventGalleryImg" title="Starlight | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445420951_web-starlight.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Starlight | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl41_hypGallURL" class="hypGallURL" href="http://www.starlights.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl41_imgEventGalleryImg" title="Starlight | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445420951_web-starlight.jpg" src="" alt="Starlight | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl42_liGallItem" class="grid-item 1 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl42_hypEventGalleryImg" title="OA Office | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445420990_web-oaoffice.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">OA Office | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl42_hypGallURL" class="hypGallURL" href="http://www.oaoffice.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl42_imgEventGalleryImg" title="OA Office | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445420990_web-oaoffice.jpg" src="" alt="OA Office | <br>Website Design Johor Bahru" style="border-width:0px;height:288px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl43_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl43_hypEventGalleryImg" title="Masbina | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445421025_web-masbina.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Masbina | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl43_hypGallURL" class="hypGallURL" href="http://www.masbina.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl43_imgEventGalleryImg" title="Masbina | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445421025_web-masbina.jpg" src="" alt="Masbina | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl44_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl44_hypEventGalleryImg" title="H2O Filtration | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445421147_web-h2o.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">H2O Filtration | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl44_hypGallURL" class="hypGallURL" href="http://www.h2ofilter.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl44_imgEventGalleryImg" title="H2O Filtration | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445421147_web-h2o.jpg" src="" alt="H2O Filtration | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl45_liGallItem" class="grid-item 1 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl45_hypEventGalleryImg" title="Momentum Motors | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445421165_web-momentum.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Momentum Motors | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl45_hypGallURL" class="hypGallURL" href="http://www.momentummotors.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl45_imgEventGalleryImg" title="Momentum Motors | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445421165_web-momentum.jpg" src="" alt="Momentum Motors | Website Design Johor Bahru" style="border-width:0px;height:288px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl46_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl46_hypEventGalleryImg" title="Gvolt | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445421180_web-gvolt.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Gvolt | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl46_hypGallURL" class="hypGallURL" href="http://www.gvolt.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl46_imgEventGalleryImg" title="Gvolt | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445421180_web-gvolt.jpg" src="" alt="Gvolt | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl47_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl47_hypEventGalleryImg" title="Syntax | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445421197_web-syntax.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Syntax | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl47_hypGallURL" class="hypGallURL" href="http://www.syntax.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl47_imgEventGalleryImg" title="Syntax | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445421197_web-syntax.jpg" src="" alt="Syntax | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl48_liGallItem" class="grid-item 1 item-long"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl48_hypEventGalleryImg" title="SS Automotive | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445421239_web-ssautomotive.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">SS Automotive | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl48_hypGallURL" class="hypGallURL" href="http://www.ssautomotive.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl48_imgEventGalleryImg" title="SS Automotive | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445421239_web-ssautomotive.jpg" src="" alt="SS Automotive | <br>Website Design Johor Bahru" style="border-width:0px;height:288px;width:480px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl49_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl49_hypEventGalleryImg" title="Aseanis | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445421260_web-aseanis.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Aseanis | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl49_hypGallURL" class="hypGallURL" href="http://www.aseanis.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl49_imgEventGalleryImg" title="Aseanis | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445421260_web-aseanis.jpg" src="" alt="Aseanis | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl50_liGallItem" class="grid-item 3 item-wide"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl50_hypEventGalleryImg" title="Sondotech | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1445422159_web-sdt.jpg"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Sondotech | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl50_hypGallURL" class="hypGallURL" href="http://www.sondotech.com.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl50_imgEventGalleryImg" title="Sondotech | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1445422159_web-sdt.jpg" src="" alt="Sondotech | <br>Website Design Johor Bahru" style="border-width:0px;height:372px;width:620px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl51_liGallItem" class="grid-item 1 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl51_hypEventGalleryImg" title="Sea Auto | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1467273669_web-seaauto.gif"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Sea Auto | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl51_hypGallURL" class="hypGallURL" href="http://www.seaauto.com" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl51_imgEventGalleryImg" title="Sea Auto | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1467273669_web-seaauto.gif" src="" alt="Sea Auto | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl52_liGallItem" class="grid-item 3 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl52_hypEventGalleryImg" title="Easy Flower | <br>Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1467273930_web-easyflower.gif"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Easy Flower | <br>Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl52_hypGallURL" class="hypGallURL" href="http://www.easyflower.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl52_imgEventGalleryImg" title="Easy Flower | <br>Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1467273930_web-easyflower.gif" src="" alt="Easy Flower | <br>Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> <li id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl53_liGallItem" class="grid-item 3 item-small"> <div class="divGallItemInner"> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl53_hypEventGalleryImg" title="Narzuta | Website Design Johor Bahru" class="hypEventGalleryImg" rel="lightbox[eventGall]" href="/data/highlight/highgallery/1515985567_img-portfolio-cover-narzuta.gif"></a> <div class="grid-item-on-hover"> <span class="spnGallImgName" style="position:relative;bottom:-90px;">Narzuta | Website Design Johor Bahru</span> <div> <a id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl53_hypGallURL" class="hypGallURL" href="http://www.narzuta.my" target="_blank" style="display:block;text-align:right;color:#fff;"><i class='material-icons'>search</i></a> </div> </div> <img id="ctl00_cphContent_ucUsrEventGall4_rptEventGallery_ctl53_imgEventGalleryImg" title="Narzuta | Website Design Johor Bahru" class="lazyload" class="lazy" data-src="/data/highlight/highgallery/1515985567_img-portfolio-cover-narzuta.gif" src="" alt="Narzuta | Website Design Johor Bahru" style="border-width:0px;height:186px;width:310px;" /> </div> </li> </ul> </div> </div> </div> </div> <script src="/js/lazysizes.min.js" type="text/javascript"></script> <script> window.lazySizesConfig = window.lazySizesConfig || {}; window.lazySizesConfig.expand = 9; $(document).ready(function () { $(".item-long").each(function () { $(this).find(".spnGallImgName").css("bottom", "-150px"); $(this).find(".hypGallURL").css("right", "-200px"); }); $(".item-small").each(function () { $(this).find(".hypGallURL").css("width", "200px"); }); $(".grid-item-on-hover").each(function () { $(this).on("click", function () { $(this).siblings("a")[0].click(); }); }); }); </script> </div> <script type="text/javascript"> $(document).ready(function () { }); </script> <div id="ctl00_pnlBannerContainerSub" class="divBannerContainerGallSub"> <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><style type="text/css">.blueBG { background-image: url("/data/cms/images/1535620826_bg-about-us-our-clients.png"); background-repeat: no-repeat; height: 815px; background-size: 110%; background-position:top center; margin-top:50px; } 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; text-decoration:none; } 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; background-color: #497bd8; text-decoration: none; } a.MoreDetail{ font-size: 18px; font-family: Pangolin; font-weight: 400; color:#ffffff; text-decoration:none; } a.MoreDetail:hover, a.MoreDetail:active { color:#b6cefc; text-decoration: none; } @media only screen and (max-width: 1400px) and (min-width: 1300px){ .testbtn{ top: -12px !important; } .blueBG { height: 0px !important; ; background-size: 130% 100% !important; } .curvebackground{ margin: -62px 0 0 !important; } } @media only screen and (max-width: 1300px) and (min-width: 1200px){ .testbtn{ top: -12px !important; } .blueBG { height: 0px !important; ; background-size: 130% 100% !important; } .curvebackground{ margin: -59px 0 0 !important; } } </style> <table border="0" cellpadding="0" cellspacing="0" class="blueBG" style="width:100%;"> <tbody> <tr> <td style="height: 140px;">  </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" style="width:1200px; margin:auto; position: relative; "> <tbody> <tr> <td> <div style="width:150px; height:50px; margin:auto; border-radius:25px; background:#fff; box-shadow: 0px 0px 50px 10px rgba(191,230,255,0.5); display: flex; align-items: center; justify-content: center;"><img alt="Alpine Technology" src="/data/cms/images/1596533897_alpine-bnn.png" style="width: 90px; height: 34px;" title="Alpine Technology" /> </div> </td> </tr> <tr> <td style="padding: 20px; text-align: center;"><span style="font-size:18px; color:#fff; font-family: Pangolin; font-weight: 400;">Mr. Josiah Teo <br /> Alpine Technology (M) Sdn. Bhd.</span> </td> </tr> <tr> <td> <div style="text-align: center;"> <br /> <span style="font-size:18px; color:#fff; font-family: Pangolin; font-weight: 400; line-height: 1.5;">Nowadays website with proper SEO is so important for businesses. I remember trying to build my own website when I first started my business but it end up nothing. I still remember engaging Alex (Webteq) to build our company website and it was LIVE after a couple of weeks. We are amaze by the team who are able to complete it within the promise date. Along the years, the website brings us good revenue and high rank in google and we recently upgraded to a mobile friendly page and sales lead continues to flow in. I highly recommend those businesses that do not have website to engage Alex Tey (Webteq) to build 1. Website is a MUST for all businesses. </span> </div> <div style="text-align: center;"><a alt="More Details" class="MoreDetail" href="/testimonial" title="More Details">More Details »</a> </div> <div style="width:100%; height:1px; margin-top: 20px; opacity: 0.4; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,100) 50%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%);">  </div> </td> </tr> <tr> <td style="padding-top: 25px; padding-bottom: 20px; text-align: center;"><span style="font-size:18px; color:#fff; font-family: Pangolin; font-weight: 400;">Webteq Provided:</span> </td> </tr> <tr> <td style="text-align: center;"><a class="btnProvide" href="/our-services" title="Effective Website">Effective Website</a> <a class="btnProvide" href="/seo" title="SEO">SEO</a> <a class="btnProvide" href="/our-services" title="Email Hosting">Email Hosting</a> </td> </tr> <tr> <td style="height: 30px;">  </td> </tr> <tr> <td class="testbtn" style="text-align: center; position: relative; z-index: 10; top: 50px;"><a alt="View All Testimonial" class="Morelink" href="/testimonial" title="View All Testimonial">+ <br /> View All Testimonial </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="curvebackground" style="width:100%; margin: -88px 0 0;"> <tbody> <tr> <td><img src="/data/admcms/images/img-btm-panel-top-shadow.png" style="width: 100%;" /> </td> </tr> </tbody> </table> <div style="height: 90px;">  </div></div> </div> </div> </div> </div> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl01_pnlCMSContent"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl01_ucUsrCMSContent_pnlCMSContent" class="divCMSContentOuter2"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl01_ucUsrCMSContent_pnlCMSContentInner" class="divCMSContentInner"> <div id="ctl00_ucUsrCMSBannerContainer_rptCMSContent_ctl01_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> </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> <script type="text/javascript"> $(document).ready(function(){ $('.divQuickContact').hover(function() { $(this).attr('title', 'Contact Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia'); }); }); </script> <table border="0" cellpadding="0" cellspacing="0" style="width:100%;"> <tbody> <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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><img alt="ePROFILE | Profiling Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><img alt="eCATALOG | Catalogue Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><img alt="eSHOP | Online Shopping Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia"><img alt="SEO | Search Engine Optimization | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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> <h3>What do you need for your company website? </h3> </td> </tr> <tr> <td style="height:20px;">  </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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Profiling Website</a> <br /> <a alt="Online Catalogue" class="menu" href="/eCatalog" title="Online Catalogue | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Online Catalogue</a> <br /> <a alt="Online Shopping" class="menu" href="/eShop" title="Online Shopping | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Online Shopping</a> <br /> <a alt="Mobile Website" class="menu" href="/mobile-friendly" title="Mobile Website | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Mobile Website</a> <br /> <a alt="Google Ranking" class="menu" href="/seo" title="Google Ranking | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Google Ranking</a> (SEO) </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? | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Who We Are?</a> <br /> <a class="menu" href="/our-services" title="Our Services | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Our Services</a> <br /> <a alt="What We Did?" class="menu" href="/event/portfolio" title="What We Did? | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">What We Did?</a> <br /> <a alt="What They Said?" class="menu" href="/testimonial" title="What They Said? | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">What They Said?</a> <br /> <a alt="FAQs" class="menu" href="/faqs" title="FAQs | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Policy</a> <br /> <a alt="Contact Us" class="menu" href="/contact/contact-us" title="Contact Us | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">Contact Us</a> <br /> <a alt="Join Webteq" class="menu" href="/career" title="Join Webteq | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Website Company</b> </td> </tr> <tr> <td style="height:10px;"><img alt="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </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="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </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="Webteq" src="/img/cmn/trans.gif" style="width: 1px; height: 1px;" title="Webteq" /> </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 | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </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 | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia">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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /></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 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> <img alt="" src="/data/cms/images/1595679272_golden-eagle.png" style="width: 50px; height: 36px;" title="Golden Eagle Award 2019 | Web Design Johor Bahru JB | Kuala Lumpur KL (Sunway Nexis) | SEO | Webteq Malaysia" /> </td> </tr> <tr> <td style="text-align: center; height: 100px;">  </td> </tr> </tbody> </table> </td> </tr> </tbody> </table></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); }); </script>

CINXE.COM

Website Design Johor Bahru | >1500 websites | JB KL