View Source code:

Tidy UP & Clean HTML Code - View Source of http://superweb.com.my

<!doctype html>
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en-gb" class="no-js"> <!--<![endif]-->

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Best Web Design Company in Malaysia | Website Design in Malaysia | Web Designing in Malaysia</title>
<meta name="description" content="SuperWeb offers internet marketing, web design & SEO services by professional Website Designer & Developer in Kuala Lumpur Malaysia. Visit us today."/>

	<meta charset="utf-8">

	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
	<link rel="stylesheet" href="addons/superfish_responsive/superfish.css" type="text/css" />
	<link rel="stylesheet" href="css/template.css" type="text/css" />
	<link rel="stylesheet" href="css/custom.css" type="text/css" />
	
	<!-- UNCOMMENT BELOW IF YOU WANT RESPONSIVE LAYOUT FOR TABLET with device width -->
	<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
	<!-- <link rel="stylesheet" href="css/responsive-tablet.css" type="text/css" />-->
	
	<!-- Delete only if you're planning to use responsive for table with meta viewport device-width=1  -->
	<link rel="stylesheet" href="css/responsive.css" type="text/css" />
	
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300,400,700,900&amp;v1&mp;subset=latin,latin-ext" type="text/css" media="screen" id="google_font" />
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700&amp;v1&mp;subset=latin,latin-ext" type="text/css" media="screen" id="google_font_body" />
	
	<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
	<script src="js/jquery-1.8.2.min.js"></script>
    <script>jQuery.noConflict();</script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.1/modernizr.min.js" type="text/javascript"></script>
    
    <link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.8.14.custom.css" />
    <script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
    
    <link href="css/fancybox.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.fancybox.pack.js"></script>
    
    
    <script type="text/javascript">
	$(document).ready(function() {
		
		jQuery("a[data-rel^='prettyPhoto'], .prettyphoto_link").prettyPhoto({theme:'pp_kalypso',social_tools:false, deeplinking:false});
		jQuery("a[rel^='prettyPhoto']").prettyPhoto({theme:'pp_kalypso'});
		jQuery("a[data-rel^='prettyPhoto[login_panel]']").prettyPhoto({theme:'pp_kalypso', default_width:800, social_tools:false, deeplinking:false});
		
		jQuery(".prettyPhoto_transparent").click(function(e){
			e.preventDefault();
			jQuery.fn.prettyPhoto({social_tools: false, deeplinking: false, show_title: false, default_width: 980, theme:'pp_kalypso transparent', opacity: 0.95});
			jQuery.prettyPhoto.open($(this).attr('href'),'','');
		});
		
		$('.fancybox').fancybox({
		
			'width': 630,
	
			'scrolling': 'no',
	
		});
	});

	</script>
    
    <link rel="stylesheet" href="css/responsive.css" type="text/css" />

    
    <!--script type="text/javascript" src="js/script.js"></script-->
    
	
	<link rel="shortcut icon" href="images/favicon.ico">
	
	<!--[if lte IE 9]>
		<link rel="stylesheet" type="text/css" href="css/fixes.css" />
	<![endif]-->

	<!--[if lte IE 8]>
		<script src="js/respond.js"></script>
		<script type="text/javascript"> 
		var $buoop = {vs:{i:8,f:6,o:10.6,s:4,n:9}} 
		$buoop.ol = window.onload; 
		window.onload=function(){ 
		 try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
		 var e = document.createElement("script"); 
		 e.setAttribute("type", "text/javascript"); 
		 e.setAttribute("src", "http://browser-update.org/update.js"); 
		 document.body.appendChild(e); 
		} 
		</script> 
	<![endif]-->
	
	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!-- Facebook OpenGraph Tags - Replace with your own -->
	<meta property="og:title" content="Web Design Malaysia"/>
	<meta property="og:type" content="website"/>
	<meta property="og:url" content="http://www.superweb.com.my/"/>
	<meta property="og:image" content=""/>
	<meta property="og:site_name" content="Superweb"/>
	<meta property="fb:app_id" content=""/> <!-- PUT HERE YOUR OWN APP ID - you could get errors if you don't use this one -->
	<meta property="og:description" content="Web design Malaysia company Superweb builds quality modern websites for all sizes of business and corporate clients. Call 03-91331808 now to talk to us."/>
	<!-- END Facebook OpenGraph Tags -->
	
	<!-- THIS IS THE DARK THEME STYLESEET // REMOVE COMMENTS TO ENABLE -->
	<!-- <link rel="stylesheet" href="css/dark-theme.css" type="text/css" /> -->
	<!-- END DARK THEME -->
    <!-- REVOLUTION BANNER CSS SETTINGS -->
    
	<style type="text/css">
	html { overflow-x:hidden; padding: 0 !important; margin:0px !important; }
	 .fullwidthbanner-container{ width:100% !important; position:relative; padding:0; max-height:700px !important; overflow:hidden;	}
	</style>
	<link rel="stylesheet" type="text/css" href="sliders/revolution_slider/css/settings.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="sliders/revolution_slider/css/creative_slider.css" media="screen" />

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-46558167-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<!--Start of Zopim Live Chat Script-->
<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/?28pr8sKWUBQPhVG2qlvyDVAkkQudHTLK';z.t=+new Date;$.
type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
</script>
<!--End of Zopim Live Chat Script-->

<script type="text/javascript">
	$(document).ready(function() {
		//$("#hidden_link").fancybox().trigger('click');
	});
</script>
<link rel="canonical" href="http://www.superweb.com.my/">
<meta name="robots" content="noydir"/>

