<?php include '../general-form.php'; ?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Make your custom Shape in this tool and get the output in various formats. Image PNG/JPEG, Pure Code in HTML5 Canvas">
<meta name="keywords" content="create HTML5 Canvas Javascript Drawing Tool, HTML5 Canvas Javascript Drawing Tool, HTML5 Canvas Drawing, HTML5 Drawing, Canvas Drawing, , Canvas Drawing Tool " />
<meta name="keywords" content="Canvas, HTML5 Canvas Tutorial, Canvas Drawing, html5, html 5, Canvas tutorial, Javascript, javascript canvas, Canvas Line, Canvas Line Width, Canvas Line Color, Canvas Arc, Canvas Rectangle, Canvas Circle, html5 canvas">
<meta property="og:title" content="UIPlayGround - Create HTML5 Canvas Javascript Drawing Tool" />
<meta property="og:image" content="http://www.uiplayground.in/create-html5-canvas-javascript-drawing-tool/images/facebook-image.jpg" />
<meta property="og:description" content="Make your custom Shape in this tool and get the output in various formats. Image PNG/JPEG, Pure Code in HTML5 Canvas" />
<meta property="og:url" content="http://www.uiplayground.in/create-html5-canvas-javascript-drawing-tool/" />
<title>UIPlayGround | Create HTML5 Canvas Javascript Drawing Tool</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>

<script type="text/javascript" language="JavaScript">
    (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-43018347-1', 'uiplayground.in');
    ga('send', 'pageview');
</script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-9468571151066111",
    enable_page_level_ads: true
  });
</script>

</head>
<body>

<div id="wrapper" class="demoPage">
	<div class="headerWrap">
    	<a href="index.html" id="logo"><img src="images/logo.png" /></a>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="guide.html">User Guide</a></li>
            <li><a href="examples.html">Examples</a></li>
            <li><a href="contact.php" class="active">Contact</a></li>
        </ul>
        <div class="beta"><img src="images/beta.png" /></div>
  </div>
    <div class="midContWrapper">
        <div class="midCont5">
        	<div class="innerpageCont aboutusPage">
            	<h2>Contact us</h2>
                
				<img src="images/contact-img.jpg" alt="" width="300" align="right" style="padding:20px" />
            	<p><b>CANVAS SHAPE TOOL</b> welcomes and appreciates your feedback. Email your questions/comments to us any time by filling out the form below.</p>
				<p>Please enter your detail information and your question/comment on this tool, and our Member will get back to you as soon as possible.</p>
                
				<p>(You can also contact us at <a href="mailto:info@uiplayground.in" onclick="ga('send', 'event', 'canvasMaker', 'contact', 'mailto')">info@uiplayground.in</a>)</p>
				<p><br /></p>
                <div class="form">
					<form method="post" action="">
						<input type="text" id="frmName" name="nam" tabindex="1" class="text_box" value="Your Name" onfocus="myFocus(this);" onblur="myBlur(this);" />
						<input type="text" id="frmEmail" name="to" tabindex="2" class="text_box" value="Your Email" onfocus="myFocus(this);" onblur="myBlur(this);" />
						<textarea id="frmComments" name="message" rows="2" cols="2" tabindex="3" onfocus="myFocus(this);" onblur="myBlur(this);">Your Message</textarea>
						<input type="button" tabindex="5" value="Submit" class="submit" onclick="validateForm()" />
						<input id="frmSubmit" type="submit" tabindex="5" value="Hidden Submit" class="submit" style="display:none" />
						<input type='hidden' name="sub" readonly="readonly" value="Feedback from canvasShapeTool" />
						<div id="lb"><?php if($msg) echo '<div class="lytboxOverlay"></div><div class="feedbackLytboxWrapper"><div class="closeWrap"><a href="javascript:;" onclick="closeLb()"></a></div><p style="float:none; width:100%; text-align:center; font-weight:bold; font-size:1.5em">'.$msg.'</p></div>'; ?></div>
					</form>
				</div>
				
                
				
				
            </div>
        </div>
    </div>

    <section class="advtBottomCanvasTool" style="text-align:center; margin-bottom: 50px;">
        <iframe src="../advt/a/advt_1010x280_box1.html" width="1010px" height="280px" border="0" frameborder="0"></iframe>
    </section>

    <div class="botContWrapper">
        <div class="copyrightsWraper">
            <div class="copyrights">
                <ul class="bottomLinksWrap">
                    <li><strong>Recommended Sites</strong></li>
                    <li><a onclick="ga('send','event','canvasMaker','bottomLinks','UIplayground')" target="_blank" href="http://www.uiplayground.in/">UIplayground</a></li>
                    <li><a onclick="ga('send','event','canvasMaker','bottomLinks','CSS3 Icons')" target="_blank" href="http://www.uiplayground.in/css3-icons">CSS3 Icons</a></li>
                    <li><a onclick="ga('send','event','canvasMaker','bottomLinks','Jquery Image Slider')" target="_blank" href="http://www.uiplayground.in/jquery-image-slider">Jquery Image Slider</a></li>
                    <li><a onclick="ga('send','event','canvasMaker','bottomLinks','Customize Responsive Navigation')" target="_blank" href="http://www.uiplayground.in/responsive-menu-navigation">Customize Responsive Navigation</a></li>
                </ul>
                <p>&copy; 2014 uiplayground.in</p>
            </div>
        </div>
    </div>
    
    <!--
	<div id="oldBrowser">
    	<img src="images/oldbrowser.jpg" width="400" height="300" />
    </div>
	-->
</div>

</body>
</html>
