<!DOCTYPE html>
<html lang="en">
<head>
   
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title> ComnetSolutions: Web Design Singapore | ECommerce | Web Applications | Mobile | CMS </title>
    <meta name="description" content="Comnet Solutions is a leading digital agency providing branded customers with web design, ecommerce, digital marketing, mobile applications, cms, web hosting and maintenance services in Singapore." />
    <meta name="keywords" content="Website Design Singapore, Singapore Website Design Company, Web Design Singapore, website development singapore,singapore web development company, Content Management System, eCommerce Website,  Digital Marketing" />
    <meta name="google-site-verification" content="1-zqMa_IkNagNIUZSlODFVwj1oiPeb-8T6vhseX6NAU" />
    <meta name="ROBOTS" content="ALL">
    <meta name="robots" content="noodp, noydir" />
    <meta name="copyright" content="ComnetSolutions Pte Ltd" />
    <link rel="canonical" href="http://www.comnet.com.sg" />
    <link rel="author" href="https://plus.google.com/109181950076948500558" />
    <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" /> 
    
    <!-- CSS
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="stylesheet" href="css/skeleton.css" />
    <link rel="stylesheet" href="css/main.css?v1" />
    <link rel="stylesheet" href="css/flexslider.css" />
    <link rel="stylesheet" href="css/slicknav.css" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/remodal.css" />
    <link rel="stylesheet" href="css/Developer.css" />

    <script type="text/javascript">
        window.$zopim || (function (d, s) {
            var z = $zopim = function (c) { z._.push(c) }, $ = z.s =
            d.createElement(s), e = d.getElementsByTagName(s)[0]; z.set = function (o) {
                z.set.
                _.push(o)
            }; z._ = []; z.set._ = []; $.async = !0; $.setAttribute("charset", "utf-8");
            $.src = "//v2.zopim.com/?40RTQ25xXVz92sEAiUHROLF2NCRolDoi"; z.t = +new Date; $.
            type = "text/javascript"; e.parentNode.insertBefore($, e)
        })(document, "script");
    </script>
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-52484261-1', 'auto');
        ga('send', 'pageview');
    </script>
    <!-- Hotjar Tracking Code for http://www.comnet.com.sg -->
    <script>
        (function (h, o, t, j, a, r) {
            h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
            h._hjSettings = { hjid: 499245, hjsv: 5 };
            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, '//static.hotjar.com/c/hotjar-', '.js?sv=');
    </script>

    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    <!-- Favicon
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
    <link href="css/magnific-popup.css" rel="stylesheet" />
    <style type="text/css">
        /*.radiolable label {
            width: inherit;
            float: none;
            display: inline-block;
        }*/
        .test_email {
            display: none;
        }

        .white-popup {
            position: relative;
            background: #FFF;
            padding: 25px;
            width: auto;
            max-width: 800px;
            margin: 0 auto;
        }

            .white-popup header {
                border-bottom: 1px dotted #ccc;
                padding-bottom: .4em;
                margin-bottom: .4em;
            }

        /*=========== popup body scroll ==================*/
        /*.popup-scroll {
                overflow-y: scroll;
                max-height: 300px;
                padding: 0 1em 0 0;
            }*/

        /* custom scrollbars - webkit only */
        .popup-scroll::-webkit-scrollbar {
            background-color: #EEE;
            width: 10px;
        }

        .popup-scroll::-webkit-scrollbar-thumb {
            border: 1px #EEE solid;
            border-radius: 2px;
            background: #777;
            -webkit-box-shadow: 0 0 8px #555 inset;
            box-shadow: 0 0 8px #555 inset;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

        .popup-scroll::-webkit-scrollbar-track {
            -webkit-box-shadow: 0 0 2px #ccc;
            box-shadow: 0 0 2px #ccc;
        }

        /*====== Zoom effect ======*/

        .mfp-zoom-in {
            /* start state */
            /* animate in */
            /* animate out */
        }

            .mfp-zoom-in .mfp-with-anim {
                opacity: 0;
                transition: all 0.2s ease-in-out;
                transform: scale(0.8);
            }

            .mfp-zoom-in.mfp-bg {
                opacity: 0;
                transition: all 0.3s ease-out;
            }

            .mfp-zoom-in.mfp-ready .mfp-with-anim {
                opacity: 1;
                transform: scale(1);
            }

            .mfp-zoom-in.mfp-ready.mfp-bg {
                opacity: 0.8;
            }

            .mfp-zoom-in.mfp-removing .mfp-with-anim {
                transform: scale(0.8);
                opacity: 0;
            }

            .mfp-zoom-in.mfp-removing.mfp-bg {
                opacity: 0;
            }
    </style>
    <script type="text/javascript" language="javascript">

        function validateList() {
            if (txtName.value == "" || txtName.value == "Your Name") {
                alert("Please Enter Your Name")
                txtName.focus()
                return false;
            }
            if (txtEmail.value == "" || txtEmail.value == "Your Email Address") {
                alert("Please Enter Your Email Address")
                txtEmail.focus()
                return false;
            }
            if (echeck(txtEmail.value) == false) {
                txtEmail.select()
                return false;
            }
            if (txtCompany.value == "" || txtCompany.value == "Your Company Name") {
                alert("Please Enter Your Company Name")
                txtCompany.focus()
                return false;
            }
            if (txtContact.value == "" || txtContact.value == "Contact Number") {
                alert("Please Enter Contact Number")
                txtContact.focus()
                return false;
            }
            if (txtContact.value != "") {
                if (chkNum(txtContact) == false) {
                    alert("Contact Number has only numeric Value")
                    txtContact.select();
                    return false;
                }
            }
            if (txtBrfreq.value == "" || txtBrfreq.value == "Brief Requirements") {
                alert("Please Enter Brief Requirements")
                txtBrfreq.focus()
                return false;
            }

        }
        function ShowModalPopUp(strCntrID) {
            $.magnificPopup.open({
                items: {
                    src: '#' + strCntrID,
                    type: 'inline',
                    preloader: false
                },
                callbacks: {
                    beforeOpen: function () {
                        //QueueDetail();
                    }
                },
                closeOnBgClick: false,
                prependTo: document.forms[0],
                modal: true,
                midClick: true
            });
        }

        function HidePopUp() {
            $.magnificPopup.close();
        }

        //function completecontact() {
        //      AlertPopUp('ContactUs', 'Thank you for contacting us. Our sales representative will get back to you shortly on your enquiry.');
        //}
    </script>
	
	<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<script>
	  (adsbygoogle = window.adsbygoogle || []).push({
		google_ad_client: "ca-pub-6817723882383497",
		enable_page_level_ads: true
	  });
	</script>


</head>
<body>
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-544DNS"
                height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <script>
        (function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
            '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-544DNS');
    </script>
    <div style="display:none;">
        <div itemscope itemtype="http://schema.org/Organization">
            <a itemprop="url" href="http://www.comnet.com.sg"><div itemprop="name"><strong>ComnetSolutions Ptd Ltd - Singapore Web Design</strong></div></a>
            <div itemprop="description">ComnetSolutions is an experienced and quality agency providing the following value-added services which include Web design and development, CMS and Ecommerce web solutions, Website maintenance, Digital marketing and web hosting for corporate clients in Singapore and overseas.</div>
            <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                <span itemprop="streetAddress">8 Jalan Lembah Kallang, #06-01 Min Ghee building, S(339564)</span><br>
                P.O. Box: <span itemprop="postOfficeBoxNumber">339564</span><br>
                <span itemprop="addressLocality">singapore</span><br>
                <span itemprop="addressRegion">singapore</span><br>
                <span itemprop="postalCode">339564</span><br>
                <span itemprop="addressCountry">singapore</span><br>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function AlertPopUp(strHeading, strMessage) {
            document.getElementById('lblPopUpHeading').innerHTML = strHeading;
            document.getElementById('lblAlertPopUpMessage').innerHTML = strMessage;
            ShowModalPopUp('popupMsg');
        }
    </script>
    <div id="popupMsg" class="mfp-with-anim mfp-hide remodal" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc" style="max-width: 800px; margin: auto;">
        <a class="remodal-close" href="javascript:HidePopUp()" aria-label="Close"></a>
        <div class="contact_popup">
            <h1><span id="lblPopUpHeading"></span></h1>
            <p>  <span id="lblAlertPopUpMessage"></span></p>
        </div>
    </div>
	<div id="header">
    	<div class="container">
        	<div class="row">
            	<a href="index.html"><img src="images/logo.png" alt="Comnnet Logo" class="logo" /></a>
                
               <div class="menu-btn">
                    <a class="btn-open" href="#"></a>
                </div>
                <nav id="menu" class="menu">
                	<ul>
                        <li><a href="About-Comnet-Solutions">About</a></li>
                        <li><a href="creative-web-design">Creative</a></li>
                        <li><a href="web-development-solutions">Web Solutions</a></li>
                        <li><a href="mobile-website-mobile-application">Mobile Sites & Mobile Apps</a></li>
                        <li><a href="digital-marketing-services">Digital Marketing</a></li>
                        <li><a href="case-studies">Case Studies</a></li>
                        <li><a href="contact-us">Contact Us</a></li>
                        <!--<li><a href="careers">Career</a></li>-->
                        <li><a class="btn" href="#modal">Start a Project</a></li>
                    </ul>
                </nav>

            </div>
        </div>
    </div>
    
	<section class="slider">
        <div class="flexslider">
            <ul class="slides">
                <!-- <li class="sliderBg1">
                    <div class="sliderText">
                    <h6>Case Study:</h6>
                    <h2 class="bebas white">Singapore Zoo</h2>
                    <h3>2010 – Current</h3>
                    <a href="wrs.html" class="button">Learn More</a>
                    </div>
                </li> -->
                <li class="sliderBg2">
                    <div class="sliderText">
                        <h6>Case Study:</h6>
                        <h2 class="bebas white">Unilever Asia</h2>
                        <h3>2011 – Current</h3>
                        <a href="unilever.html" class="button">Learn More</a>
                    </div>
                </li>
                <li class="sliderBg3">
                    <div class="sliderText">
                    <h6>Case Study:</h6>
                    <h2 class="bebas white">Wearnes Automotive</h2>
                    <h3>2012 – Current</h3>
                    <a href="wearnes.html" class="button">Learn More</a>
                    </div>
                </li>
                
                
            </ul>
        </div>
	</section>
    <section class="base-1">
    	<div class="container">
        	<div class="row">
            	<div class="three-col columns"><h2 class="white">digital.<br/>delivered.</h2></div>
            	<div class="nine columns paddingleft30">
                	<p>ComnetSolutions is an experienced DIGITAL AGENCY in Singapore providing Website Design, e-Commerce, Web Development, CMS and Online Marketing services for our clients to reach their GOALS and OBJECTIVES. We are PASSIONATE in what we do and we DELIVER all the time. </p>
                    <p class="last">That is why people stick around. Clients & Colleagues.</p>
				</div>
          </div>
        </div>
    </section>
    <section class="services">
    	<div class="container">
        	<div class="row">
            	<h1 class="aligncenter intro">Providing Website Design and Development Services in Singapore since 2006</h1>
                <div class="service">
                    <ul class="service-flip">
                        <li>
                            <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
                                <div class="flipper">
                                    <div class="front">
                                        <h3 class="aqua">Creative</h3>
                                        <img src="images/icon-creative.png" />
                                        <p>A functional design is essential to all digital executions. It is not a happenstance, but a process of deliberately ensuring that every aspect of your brand visually establishes and maintains a company standard on how it sells and how it is perceived.</p>
                                        <a class="service-btn">Learn More</a>
                                    </div>
                                    <div class="back">
                                        <div class="tagsDiv">
                                            <h3 class="aqua">Creative</h3>
                                            <h2 class="tags">Web Design</h2>
                                            <h2 class="tags">Responsive Site Design</h2>
                                            <h2 class="tags">Mobile App Design</h2>
                                            <h2 class="tags">User Interface / User Experience</h2>
                                            <h2 class="tags">Email Newsletters Design</h2>
                                            <h2 class="tags">Banners Ads Design</h2>
                                            <h2 class="tags">Customized Website Application Design</h2>
                                            <h2 class="tags">Intranet Design</h2>
                                            <h2 class="tags">Portals Design</h2>
                                            <h2 class="tags">Html5 Design</h2>
                                            <h2 class="tags">Ecommerce Website Design</h2>
                                            <br/>
                                        </div>
                                        <a class="service-btn" href="creative-web-design">Learn More</a>
                                    </div>
                                </div>
                        	</div>
                        </li>
                        <li>
                            <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
                            <div class="flipper">
                                <div class="front">
                                    <h3 class="orange">Web Solutions</h3>
                                    <img src="images/icon-technology.png" />
                                    <p>Developing web applications is not an easy task. It requires a systematic process starting from Requirements gathering, Systems design, Implementation, Testing, Deployment, and Ongoing iteration based on analysis.</p>
                                    <a class="service-btn">Learn More</a>
                                </div>
                                <div class="back">
                                    <div class="tagsDiv">
                                        <h3 class="orange">Web Solutions</h3>
                                        <h2 class="tags">Websites with content management systems</h2>
                                        <h2 class="tags">eCommerce websites</h2>
                                        <h2 class="tags">Intranets</h2>
                                        <h2 class="tags">Web portals</h2>
                                        <h2 class="tags">Membership website applications</h2>
                                        <h2 class="tags">Subscription based web applications</h2>
                                        <h2 class="tags">Customer relationship management applications</h2>
                                        <h2 class="tags">Business portals development (b2c portals, b2b portals)</h2>
                                        <h2 class="tags">Shopping cart websites</h2>
                                        <h2 class="tags">Responsive website applications</h2>
                                        </div>
                                    <a class="service-btn" href="web-development-solutions">Learn More</a>
                                </div>
                            </div>
                        </div>
                        </li>
                        
                        <li>
                            <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
                            <div class="flipper">
                                <div class="front">
                                    <h3 class="green">Mobile Sites & Apps</h3>
                                    <img src="images/icon-consultancy.png" alt="consultancy" />
                                    <p>Any digital implementation without a mobile strategy needs to be revamped. With high adoption of mobile, websites need to be revamped to be responsive websites. For certain scenarios, mobile websites work better and are developed. </p>
                                    <a class="service-btn">Learn More</a>
                                </div>
                                <div class="back">
                                    <div class="tagsDiv">
                                        <h3 class="green">Mobile Sites & Apps</h3>
                                        <h2 class="tags">Responsive websites</h2>
										<h2 class="tags">Mobile websites</h2>
										<h2 class="tags">Iphone Apps</h2>
										<h2 class="tags">Ipad Apps</h2>
										<h2 class="tags">Android Apps</h2>
                                        <br/><br/><br/><br/><br/><br/><br/><br/><br/></div>
                                    <a class="service-btn" href="mobile-website-mobile-application">Learn More</a>
                                </div>
                            </div>
                        </div>
                        </li>
                        
                        <li>
                            <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
                            <div class="flipper">
                                <div class="front">
                                    <h3 class="purple">Digital Marketing</h3>
                                    <img src="images/icon-marketing.png" />
                                    <p>Digital marketing has grown in marketing spend over the years and now is a core component over traditional marketing in most industries. </p>
                                    <a class="service-btn">Learn More</a>
                                </div>
                                <div class="back">
                                    <div class="tagsDiv">
                                        <h3 class="purple">Digital Marketing</h3>
                                        <h2 class="tags">Search engine optimization (SEO) which includes onsite seo optimization and offsite seo optimization</h2>
                                        <h2 class="tags">Search engine marketing (SEM) over Google Adwords</h2>
                                        <h2 class="tags">Social media marketing over Facebook</h2>
                                        <h2 class="tags">Email marketing utilizing various platforms depending on client’s campaign and requirements</h2>
                                        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div>
                                    <a class="service-btn" href="digital-marketing-services">Learn More</a>
                                </div>
                            </div>
                        </div>
                        </li>
                    </ul>
                </div>
            </div>        
        </div>
    </section>
    <section class="clients">
    	<div class="container">
        	<div class="row">
            	<h1 class="aligncenter">Our Clients</h1>
                <div class="boxes">
                    <ul>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/sz.png" alt="singapore zoo" />                        		
                                <div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Singapore Zoo</h3>
                                   	<p>Website, Microsite, Mobile Site, Email Marketing, Search Engine Optimization, Banner Ads</p>
                                    <a class="showme-btn" href="wrs.html">Case Study</a>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/ns.png" alt="night safari" />
                                <div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Night Safari</h3>
                                    <p>Website, Mobile Site, Email Marketing, Search Engine Optimization, Banner Ads</p>
                                    <a class="showme-btn" href="wrs.html">Case Study</a>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/rs.png" alt="river safari" />
                                <div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>River Safari</h3>
                                    <p>Website, Microsite, Mobile Site, Email Marketing, Search Engine Optimization, Banner Ads</p>
                                    <a class="showme-btn" href="wrs.html">Case Study</a>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/jbp.png" alt="jbp" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Jurong Bird Park</h3>
                                    <p>Website, Microsite, Mobile Site, Email Marketing, Search Engine Optimization, Banner Ads</p>
                                    <a class="showme-btn" href="wrs.html">Case Study</a>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/wrs.png" alt="wrs" />
                                <div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>WRS</h3>
                                    <p>Website, Web Hosting, Web Maintenance, Ecommerce, Online Ticketing</p>
                                    <a class="showme-btn" href="wrs.html">Case Study</a>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/uni.png" alt="unilever" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Unilever</h3>
                                    <p>Website, Microsite, EDMs, <br/>Banners, Web Maintenance,<br/>Web Hosting</p>
                                    <a class="showme-btn" href="unilever.html">Case Study</a>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/wearnes.png" alt="wearnes" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Wearnes</h3>
                                    <p>Website, Email Marketing, Microsite, Jaguar Stock Application, Landrover website localization</p>
                                    <a class="showme-btn" href="wearnes.html">Case Study</a>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/jaguar.png" alt="jaguar" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Jaguar</h3>
                                    <p>Responsive Website, Content Management System, Application Hosting, Web Maintenance</p>
                                    <a class="showme-btn" href="wearnes.html">Case Study</a>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/landrover.png" alt="landrover" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Land Rover</h3>
                                    <p>Website Localization, Responsive Website, Content Management System, Application Hosting, Web Maintenance </p>
                                    <a class="showme-btn" href="wearnes.html">Case Study</a>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/edb.png" alt="edb" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>EDB</h3>
                                    <p>EDM Campaigns, Microsite </p>
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/ie.png" alt="ie" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>IE</h3>
                                    <p>EDM,<br/>Microsite,<br/>Ecommerce</p>
                                	<!--a class="showme-btn">Visit Site</a-->
                                </div>
							</div>
                        </li>
                         <li>
                        	<div class="show-image">
                                <img src="images/clients/isid.png" alt="isid" />
                                <div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Isid</h3>
                                    <p>Website, Web Maintenance,<br/>Content Management System, Ecommerce</p>
                                    <!--<a class="showme-btn" href="wearnes.html" target="_blank">Case Study</a>-->
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/accor.png" alt="accor" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Accor</h3>
                                    <p>EDM Design, Email Marketing, Microsite, Creative</p>
                                	<!--a class="showme-btn">Visit Site</a-->
                                </div>
							</div>
                        </li>  
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/regent.png" alt="regent" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Regent</h3>
                                    <p>EDM Design, E-Newsletter Development, Microsite, Content Management System, Web Maintenance</p>
                                	<!--a class="showme-btn">Visit Site</a-->
                                </div>
							</div>
                        </li>
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/tw.png" alt="tw" />
                                <div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Teckwah Group</h3>
                                    <p>Responsive Website, Content Management System, Web Maintenance </p>
                                    <!--<a class="showme-btn" href="wearnes.html" target="_blank">Case Study</a>-->
                                </div>
							</div>
                        </li>                         
                        <li>
                        	<div class="show-image">
                                <img src="images/clients/burgerup.png" alt="burgerup" />
                        		<div class="showme" ontouchstart="this.classList.toggle('hover');">
                                	<h3>Burger Up</h3>
                                    <p>Website, Kiosk Application, POS, Content Management System, Hosting, Maintenance</p>
                                </div>
							</div>
                        </li>    
                    </ul>
                </div>
                
            </div>
        </div>
    </section>
    <section class="contact">
		<div class="container">
        	<div class="row">
            <h1 class="aligncenter">Contact Us</h1>
            	<div class="contactdiv">
                    <p>
                        <strong>ComnetSolutions Pte Ltd</strong><br/>
                        69 Ubi Rd 1,<br/>
                        #10-33, Oxley Bizhub,<br/>
                        Singapore 408731<br/>
                        <a href="https://www.google.com.sg/maps/place/Singapore+408731/@1.3317054,103.8798523,15z/data=!3m1!4b1!4m6!3m5!1s0x31da178cbb79b607:0xd0b808455c91e32f!8m2!3d1.331684!4d103.890152!16s%2Fg%2F11mq7z_0h7?entry=ttu" target="_blank" class="font14">View Map</a>
                        </p>
                        <!--p class="margin0">
                        <a class="accreditation" href="http://www.cnsg.com.sg/accreditation/ComnetSolutions.pdf" target="_blank" onclick="ga('send', 'event', { eventCategory: 'download', eventAction: 'pdf', eventLabel: 'download pdf', eventValue: 1});"><img src="images/B2B.gif" border="0" width="100" data-pin-nopin="true"></a>
                    	<img src="images/TrustSg.gif" border="0" width="100" data-pin-nopin="true" class="trustsg"></p-->
                </div> 
                <div class="contactdiv2">
                    <p>
                        <strong>Contact Numbers:</strong><br/>
                        +65 6297 8421 (Tel)<br/>
                        +65 6297 8425 (Fax)
                    </p><br/>
                    <p>
                        <strong>Email:</strong><br/><a href="mailto:hello@comnet.com.sg" class="email">hello@comnet.com.sg</a><br/>
                    </p>
                </div> 
                <div class="contactdiv3">
                    <p><a href="https://twitter.com/singaporeweb" target="_blank"><i class="fa fa-twitter twitter-icon"></i></a><strong>Social</strong></p>
                    <div id="twitter"></div>
                </div>   
            </div>             
    	</div>          
    </section>
    
    <section class="sendmessage">
    	<div class="container">
        	<div class="row aligncenter">
            	<h1>Get in touch with us now</h1>
                <a class="button" href="#modal">Start a Project</a>
            </div>
		</div>      
    </section>
    
    <div class="remodal" data-remodal-id="modal" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc">
        <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
        <div>
            <div class="contact_popup">
                <h1>Start a Project</h1>
                <p>Fill in the form below and we will get back to you on your enquiry.</p>
                <div class="clear">
                    <h6>Service Required:</h6>
                    <div class="contactsection">
                        <ul>
                            <li><input type="checkbox" id="Websitedsn" value="Website Design"><label>Website Design</label></li>
                            <li><input type="checkbox" id="Mobile" value="Mobile Development"><label>Mobile Development</label></li>
                            <li><input type="checkbox" id="Content" value="Content Management System"><label>Content Management System</label></li>
                            <li><input type="checkbox" id="Ecommers" value="Ecommerce"><label>Ecommerce</label></li>
                        </ul>
                    </div>
                    <div class="contactsection">
                        <ul>
                            <li><input type="checkbox" id="Customise" value="Customised Application Development"><label>Customised Application Development</label></li>
                            <li><input type="checkbox" id="Digitalmark" value="Digital Marketing"><label>Digital Marketing</label></li>
                            <li><input type="checkbox" id="Others" value="Others"><label>Others</label></li>
                        </ul>
                    </div>
                </div>
                <div class="clear">
                    <div class="contactsection">
                        <input type="text" value="Your Name" name="txtName" id="txtName" onfocus="if (this.value == 'Your Name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Your Name';}" class="contactForm">
                        <div class="asterisk">*</div>
                    </div>
                    <div class="contactsection">
                        <input type="text" value="Your Email Address" name="txtEmail" onfocus="if (this.value == 'Your Email Address') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Your Email Address';}" id="txtEmail" class="contactForm">
                        <div class="asterisk">*</div>
                    </div>
                </div>
                <div class="clear">
                    <div class="contactsection">
                        <input type="text" value="Your Company Name" name="txtCompany" id="txtCompany" onfocus="if (this.value == 'Your Company Name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Your Company Name';}" class="contactForm">
                        <div class="asterisk">*</div>
                    </div>
                    <div class="contactsection">
                        <input type="text" value="Contact Number" name="txtContact" id="txtContact" onfocus="if (this.value == 'Contact Number') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Contact Number';}" class="contactForm">
                        <div class="asterisk">*</div>
                    </div>
                </div>
                <div class="clearhid">
                    <textarea class="textarea" name="txtBrfreq" id="txtBrfreq" onfocus="if (this.value == 'Brief Requirements') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Brief Requirements';}">Brief Requirements</textarea>
                    <div class="asterisk">*</div>
                </div>
                <div class="clear">
                    <div style="display:inline-block;">

                        <div class="captcha_code_m">
                            <div id="html_recaptcha"></div>
                            <input type="hidden" id="hfResCaptcha" />
                        </div>
                    </div>
                </div>
                <div class="clear margintop30">
                    <a class="btn-form" href="#" id="BtnEnquiry">Submit</a><a class="btn-form" href="#">Close</a>
                </div>
            </div>
        </div>
    </div>

    <footer>
    	<div class="container">
        	<div class="row">
            	<span class="floatleft">&copy; Copyright 2016 Comnetsolutions Pte Ltd. All Rights Reserved.</span>
    			<ul class="floatright">
                	<li><a href="terms">Terms of Use</a></li>
                    <li><a href="privacy-policy">Privacy Policy</a></li>
                </ul>
            </div>
        </div>
    </footer>
    <!-- Javscript -->
  
	
	<script>window.jQuery || document.write('<script src="js/script.js"><\/script>')</script>
<script type="text/javascript" src="js/moment.min.js"></script>
   
    <script type="text/javascript" src="js/twitterFetcher_min.js"></script>
    <script type="text/javascript" src="js/exampleUsage.js"></script>
	<script type="text/javascript" src="js/remodal.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" language="javascript" src="js/validation.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#BtnEnquiry').on('click', function () {
                if (validateList() != false) {
                    var Websitedsn = document.getElementById('Websitedsn').checked;
                    var Mobile = document.getElementById('Mobile').checked;
                    var Content = document.getElementById('Content').checked;
                    var Ecommers = document.getElementById('Ecommers').checked;
                    var Customise = document.getElementById('Customise').checked;
                    var Digitalmark = document.getElementById('Digitalmark').checked;
                    var Others = document.getElementById('Others').checked;
                    var hfResCaptcha = $('#hfResCaptcha').val();
                    var txtName = $('#txtName').val();
                    var txtEmail = $('#txtEmail').val();
                    var txtCompany = $('#txtCompany').val();
                    var txtContact = $('#txtContact').val();
                    var txtBrfreq = $('#txtBrfreq').val();
                    var gresponse = grecaptcha.getResponse();
                    var msg = '';

                    // alert('hii');
                    $.post("AjaxGetDetail.aspx", { Websitedsn: Websitedsn, Mobile: Mobile, Content: Content, Ecommers: Ecommers, Customise: Customise, Digitalmark: Digitalmark, Others: Others, txtName: txtName, txtEmail: txtEmail, txtCompany: txtCompany, txtContact: txtContact, txtBrfreq: txtBrfreq, hfResCaptcha: hfResCaptcha, grecaptcharesponse: gresponse })
                    .done(function (data) {
                        //alert(data);
                        //location.reload();
                        if (data == 'OK') {
                            AlertPopUp('Enquiry', 'Thank you for contacting us. Our sales representative will get back to you shortly on your enquiry.');
                            document.getElementById('Websitedsn').checked = false;
                            document.getElementById('Mobile').checked = false;
                            document.getElementById('Content').checked = false;
                            document.getElementById('Ecommers').checked = false;
                            document.getElementById('Customise').checked = false;
                            document.getElementById('Digitalmark').checked = false;
                            document.getElementById('Others').checked = false;
                            $('#txtName').val('Your Name');
                            $('#txtEmail').val('Your Email Address');
                            $('#txtCompany').val('Your Company Name');
                            $('#txtContact').val('Contact Number');
                            $('#txtBrfreq').val('');
                            $('#hfResCaptcha').val('');
                            grecaptcha.reset();
                        }
                        else if (data == 'INVALIDCAPTCHA') {
                            alert('Incorrect captcha. Please try again.');
                        }
                        else {
                            AlertPopUp('Enquiry', 'Error While Contacting');
                        }
                    });
                }
                else
                    return false;
            });
        })

    </script>
    <script type="text/javascript" language="javascript">
        var onloadRecaptchaCallback = function () {
            grecaptcha.render('html_recaptcha', {
                'sitekey': '6LdB3w8TAAAAANj7o6TCnrj9cp9pHrwrP50m_A--'
            });
        };
    </script>
    <script type="text/javascript" src='https://www.google.com/recaptcha/api.js?onload=onloadRecaptchaCallback&render=explicit' async defer></script>

</body>
</html>