<div itemscope itemtype="http://schema.org/LocalBusiness" style="display:none">
<h2><span itemprop="name">superweb</span></h2>
<span itemprop="description"></span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">49-02, Jln Mahkota Residence 1,</span>
<span itemprop="postalCode">43200 </span>
<span itemprop="addressLocality">Bandar Mahkota </span>,
<span itemprop="addressRegion">Cheras</span>
</div>
Phone: <span itemprop="telephone">  603-2726 2810</span>
</div>

</head>

<body class="">

    	<!-- ADD AN APPLICATION ID !!
	If you want to know how to find out your app id, either search on google for: facebook appid, either go to http://rieglerova.net/how-to-get-a-facebook-app-id/ -->
	<div id="fb-root"></div>
	<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 = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId="; // addyour appId here
	fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
    
    
	<div id="page_wrapper">

		<header id="header" class="style2">
			<div class="container">

				<!-- logo -->
				<h1 id="logo"><a href="/"><img src="images/logo.png" alt="Superweb Logo"></a></h1>

				<ul class="topnav navRight">
					<li>Hotline: +603-2726 2810</li>					
				</ul><!-- end topnav // right aligned -->

						
                
<script type="text/javascript">
// THIS SCRIPT DETECTS THE ACTIVE ELEMENT AND ADDS ACTIVE CLASS
(function($){ 
	$(document).ready(function(){
		var pathname = window.location.pathname,
			page = pathname.split(/[/ ]+/).pop(),
			menuItems = $('#main_menu a');
		menuItems.each(function(){
			var mi = $(this),
				miHrefs = mi.attr("href"),
				miParents = mi.parents('li');
			if(page == miHrefs) {
				miParents.addClass("active").siblings().removeClass('active');
			}
		});
	});
})(jQuery);

	
	$(document).ready(function() {	
		$('#tabs').tabs();
	});

</script>
				<nav id="main_menu">
					<ul class="sf-menu clearfix">
						<li class="active"><a href="index.html" title="Home">HOME</a></li>
						<li><a href="about-us.html" title=" About Us">ABOUT US</a></li>
                        <li><a href="#" title="Solutions">SOLUTIONS</a>
							<ul>
							<li><a href="branding.html" title="Branding">Branding</a></li>
							<li><a href="webdesign.html" title="Web Design">Web Design</a></li>
                            <li><a href="cms.html" title="CMS">CMS</a></li>
                            <li><a href="ecommerce.html" title="E-Commerce">E-Commerce</a></li>
                            <li><a href="webapplication.html" title="Web Application">Web Application</a></li>
                            <li><a href="seo.html" title="SEO">SEO</a></li>
							<li><a href="corporate-video.html" title="Corporate Video Production">Corporate Video Production</a></li>
                            <li><a href="emailmarketing.html" title="Email Marketing">Email Marketing</a></li>
                            <li><a href="multimedia.html" title="Multimedia">Multimedia</a></li>
                            <li><a href="webhosting.html" title="Web Hosting">Web Hosting</a></li>
							</ul>
						</li>                        
						<li><a href="#" title="Portfolio">PORTFOLIO</a>
							<ul>
                            <li><a href="portfolio-webdesign.html" title="Web Design">Web Design</a></li>
						    <li><a href="portfolio-multimedia.html" title="Multimedia Video">Multimedia Video</a></li>
                            <li><a href="portfolio-edm.html" title="Email Brochure">Email Brochure</a></li>                            
                            <li><a href="portfolio-seo.html" title="SEO Cases">SEO Cases</a></li>
                            
							</ul>
						</li>
						
						<li><a href="pricing.html" title="Price">PRICE</a></li>
                        <li><a href="testimonial.html" title="Testimonial">TESTIMONIAL</a></li>
                        <li><a href="http://www.superweb.com.my/blog/malaysia-web-design-blog/" title="Blog">BLOG</a></li>
                        <li><a href="contact-us.php" title"Contact">CONTACT</a></li>
					</ul>
				</nav><!-- end main_menu -->

			</div>

		</header>
        
        <div id="slideshow" class="nobg">
          <div class="fullwidthbanner-container portfolio_devices">
            <div class="fullwidthbanner">
              <ul>
                <li data-transition="fade"> <img src="images/sliders/creative_slider/slide4/bg.png" alt="">
                    <div class="caption fade" data-x="-110" data-y="90" data-speed="500" data-start="500" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/chalkdust.png" alt=""> </div>
                  <div class="caption fade" data-x="180" data-y="130" data-speed="500" data-start="800" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/title.png" alt=""> </div>
                  <div class="caption lfb" data-x="0" data-y="550" data-speed="600" data-start="1000" data-easing="easeOutBack"> <a href="webdesign.html"> <img src="images/sliders/creative_slider/slide4/icon1.png" alt=""> </a> </div>
                  <div class="caption lfb" data-x="320" data-y="550" data-speed="600" data-start="1100" data-easing="easeOutBack"> <a href="ecommerce.html"> <img src="images/sliders/creative_slider/slide4/icon2.png" alt=""> </a> </div>
                  <div class="caption lfb" data-x="640" data-y="550" data-speed="600" data-start="1200" data-easing="easeOutBack"> <a href="seo.html"> <img src="images/sliders/creative_slider/slide4/icon3.png" alt=""> </a> </div>
                  <div class="caption fade para1" data-x="370" data-y="240" data-speed="600" data-start="1700" data-easing="easeOutBack"> <img src="images/sliders/creative_slider/slide4/lightbulb.png" alt=""> </div>
                  <div class="caption lfb para2" data-x="220" data-y="210" data-speed="500" data-start="2300" data-easing="easeOutExpo"><a href="webdesign.html"> <img src="images/sliders/creative_slider/slide4/arr_top_left.png" alt=""></a> </div>
                  <div class="caption lfl para3" data-x="220" data-y="330" data-speed="500" data-start="2400" data-easing="easeOutExpo"><a href="seo.html"> <img src="images/sliders/creative_slider/slide4/arr_center_left.png" alt=""></a> </div>
                  <div class="caption lfb para4" data-x="220" data-y="450" data-speed="500" data-start="2500" data-easing="easeOutExpo"><a href="ecommerce.html"> <img src="images/sliders/creative_slider/slide4/arr_bottom_left.png" alt=""></a> </div>
                  <div class="caption lft para2" data-x="550" data-y="220" data-speed="500" data-start="2800" data-easing="easeOutExpo"><a href="webdesign.html"> <img src="images/sliders/creative_slider/slide4/arr_top_right.png" alt=""></a> </div>
                  <div class="caption lfr para4" data-x="550" data-y="340" data-speed="500" data-start="2700" data-easing="easeOutExpo"><a href="cms.html"> <img src="images/sliders/creative_slider/slide4/arr_center_right.png" alt=""></a> </div>
                  <div class="caption lfb para3" data-x="550" data-y="460" data-speed="500" data-start="2600" data-easing="easeOutExpo"><a href="cms.html"> <img src="images/sliders/creative_slider/slide4/arr_bottom_right.png" alt=""></a> </div>
                </li>
                <!-- end slide a -->
                <li data-transition="fade"> <img src="images/sliders/creative_slider/slide6/bg.png" alt="">
                    <div class="caption fade" data-x="-70" data-y="100" data-speed="600" data-start="700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide1/slide_bg.png" alt=""> </div>
                  <div class="caption fade" data-x="30" data-y="120" data-speed="600" data-start="1000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide6/map.png" alt=""> </div>
                  <div class="caption lfb para3" data-x="580" data-y="210" data-speed="600" data-start="1700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide6/monitor.png" alt=""> </div>
                  <div class="caption fade para2" data-x="560" data-y="190" data-speed="600" data-start="2000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide6/layer2.png" alt=""> </div>
                  <div class="caption fade para1" data-x="520" data-y="170" data-speed="600" data-start="2300" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide6/layer1.png" alt=""> </div>
                  <div class="caption lfb big_title_white" data-x="0" data-y="230" data-speed="600" data-start="2800" data-easing="easeOutExpo">
                      <h3>We Connect Your Business to Worldwide Prospects</h3>
                  </div>
                  <div class="caption lfb big_text_white" data-x="0" data-y="330" data-speed="600" data-start="3200" data-easing="easeOutExpo">
                      <p>Our seo engineers are devoted to help businesses to achieve top 10 ranking on Google 1st page of search results.</p>
                    <!--<p>We really like working with clients all over the world to discover and build dream products.</p>-->
                    </div>
                  <div class="caption lfb" data-x="310" data-y="550" data-speed="600" data-start="3700" data-easing="easeOutExpo"> <a href="seo.html"> <img src="images/sliders/creative_slider/slide6/button.png" alt=""> </a> </div>
                </li>
                <!-- end slide b -->
                <li data-transition="fade"> <img src="images/sliders/creative_slider/slide3/bg.png" alt="">
                    <div class="caption fade" data-x="-70" data-y="100" data-speed="600" data-start="700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide1/slide_bg.png" alt=""> </div>
                  <div class="caption fade para1" data-x="0" data-y="120" data-speed="600" data-start="1000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide3/symbols1.png" alt=""> </div>
                  <div class="caption fade para2" data-x="60" data-y="140" data-speed="600" data-start="1600" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide3/symbols2.png" alt=""> </div>
                  <div class="caption lft para3" data-x="300" data-y="180" data-speed="1000" data-start="2800" data-easing="easeOutBack"> <img src="images/sliders/creative_slider/slide3/screenshot1.png" alt=""> </div>
                  <div class="caption lft para3" data-x="507" data-y="180" data-speed="1000" data-start="2300" data-easing="easeOutBack"> <img src="images/sliders/creative_slider/slide3/screenshot2.png" alt=""> </div>
                  <div class="caption lft para3" data-x="800" data-y="180" data-speed="1000" data-start="3300" data-easing="easeOutBack"> <img src="images/sliders/creative_slider/slide3/screenshot3.png" alt=""> </div>
                  <!--<div class="caption lfb big_title_white" data-x="0" data-y="230" data-speed="600" data-start="2800" data-easing="easeOutExpo">
                      <h3>Sell Your Products & Services 24/7 Non-stop to Anyone in the World</h3>
                  </div>
                  <div class="caption lfb big_text_white" data-x="0" data-y="330" data-speed="600" data-start="3200" data-easing="easeOutExpo">
                      <p>When you care enough on your business to sell the very best.</p>
                  </div>-->
                    <div class="caption lfb" data-x="-110" data-y="200" data-speed="600" data-start="3000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide3/text.png" alt=""> </div>
                  <div class="caption lfb" data-x="-50" data-y="460" data-speed="600" data-start="3700" data-easing="easeOutExpo"> <a href="ecommerce.html"> <img src="images/sliders/creative_slider/slide3/button.png" alt=""> </a> </div>
                </li>
                <!-- end slide c -->
                <!--  <li data-transition="fade"> <img src="images/sliders/creative_slider/slide1/bg.png" alt="">
                    <div class="caption fade" data-x="-70" data-y="100" data-speed="600" data-start="700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide1/slide_bg.png" alt=""> </div>
                  <div class="caption fade para1" data-x="30" data-y="160" data-speed="600" data-start="1000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide1/photos.png" alt=""> </div>
                  <div class="caption fade para2" data-x="30" data-y="160" data-speed="600" data-start="1700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide1/likes.png" alt=""> </div>
                  <div class="caption sfb para3" data-x="290" data-y="260" data-speed="800" data-start="2500" data-easing="easeOutElastic"> <img src="images/sliders/creative_slider/slide1/big_like.png" alt=""> </div>
                  <div class="caption lfb" data-x="165" data-y="290" data-speed="800" data-start="3000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide1/do_you.png" alt=""> </div>
                  <div class="caption lfb para5" data-x="250" data-y="530" data-speed="800" data-start="3500" data-easing="easeOutExpo"> <a href="#"> <img src="images/sliders/creative_slider/slide1/button.png" alt=""> </a> </div>
                </li>-->
                <!-- end slide 1 -->
                <!-- <li data-transition="fade"> <img src="images/sliders/creative_slider/slide2/bg.png" alt="">
                    <div class="caption fade" data-x="-70" data-y="100" data-speed="600" data-start="700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide1/slide_bg.png" alt=""> </div>
                  <div class="caption fade para1" data-x="-60" data-y="160" data-speed="600" data-start="1000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide2/symbols1.png" alt=""> </div>
                  <div class="caption fade para2" data-x="80" data-y="160" data-speed="600" data-start="1700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide2/symbols2.png" alt=""> </div>
                  <div class="caption lft para3" data-x="340" data-y="340" data-speed="1000" data-start="2500" data-easing="easeOutBack"> <img src="images/sliders/creative_slider/slide2/ipad_small.png" alt=""> </div>
                  <div class="caption lft para4" data-x="350" data-y="120" data-speed="1000" data-start="2800" data-easing="easeOutBack"> <img src="images/sliders/creative_slider/slide2/ipad_medium.png" alt=""> </div>
                  <div class="caption lft para5" data-x="470" data-y="120" data-speed="1000" data-start="3200" data-easing="easeOutBack"> <img src="images/sliders/creative_slider/slide2/ipad_big.png" alt=""> </div>
                  <div class="caption lfb" data-x="-40" data-y="260" data-speed="600" data-start="3600" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide2/text.png" alt=""> </div>
                  <div class="caption lfb" data-x="-40" data-y="550" data-speed="600" data-start="4000" data-easing="easeOutExpo"> <a href="#"> <img src="images/sliders/creative_slider/slide2/appstore.png" alt=""> </a> </div>
                </li>-->
                <!-- end slide 2 -->
                <!--  <li data-transition="fade"> <img src="images/sliders/creative_slider/slide3/bg.png" alt="">
                    <div class="caption fade" data-x="-70" data-y="100" data-speed="600" data-start="700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide1/slide_bg.png" alt=""> </div>
                  <div class="caption fade para1" data-x="0" data-y="120" data-speed="600" data-start="1000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide3/symbols1.png" alt=""> </div>
                  <div class="caption fade para2" data-x="60" data-y="140" data-speed="600" data-start="1600" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide3/symbols2.png" alt=""> </div>
                  <div class="caption lft para3" data-x="280" data-y="-10" data-speed="1000" data-start="2300" data-easing="easeOutBack"> <img src="images/sliders/creative_slider/slide3/screenshot.png" alt=""> </div>
                  <div class="caption lfb" data-x="60" data-y="220" data-speed="600" data-start="3000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide3/text.png" alt=""> </div>
                  <div class="caption lfb" data-x="90" data-y="410" data-speed="600" data-start="3700" data-easing="easeOutExpo"> <a href="#"> <img src="images/sliders/creative_slider/slide3/button.png" alt=""> </a> </div>
                </li>-->
                <!-- end slide 3 -->
                <!--  <li data-transition="fade"> <img src="images/sliders/creative_slider/slide4/bg.png" alt="">
                    <div class="caption fade" data-x="-110" data-y="90" data-speed="500" data-start="500" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/chalkdust.png" alt=""> </div>
                  <div class="caption fade" data-x="180" data-y="130" data-speed="500" data-start="800" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/title.png" alt=""> </div>
                  <div class="caption lfb" data-x="0" data-y="550" data-speed="600" data-start="1000" data-easing="easeOutBack"> <a href="#"> <img src="images/sliders/creative_slider/slide4/icon1.png" alt=""> </a> </div>
                  <div class="caption lfb" data-x="320" data-y="550" data-speed="600" data-start="1100" data-easing="easeOutBack"> <a href="#"> <img src="images/sliders/creative_slider/slide4/icon2.png" alt=""> </a> </div>
                  <div class="caption lfb" data-x="640" data-y="550" data-speed="600" data-start="1200" data-easing="easeOutBack"> <a href="#"> <img src="images/sliders/creative_slider/slide4/icon3.png" alt=""> </a> </div>
                  <div class="caption fade para1" data-x="370" data-y="240" data-speed="600" data-start="1700" data-easing="easeOutBack"> <img src="images/sliders/creative_slider/slide4/lightbulb.png" alt=""> </div>
                  <div class="caption lfb para2" data-x="220" data-y="210" data-speed="500" data-start="2300" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/arr_top_left.png" alt=""> </div>
                  <div class="caption lfl para3" data-x="220" data-y="330" data-speed="500" data-start="2400" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/arr_center_left.png" alt=""> </div>
                  <div class="caption lfb para4" data-x="220" data-y="450" data-speed="500" data-start="2500" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/arr_bottom_left.png" alt=""> </div>
                  <div class="caption lft para2" data-x="550" data-y="220" data-speed="500" data-start="2800" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/arr_top_right.png" alt=""> </div>
                  <div class="caption lfr para4" data-x="550" data-y="340" data-speed="500" data-start="2700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/arr_center_right.png" alt=""> </div>
                  <div class="caption lfb para3" data-x="550" data-y="460" data-speed="500" data-start="2600" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide4/arr_bottom_right.png" alt=""> </div>
                </li>-->
                <!-- end slide 4 -->
                <!--<li data-transition="fade"> <img src="images/sliders/creative_slider/slide5/bg.png" alt="">
                    <div class="caption fade" data-x="-400" data-y="100" data-speed="600" data-start="700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide5/slide-bg.png" alt=""> </div>
                  <div class="caption fade para1" data-x="200" data-y="100" data-speed="600" data-start="1000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide5/icons1.png" alt=""> </div>
                  <div class="caption fade para2" data-x="200" data-y="100" data-speed="600" data-start="1300" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide5/icons2.png" alt=""> </div>
                  <div class="caption lfb para3" data-x="400" data-y="120" data-speed="600" data-start="1700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide5/iphone.png" alt=""> </div>
                  <div class="caption lfb para3" data-x="720" data-y="120" data-speed="600" data-start="2200" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide5/iphone_arrow.png" alt=""> </div>
                  <div class="caption lfb" data-x="0" data-y="160" data-speed="600" data-start="2700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide5/title.png" alt=""> </div>
                  <div class="caption lfb desc_text" data-x="0" data-y="350" data-speed="600" data-start="3400" data-easing="easeOutExpo">
                      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
                  </div>
                  <div class="caption lfb" data-x="0" data-y="540" data-speed="600" data-start="4000" data-easing="easeOutExpo"> <a href="#"> <img src="images/sliders/creative_slider/slide5/button.png" alt=""> </a> </div>
                </li>-->
                <!-- end slide 5 -->
                <!-- <li data-transition="fade"> <img src="images/sliders/creative_slider/slide6/bg.png" alt="">
                    <div class="caption fade" data-x="-70" data-y="100" data-speed="600" data-start="700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide1/slide_bg.png" alt=""> </div>
                  <div class="caption fade" data-x="30" data-y="120" data-speed="600" data-start="1000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide6/map.png" alt=""> </div>
                  <div class="caption lfb para3" data-x="580" data-y="210" data-speed="600" data-start="1700" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide6/monitor.png" alt=""> </div>
                  <div class="caption fade para2" data-x="560" data-y="190" data-speed="600" data-start="2000" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide6/layer2.png" alt=""> </div>
                  <div class="caption fade para1" data-x="520" data-y="170" data-speed="600" data-start="2300" data-easing="easeOutExpo"> <img src="images/sliders/creative_slider/slide6/layer1.png" alt=""> </div>
                  <div class="caption lfb big_title_white" data-x="0" data-y="170" data-speed="600" data-start="2800" data-easing="easeOutExpo">
                      <h3>Beautiful Apps &amp; Websites</h3>
                  </div>
                  <div class="caption lfb big_text_white" data-x="0" data-y="270" data-speed="600" data-start="3200" data-easing="easeOutExpo">
                      <p>We devote serious effort in creating the best websites and mobile apps.</p>
                    <p>We really like working with clients all over the world to discover and build dream products.</p>
                  </div>
                  <div class="caption lfb" data-x="310" data-y="550" data-speed="600" data-start="3700" data-easing="easeOutExpo"> <a href="#"> <img src="images/sliders/creative_slider/slide6/button.png" alt=""> </a> </div>
                </li>-->
                <!-- end slide 6 -->
              </ul>
              <div class="tp-bannertimer"></div>
            </div>
            <!-- end fullwidthbanner -->
            <div id="bottom_mask" class="mask2"></div>
          </div>
        </div>
  <!-- end slideshow -->
        
        
		<section id="content">
			<div class="container">
			<h2 class="subtitle">Web Design Malaysia Presents Your Business Well</h2>
          
				<div class="row image-boxes imgboxes_style1">
                    <div class="span4 box">
                   	<a href="http://www.superweb.com.my/webdesign.html" class="hoverBorder">
							<img src="images/site_images/img1.jpg" alt="web design malaysia">
							<h6>Web Design Service</h6>
						</a>
                        <h3 class="m_title">Modern Business Web Design</h3>
                        <!--<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.</p>-->
                    </div><!-- end span -->
					
					<div class="span4 box">
                    <a href="http://www.superweb.com.my/ecommerce.html" class="hoverBorder">
							<img src="images/site_images/img2.jpg" alt="ecommerce web design malaysia">
							<h6>Ecommerce Website</h6>
						</a>
                       
                      <h3 class="m_title">Easy-To-Use Online Store Sells High</h3>
                     <!--<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.</p>-->
                    </div><!-- end span -->
					
					<div class="span4 box">
                    <a href="http://www.superweb.com.my/seo.html" class="hoverBorder">
							<img src="images/site_images/img3.jpg" alt="malaysia seo service">
							<h6>SEO Service</h6>
						</a>
                      
                      <h3 class="m_title">Effective SEO Show Google 1st Page</h3>
                     <!--<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.</p>-->
                    </div><!-- end span -->
					
                </div><!-- end row // imgboxes_style1 -->
				
                <!-- middle banner-->
          <!--<div class="iframe">
            <iframe width="100%" height="312" frameborder="0" src="middle-banner.html" ></iframe>
          </div>-->
            <!-- end middle banner-->
                
                                
                <div class="row services_box">
                <div class="span12">
						<h3 class="m_title">Professional Web Design Malaysia</h3>
						<p>As more and more people get online, it is becoming essential that any business wishing to promote their products and services should have a website.
Web design is not just creating a few pages and putting some pretty colors on and whacking it up to a server, the web design process goes much deeper than that.In Superweb, our professional web designers apply three important rules to develop your business website:
</p>
					</div>
					<div class="span4">
						<div class="box fixclear">
							<div class="icon"><img src="images/icons/services_box/ico-01.png" alt="website design functions"></div>
							<h4 class="title">Functions </h4>
							<ul class="list-style1">
								<li>The ways that your websites to approach, interact, and serve the visiting users.</li>
							</ul>
						</div><!-- end box -->
					</div>
					<div class="span4">
						<div class="box fixclear">
							<div class="icon"><img src="images/icons/services_box/ico-02.png" alt="website design aesthetics"></div>
							<h4 class="title">Aesthetics </h4>
							<ul class="list-style1">
								<li>The looks and feels of your website that match with the related business industry.</li>
							</ul>
						</div><!-- end box -->
					</div>
					<div class="span4">
						<div class="box fixclear">
							<div class="icon"><img src="images/icons/services_box/ico-03.png" alt="website design ergonomics"></div>
							<h4 class="title">Ergonomics</h4>
							<ul class="list-style1">
								<li>The easy-to-use navigation technic that helps the visiting users for browsing your business website.</li>
							</ul>
						</div><!-- end box -->
					</div>
				</div><!-- end row // services_box -->
                		
				
				<div class="row">
					<div class="span12">
						<div class="process_steps fixclear">
							<div class="step intro">
								<h3>How Your Web Works <strong>in 3 steps</strong></h3>
								<p>With Superweb, we help customers to achieve the goal of a successful website with the 3 simple principal steps. </p>
								<a href="about-us.html">MORE ABOUT US +</a>
							</div><!-- end step -->
							<div class="step step1">
								<div class="icon" data-animation="tada">
									<img src="images/icons/steps/ico-plan.png" alt="">
								</div>
								<h3>Plan &amp; Develop</h3>
								<p>We plan to fulfil customers' requirements;<br>We develop it according to the plan.</p>
							</div><!-- end step -->
							<div class="step step2">
								<div class="icon" data-animation="pulse">
									<img src="images/icons/steps/ico-designdev.png" alt="">
								</div>
								<h3>Market &amp; Promote</h3>
								<p>We market it at the top position;<br>We promote it to the right audience.</p>
							</div><!-- end step -->
							<div class="step step3">
								<div class="icon" data-animation="fadeOutRightBig">
									<img src="images/icons/steps/ico-launch.png" alt="">
								</div>
								<h3>Review &amp; Improve</h3>
								<p>We review to search for weakest links;<br>We improve it to become finest product.</p>
							</div><!-- end step -->
						</div>

					</div>
				</div><!-- end row // process_steps -->
				
				
			<!--	<div class="row">
					<div class="span12">
						<div class="latest_posts acc-style">
							<h3 class="m_title">LATEST POSTS</h3>
							<a href="#" class="viewall">VIEW ALL -</a>
							<div class="css3accordion">
								<ul>
									<li>
										<div class="inner-acc">
											<a href="#" class="thumb hoverBorder">
												<img src="images/site_images/img1.jpg" alt="">
											</a>
											<div class="content">
												<em>03 October 2012 by Admin, in Entertanment</em>
                        						<h5 class="m_title">Nemo enim ipsam voluptatem quia voluptas sit aspernatur </h5>
												<div class="text">Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor..</div>
												<a href="#">READ MORE +</a>
											</div>
										</div>
									</li>
					
									<li>
										<div class="inner-acc">
											<a href="#" class="thumb hoverBorder plus">
												<img src="images/site_images/img2.jpg" alt="">
											</a>
											<div class="content">
												<em>03 October 2012 by Admin, in Entertanment</em>
                        						<h5 class="m_title">Nemo enim ipsam voluptatem quia voluptas sit aspernatur </h5>
												<div class="text">Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor..</div>
												<a href="#">READ MORE +</a>
											</div>
										</div>
									</li>
					
									<li class="last">
										<div class="inner-acc">
											<a href="#" class="thumb hoverBorder plus">
												<img src="images/site_images/img3.jpg" alt="">
											</a>
											<div class="content">
												<em>03 October 2012 by Admin, in Entertanment</em>
                        						<h5 class="m_title">Nemo enim ipsam voluptatem quia voluptas sit aspernatur </h5>
												<div class="text">Vivamus ut molestie nulla. Aenean vel tortor velit. Morbi quis varius tortor..</div>
												<a href="#">READ MORE +</a>
											</div>
										</div>
									</li>
								</ul>
							</div>--><!-- end CSS3 Accordion -->
						<!--</div>--><!-- end acc-style -->
					<!--</div>
				</div>--><!-- end row // latest posts // acc-style -->

			</div>
			
			<div class="container">
						
				
				<div class="row partners_carousel">
					<div class="span2">
						<h4 class="title"><span>Testimonials:</span></h4>
						<div class="controls">
							<a href="#" class="prev"><span class="icon-chevron-left"></span></a>
							<a href="#" class="next"><span class="icon-chevron-right"></span></a>
						</div>
					</div>
					<div class="span10">
						<ul id="partners_carousel" class="fixclear">
                        <li><a href="testimonial.html"><img src="images/testimonial/testi1.png" alt="web design malaysia for Zhulian cms website" /></a></li>
						  <li><a href="testimonial.html"><img src="images/testimonial/testi2.png" alt="malaysia web design project for Firefly Park online ticket booking" /></a></li>
							<li><a href="testimonial.html"><img src="images/testimonial/testi3.png" alt="web design testimonial by Infopro CMS" /></a></li>
							<li><a href="testimonial.html"><img src="images/testimonial/testi4.png" alt="web design malaysia for Nusmetro property firm" /></a></li>
							<li><a href="testimonial.html"><img src="images/testimonial/testi5.png" alt="corporate web design" /></a></li>
                            <li><a href="testimonial.html"><img src="images/testimonial/testi6.png" alt="business website design" /></a></li>
                            <li><a href="testimonial.html"><img src="images/testimonial/testi7.png" alt="malaysia web designer" /></a></li>
                            <li><a href="testimonial.html"><img src="images/testimonial/testi8.png" alt="malaysia website designer" /></a></li>
                            <li><a href="testimonial.html"><img src="images/testimonial/testi9.png" alt="website design company" /></a></li>
						</ul>
					</div>
				</div><!-- end row // partners carousel -->
				
				<div class="row">
					<div class="span12">
						<div class="keywordbox">" Stylish Designs + Modern Technics = High Visiting Traffic "</div>
					</div>
				</div><!-- end row // keywords-->
				
			</div><!-- end container -->
		</section><!-- end #content -->
        
<footer id="footer">
	<div class="container">
		<div class="row">
			<div class="span5">
				<h3 class="m_title">SITEMAP</h3>
					<ul class="menu">
						<li class="active"><a href="/"><strong title="Home">HOME</strong></a></li>
						<li><a href="about-us.html"><strong title=" About Us">ABOUT US</strong></a></li>
						<li><a href="#"><strong title="Solutions">SOLUTIONS</strong></a></li>
								<li><a href="branding.html" title="Branding">- Branding</a></li>
								<li><a href="webdesign.html">- Web Design</a></li>
								<li><a href="cms.html">- CMS</a></li>
								<li><a href="ecommerce.html">- E-Commerce</a></li>
								<li><a href="webapplication.html">- Web Application</a></li>
								<li><a href="seo.html">- SEO</a></li>
								<li><a href="corporate-video.html" title="Corporate Video Production">- Corporate Video</a></li>
								<li><a href="emailmarketing.html">- Email Marketing</a></li>
								<li><a href="multimedia.html">- Multimedia</a></li>
								<li><a href="webhosting.html">- Web Hosting</a></li>
                    </ul>
					<ul class="menu">             
						<li><a href="#"><strong title="Portfolio">PORTFOLIO</strong></a></li>
								<li><a href="portfolio-webdesign.html">- Web Design</a></li>
								<li><a href="portfolio-multimedia.html">- Multimedia Video</a></li>
								<li><a href="portfolio-edm.html">- Email Brochure</a></li>                            
								<li><a href="portfolio-seo.html">- SEO Cases</a></li>					
							<li><a href="pricing.html"><strong title="Price">PRICE</strong></a></li>
							<li><a href="testimonial.html"><strong title="Testimonial">TESTIMONIAL</strong></a></li>
							<li><a href="http://www.superweb.com.my/blog/malaysia-web-design-blog/"><strong title="Blog">BLOG</strong></a></li>
							<li><a href="contact-us.php"><strong title"Contact">CONTACT</strong></a></li>
					</ul><!-- end footer menu -->
                
			</div>
			<div class="span4">
				<div class="col-md-3 side-gap">
					<h3 class="m_title">LOCATION MAP</h3>
					
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1992.0815415634509!2d101.78105877173701!3d3.050968999607243!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zM8KwMDMnMDMuNSJOIDEwMcKwNDYnNTUuMSJF!5e0!3m2!1sen!2smy!4v1478483995336" width="350" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
				</div>	
			</div>
			<div class="span3">
				<div class="contact-details">
					<h3 class="m_title">GET IN TOUCH</h3>
					<p><strong>T: +603-2726 2810</strong><br />
                    <strong>F: +603-2178 4878</strong><br />
					Email: <a href="mailto:enquiry@superweb.com.my">enquiry@superweb.com.my</a></p>
					<p><strong>SUPERWEB SOLUTIONS</strong><br>
					49-02, Jln Mahkota Residence 1,<br>Bandar Mahkota Cheras,<br>43200 Cheras, Malaysia.</p>
				  <p><a href="https://goo.gl/maps/C5NZZriDhSs" target="_blank" class="map-link"><span class="icon-map-marker icon-white"></span> Open in Google Maps</a></p>
				</div><!-- end contact-details -->
			</div>
		</div><!-- end row -->
	  <!-- end row -->
		
  <div class="row">
			<div class="span12">
				<div class="bottom fixclear">
					<ul class="social-icons fixclear">
						<li class="title">GET SOCIAL</li>
						<li class="social-twitter"><a href="https://twitter.com/mysuperweb" target="_blank">Twitter</a></li>
						<li class="social-facebook"><a href="https://www.facebook.com/pages/Superweb/193227851552" target="_blank">Facebook</a></li>
					</ul><!-- end social-icons -->
					<div class="copyright">
						<a href="http://www.superweb.com.my"><img src="images/logo2.png" alt="logo" /></a>
						<p><a href="http://www.superweb.com.my/">Web Design Malaysia</a> Copyright 2018 &copy; Superweb Solutions. All rights reserved.<br>Related keywords: <a href="http://www.superweb.com.my/webdesign.html" title="Web Design">Web Design</a> |  <a href="http://www.superweb.com.my/">Website Design</a> | <a href="http://www.superweb.com.my/">Malaysia Web Design</a> | <a href="http://www.superweb.com.my/">Malaysia Website Design</a> | <a href="http://www.superweb.com.my/sitemap.html">Sitemap</a></p>
				  </div><!-- end copyright -->
				</div><!-- end bottom -->
			</div>
		</div><!-- end row -->
		
	</div>
</footer>

<!--<div id="popup_container" style="bottom: 0px; right: 25px; position: fixed; width: 220px; z-index: 999999;">
<script language="JavaScript" src="http://www.superweb.com.my/livesupport/js/status_image.php?base_url=http://www.superweb.com.my/livesupport&amp;l=admin&amp;x=1&amp;deptid=0"></script>
</div>-->
        
    </div><!-- end page_wrapper -->
	
    <a href="#" id="totop">TOP</a>

<!--////////////////// Load JS Files -->

<!-- load revolution slider scripts -->

<script type="text/javascript" src="sliders/revolution_slider/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="sliders/revolution_slider/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="sliders/revolution_slider/js/parallax.js"></script>
<script type="text/javascript">
var tpj=jQuery;
//tpj.noConflict();

tpj(document).ready(function() {

if (tpj.fn.cssOriginal!=undefined)
	tpj.fn.css = tpj.fn.cssOriginal;

	tpj('.fullwidthbanner').revolution(
		{
			delay:9000,
			startwidth:890,
			startheight:700,

			onHoverStop:"on",						// Stop Banner Timet at Hover on Slide on/off

			thumbWidth:100,							// Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
			thumbHeight:50,
			thumbAmount:3,

			hideThumbs:200,
			navigationType:"none",					//bullet, thumb, none, both	 (No Shadow in Fullwidth Version !)
			navigationArrows:"verticalcentered",		//nexttobullets, verticalcentered, none

			touchenabled:"on",						// Enable Swipe Function : on/off

			navOffsetHorizontal:0,
			navOffsetVertical:20,

			stopAtSlide:-1,							// Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case.
			stopAfterLoops:-1,						// Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic



			fullWidth:"on",

			shadow:0								//0 = no Shadow, 1,2,3 = 3 Different Art of Shadows -  (No Shadow in Fullwidth Version !)

		});

		//if (!Modernizr.touch) {
			
		 // }


});

		var parallax = new Parallax({
			container: '#slideshow',
			layers: [
				{ selector: '.para1', ratio: .020 },
				{ selector: '.para2', ratio: .010 },
				{ selector: '.para3', ratio: .008 },
				{ selector: '.para4', ratio: .005 },
				{ selector: '.para5', ratio: .005 }
			]
		});

</script>
<!-- end revolution slider scripts -->

<!-- Carousels (by CarouFredSel) -->
<script src="js/jquery.carouFredSel.js" type="text/javascript"></script>
<script type="text/javascript">
;(function($) {
	// ** partners carousel
	$('#partners_carousel').carouFredSel({
		responsive: true,
		scroll: 1,
		auto: false,
		items: {
			width: 250,
			visible: {
				min: 3,
				max: 10
			}
		},
		prev	: {	
			button	: ".partners_carousel .prev",
			key		: "left"
		},
		next	: { 
			button	: ".partners_carousel .next",
			key		: "right"
		}
	});
	// *** end partners carousel
	$(window).load(function(){
		// ** recent works
		$('#recent_works1').carouFredSel({
			responsive: true,
			scroll: 1,
			auto: false,
			items: {
				width: 300,
				visible: {
					min: 3,
					max: 10
				}
			},
			prev	: {	
				button	: ".recentwork_carousel .prev",
				key		: "left"
			},
			next	: { 
				button	: ".recentwork_carousel .next",
				key		: "right"
			}
		});
		// *** end recent works carousel
	});
})(jQuery);
</script>
<!-- end Carousels (by CarouFredSel) -->


<!-- JavaScript at the bottom for fast page loading -->

<script type="text/javascript" src="js/bootstrap.min.js"></script><!-- Bootstrap Framework -->
<script type="text/javascript" src="js/plugins.js"></script><!-- jQuery Plugins -->
<script type="text/javascript" src="addons/superfish_responsive/superfish_menu.js"></script><!-- Superfish Menu -->
<script type="text/javascript" src="addons/twitterfeed/twitter.min.js"></script><!-- twitter script -->

<script type="text/javascript" src="js/kalypso_script.js"></script><!-- custom scripts file -->

<!-- prettyphoto scripts & styles -->
<link rel="stylesheet" href="addons/prettyphoto/prettyPhoto.css" type="text/css" />
<script type="text/javascript" src="addons/prettyphoto/jquery.prettyPhoto.js"></script>
<script type="text/javascript">

	function ppOpen(panel, width){
		jQuery.prettyPhoto.close();
		setTimeout(function() {
			jQuery.fn.prettyPhoto({social_tools: false, deeplinking: false, show_title: false, default_width: width, theme:'pp_kalypso'});
			jQuery.prettyPhoto.open(panel);
		}, 300);
	} // function to open different panel within the panel

</script>
<!--end prettyphoto -->

<!--start of seoreport google track-->
<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-31693501-1', 'auto');
  ga('send', 'pageview');
</script>
<!--end of seoreport google track-->


<!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project=3556063; 
var sc_invisible=1; 
var sc_security="1902add2"; 
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script>
<noscript><div class="statcounter"><a title="free web stats"
href="http://statcounter.com/free-web-stats/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/3556063/0/1902add2/1/"
alt="free web stats"></a></div></noscript>
<!-- End of StatCounter Code for Default Guide -->

<!-- Begin Web-Stat code v 6.2 -->
<span id="wts1415820">&nbsp;</span><script type="text/javascript">
var wts=document.createElement('script');wts.type='text/javascript';
wts.async=true;wts.src=('https:'==document.location.protocol?'https://server2':'http://lb')
+'.web-stat.com/1/1415820/log6_2.js';
document.getElementById('wts1415820').appendChild(wts);
</script><noscript><a href="http://www.web-stat.com">
<img src="//server2.web-stat.com/6/1/1415820.gif" 
style="border:0px;" alt=""></a></noscript>
<!-- End Web-Stat code v 6.2 -->	
    

</body>
</html>