<!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" />
<title>PlexMicro Developments</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.0.css" media="screen" />
<link rel="shortcut icon" href="http://www.plexmicro.co.za/favicon.ico"/>
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/cufon.js"></script>
<script type="text/javascript" src="js/RNS_Camelia_275.font.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.0.pack.js"></script>
<script type="text/javascript">
	Cufon.replace('.menuservices li', {hover: true}); 
	Cufon.replace('h2');
</script>
<script type="text/javascript" src="js/core.js"></script>
</head>
<body>
<div class="main">
    <div class="header">
        <div class="logo"><img class="pngfix" src="images/logo.png" width="228" height="37" alt="home" /></div>
        <div class="menu">
            <ul>
                <li> <a href="#Home" id="btnHome">Home</a></li>
                <li> <a href="#Gallery" id="btnGallery">Our Work</a></li>
                <li> <a href="#Services" id="btnServices">Services</a></li>
                <li style="margin-right:0px;"><a href="#Contact" id="btnContact">Contact</a></li>
            </ul>
        </div>
        <!-- .menu -->
    </div>
    <!-- .header -->
</div>
<!-- .main -->

<!-- Begin #caruselWrapper -->
<div id="caruselWrapper" style="float: left; width:100%; height:585px; overflow: hidden;position:relative;">
	
    <!-- Begin .bigCarusel -->
    <ul class="bigCarusel">
        <li id="sectionfake"></li>
        
        <!-- Begin #sectionHome -->
        <li id="sectionHome">
            <div class="content">
                <div class="contentLeft">
                    <div class="pictureframe">
                    	<img src="images/picture.jpg" width="394" height="243" alt="pic" /> 
                    	<span class="frame"><img class="pngfix" src="images/pictureframe.png" width="433" height="273" alt="frame" /></span>
                    </div>
                    
                    <div class="redrope">
                    	<img  class="pngfix" src="images/redrope.png" width="394" height="178" alt="redrope" />
                    </div>
                </div>
                <!-- .contentLeft -->
                
                <div class="contentRight">
                    <div class="intro">
                        <h1 class="cms-editable" id="site_intro">PlexMicro Developments is a fresh new-media solution provider.&nbsp;<br />We're experts on UI, SEO, AJAX, JS, CSS, SQL, MOBI &amp; FLASH.<br /><br />We also have some amazing web&nbsp;<a onclick="gotoPage((1810 + 870), 'sectionServices', 1);" href="#Services">tools &amp; products</a>. <br />Find out what we do and view some of our past projects below.</h1>
                    </div>
                    
                    <div class="Gallerymenu">
                    	<br />
<br /><br />
                        
                         <a href="javascript:void(0);" onclick="gotoPage((1810 + 870), 'sectionServices', 1);"><img  src="images/services.png" width="150" height="37" alt="services" class="pic3" /></a>
                         <a href="javascript:void(0);" onclick="gotoPage((905 + 435), 'sectionGallery', 1);"><img src="images/ourwork.png" width="147" height="37" alt="our work"  class="pic3"/></a>
                         <a href="https://plexmicro.bizextend.co.za/www/projects/" targget="_blank"><img src="images/login.png" width="147" height="37" alt="log in"  class="pic2"/></a>
                        
                        <div class="socialb">
                        	<!-- <small style="color:#634334">Follow us on</small><a href="http://www.twitter.com/jniemand" target="_blank"><img class="pngfix" src="images/twitter.png" width="32" height="26" alt="twitter" align="middle" /></a>
                        	 <a href="http://www.facebook.com"><img class="pngfix" src="images/facebook.png" width="71" height="26" alt="facebook" /></a> -->
                        </div>
                    </div>
                    <!-- .Gallerymenu -->
                </div>
                <!-- .contentRight -->
            </div>
            <!-- .content -->
        </li>
        <!-- End #sectionHome -->
        
        <!-- Begin #sectionGallery -->
        <li style="margin-left:480px;" id="sectionGallery">
            <div class="content">
                <div class="slideshow">
                    <div class="arrLeft">
                    	<a href="javascript: void(0);" onclick="galleryCarusel('prev');"><img src="images/arrow-left.png" width="26" height="51" alt="left" /></a>
                    </div>
                    <!-- .arrLeft -->
                    
                    <div class="galleryCarusel" style="overflow: hidden;position:relative; width:795px;margin-left:20px;">
                        <div class="arrCenter" style="width:10000px;">
                            <div class="imgSlideshow firstpic filter1">
                                <p><a href="#">Web Design &amp; Development</a></p>
                                <img src="images/blackberry.jpg" width="228" height="170" alt="" /> 
                                <span class="imgslide">
                                    <a href="images/big/blackberry.jpg" class="galleryLightbox" rel="images_carousel"><img class="pngfix" src="images/framegallery.png" width="248" height="184" alt="BlackBerry Mini-site" /></a>
                                </span>
                                <h2>BlackBerry</h2>
                            </div>
                            <!-- image from carousel -->
                            
                            <div class="imgSlideshow filter2">
                                <p><a href="#">.mobi Development</a></p>
                                <img src="images/sv_mobile.jpg" width="228" height="170" alt="" /> 
                                <span class="imgslide">
                                    <a href="images/big/sv_mobile.jpg" class="galleryLightbox" rel="images_carousel"><img class="pngfix" src="images/framegallery.png" width="248" height="184" alt="Student Village Mobi site" /></a> 
                                </span>
                                <h2>Student Village <small><a href="http://www.studentvillage.co.za/?theme=mobile" target="_blank">[Visit]</a></small></h2>

                            </div>
                            <!-- image from carousel -->
                            
                            <div class="imgSlideshow lastpic filter3">
                                <p><a href="#">Specialised Development</a></p>
                                <img src="images/gradx.jpg" width="228" height="170" alt="cat" /> 
                                <span class="imgslide">
                                    <a href="images/big/gradx.jpg" class="galleryLightbox" rel="images_carousel"><img  class="pngfix" src="images/framegallery.png" width="248" height="184" alt="GradX Website" /></a> 
                                </span>
                                <h2>GradX.net <small><a href="http://www.gradx.net" target="_blank">[Visit]</a></small></h2>
                            </div>
                            <!-- image from carousel -->
                            
                            <div class="imgSlideshow firstpic filter1">
                                <p><a href="#">Web Design &amp; Development</a></p>
                                <img src="images/smirnoff.jpg" width="228" height="170" alt="" /> 
                                <span class="imgslide">
                                    <a href="images/big/smirnoff.jpg" class="galleryLightbox" rel="images_carousel"><img class="pngfix" src="images/framegallery.png" width="248" height="184" alt="Smirnoff Spin Mini site" /></a> 
                                </span>
                                <h2>Smirnoff Spin</h2>
                            </div>
                            <!-- image from carousel -->
                            
                            <div class="imgSlideshow filter1">
                                <p><a href="#">.mobi Development</a></p>
                                <img src="images/kfccrazy.jpg" width="228" height="170" alt="cat" /> 
                                <span class="imgslide">
                                    <a href="images/big/kfccrazy.jpg" class="galleryLightbox" rel="images_carousel"><img  class="pngfix" src="images/framegallery.png" width="248" height="184" alt="KFC mobi site" /></a> 
                                </span>
                                <h2>KFC Crazy <small><a href="http://kfccrazy.mobi" target="_blank">[Visit]</a></small></h2>
                            </div>
                            <!-- image from carousel -->
                            
                            <div class="imgSlideshow lastpic filter4">
                                <p><a href="#">Specialised Development</a></p>
                                <img src="images/studentvillage.jpg" width="228" height="170" alt="" /> 
                                <span class="imgslide">
                                    <a href="images/big/studentvillage.jpg" class="galleryLightbox" rel="images_carousel"><img class="pngfix" src="images/framegallery.png" width="248" height="184" alt="Student Village Social Network" /></a>
                                </span>
                                <h2>Student Village <small><a href="http://www.studentvillage.co.za" target="_blank">[Visit]</a></small></h2>
                            </div>
                            <!-- image from carousel -->
                            
                            <div class="imgSlideshow firstpic filter1">
                                <p><a href="#">Web Design &amp; Development</a></p>
                                <img src="images/anniegreeff.jpg" width="228" height="170" alt="" /> 
                                <span class="imgslide">
                                    <a href="images/big/anniegreeff.jpg" class="galleryLightbox" rel="images_carousel"><img class="pngfix" src="images/framegallery.png" width="248" height="184" alt="Annie Greeff Website" /></a>
                                </span>
                                <h2>Annie Greeff <small><a href="http://www.anniegreeff.com" target="_blank">[Visit]</a></small></h2>
                            </div>
                            <!-- image from carousel -->
                            
                            <div class="imgSlideshow filter2">
                                <p><a href="#">Electronic Magazines</a></p>
                                <img src="images/emag.jpg" width="228" height="170" alt="" /> 
                                <span class="imgslide">
                                    <a href="images/big/emag.jpg" class="galleryLightbox" rel="images_carousel"><img class="pngfix" src="images/framegallery.png" width="248" height="184" alt="GradX eMag" /></a> 
                                </span>
                                <h2>GradX eMag <small><a href="http://emags.gradx.net/2/" target="_blank">[Visit]</a></small></h2>
                            </div>
                            <!-- image from carousel -->
                            
                            <div class="imgSlideshow lastpic filter3">
                                <p><a href="#">Specialised Development</a></p>
                                <img src="images/motortrader.jpg" width="228" height="170" alt="cat" /> 
                                <span class="imgslide">
                                    <a href="images/big/motortrader.jpg" class="galleryLightbox" rel="images_carousel"><img  class="pngfix" src="images/framegallery.png" width="248" height="184" alt="Motortrader Auto Classifieds Website" /></a> 
                                </span>
                                <h2>MotorTrader <small><a href="http://www.motortrader.co.za" target="_blank">[Visit]</a></small></h2>
                            </div>
                            <!-- image from carousel -->
                        </div>
                        <!-- .arrCenter -->
                    </div>
                    <!-- .galleryCarusel -->
                    
                    <div class="arrRight">
                    	<a href="javascript: void(0);" onclick="galleryCarusel('next');"><img src="images/arrow-right.png" width="26" height="51" alt="right" /></a>
                    </div>
                    <!-- .arrRight -->
                </div>
                <!-- .slideshow -->
                
                <div class="bench">
                	<img  class="pngfix" src="images/bench.png" width="398" height="165" alt="bench" />
                </div>
                
         <!--       <div class="galleryMenu">
                	<div class="galleryMenu-top"></div>
                    <div class="galleryMenu-center">
                        <div class="galleryMenu-row" onclick="caruselFilter('.filter1');">
                        	<div class="checkbox"></div>
	                        <div class="thisText">Commercial</div>
                        </div>
                        
                        <div class="galleryMenu-row" onclick="caruselFilter('.filter2');">
                        	<div class="checkbox"></div>
	                        <div class="thisText">Illustrations</div>
                        </div>
                        
                        <div class="galleryMenu-row" onclick="caruselFilter('.filter3');">
                        	<div class="checkbox"></div>
	                        <div class="thisText">Still Life &amp; Experimental</div>
                        </div>
                                                
                        <div class="galleryMenu-row" onclick="caruselFilter('.filter4');" style="background-image:none;">
                        	<div class="checkbox"></div>
	                        <div class="thisText">Plants &amp; Animals</div>
                        </div>
                        <div style="clear:both;"></div>
                    </div>
                    <div class="galleryMenu-bottom"></div>
                </div>
                
                
            	<div class="categories">
                	<a href="javascript: void(0);" class="categoriesBtn"><img  class="pngfix" src="images/categories.png" width="241" height="51" alt="1" /></a>
                </div>
                
         -->
            </div>
            <!-- .content -->
        </li>
        <!-- End #sectionGallery -->
        
        <!-- Begin #sectionServices -->
        <li style="margin-left:480px;" id="sectionServices">
            <div class="content">
                <div class="menuservices">
                    <ul>
                        <li>
	                        <img src="images/line.png" width="330" height="2" alt="line" />
	                        <a class="cms-editable" href="javascript: void(0);" onclick="servicesSlide(0);" id="services_title1">WEB DESIGN &amp; DEVELOPMENT</a>
                        </li>
                        <li>
	                        <img src="images/line.png" width="330" height="2" alt="line" />
	                        <a href="javascript: void(0);" onclick="servicesSlide(365);" class="cms-editable" id="services_title2">TOOLS &amp; PRODUCTS</a>
                        </li>
                        <li>
	                        <img src="images/line.png" width="330" height="2" alt="line" />
	                        <a href="javascript: void(0);" onclick="servicesSlide(730);" class="cms-editable" id="services_title3">.mobi DEVELOPMENT</a>
                        </li>
                        <li>
	                        <img src="images/line.png" width="330" height="2" alt="line" />
	                        <a href="javascript: void(0);" onclick="servicesSlide(1095);" class="cms-editable selected" id="services_title4">SPECIALISED DEVELOPMENT</a>
                        </li>
                    </ul>
                    <div class="polles"><img src="images/3poles.png" width="493" height="325" alt="poll" /></div>
                </div>
                <!-- .menuservices -->
                
                 <div class="contentTextSlide">
	            	<div class="servicesText">
	                    <p class="cms-editable" id="services_text1"><strong>Intuitive web interfaces, electronic &amp; print media design. We develop simple to enterprise-scale systems and solutions.</strong><br /><br /> With over 10 years of online design &amp; development experience we understand online behavior, the art of visual design and the science of effective interfaces.<br /><br /> We also understand business, and that yours is what's important to you. &nbsp;We think that your website &amp; online media should be tools to enhance your business, not resource-hungry headaches.<br /><br /> <small>&nbsp;&nbsp; graphic design &nbsp;| &nbsp;interactive interfaces &nbsp;| &nbsp;systems integration &nbsp;| &nbsp;e-mags</small><br /> <span style="color: #fefefe;">.</span></p>
	                    <a href="javascript:void(0);" onclick="gotoPage((905 + 435), 'sectionGallery', 1);"><img src="images/servicesbutton.png" width="153" height="28" alt="send" /></a>
	               </div>
                   <!-- .servicesText -->
                   
	               <div class="servicesText">
	                    <p class="cms-editable" id="services_text2">Our state-of-the-art software tools offer&nbsp;turn-key solutions and services for specific online needs.<br /><br /><strong>Website Content Management System (CMS)</strong><br />Control, edit and manage your existing website with an easy, yet&nbsp;powerful back-end content editor.<br /><br /><strong>Newsletter &amp; Email Management System</strong> &nbsp;<br />Manage your mailing lists, send perfect newsletters, get in-depth&nbsp;reports. Full integration with current systems.<br /><br /><strong>Company Intranet System</strong><br />An exceptional company info and management system.</p>
	                    <!-- <a href="javascript:void(0);" onclick="gotoPage((905 + 435), 'sectionGallery', 1);"><img src="images/servicesbutton.png" width="153" height="28" alt="send" /></a> -->
	               </div>
                   <!-- .servicesText -->
                   
	               <div class="servicesText">
	                    <p class="cms-editable" id="services_text3"><strong>mobi sites, MXit portals &amp; mobile app development</strong><br /><br />We also create .mobi versions of existing websites, which means that you only have to update and manage one central content base for both your website and your .mobi site.<br /> <br />We use advance detection technology to display either the web or mobile version, and t optimise the experience according to users' devices.<br /><br />We also offer a hosted, instant .mobi website &amp; CMS solution. Build a complete .mobi site or a MXit portal without any coding within minutes. <a href="http://www.mobilecms.co.za" target="_blank">More info</a></p>
	                    <a href="javascript:void(0);" onclick="gotoPage((905 + 435), 'sectionGallery', 1);"><img src="images/servicesbutton.png" width="153" height="28" alt="send" /></a>
	               </div>
                   <!-- .servicesText -->
                   
                   <div class="servicesText">
	                    <p class="cms-editable" id="services_text4"><strong>We specialise in custom, complex systems and solutions.</strong><br /><br />Our expert LINUX, PHP &amp; SQL developers build custom large-scale content systems, data warehousing &amp; management systems. We do data flow design, workflow automation, systems integration, custom web services, XML &amp; data feeds and online security / authentication systems.<br /><br />We also offer SSL / encryption services, load-balancing solutions, distributed intelligent cacheing and design complex server &amp; system infrastructures, including Linux &amp; Microsoft systems integration.</p>
	                    <a href="javascript:void(0);" onclick="gotoPage((905 + 435), 'sectionGallery', 1);"><img src="images/servicesbutton.png" width="153" height="28" alt="send" /></a>
	               </div>
                   <!-- .servicesText -->
				</div>	
                <!-- .contentTextSlide -->
            </div>
            <!-- .content -->
        </li>
        <!-- End #sectionServices -->
        
        <!-- Begin #sectionContact -->
        <li style="margin-left:480px;" id="sectionContact">
            <div class="content">
            <center>
<br /><br /><br />
<b>EMAIL US</b><br /><a href="javascript:void(location.href='mailto:'+String.fromCharCode(105, 110, 102, 111, 64, 112, 108, 101, 120, 109, 105, 99, 114, 111, 46, 99, 111, 46, 122, 97)+'?')">info @ plexmicro.co.za</a> 
<br />
<br />
<br />
<b>ADDRESS</b><br />
8 Sierra Montego<br />
Constantia Drive<br />
Constantia Kloof<br />
South Africa<br />
1709
            </div>
            <!-- .content -->
        </li>
        <!-- End #sectionContact -->
    </ul>
    <!-- End .bigCarusel -->
</div>
<!-- End #caruselWrapper -->

<div class="clear"></div>

<div class="main">
    <div class="footer">
        <p><small>&copy; Copyright. All rights reserved.</small></p>
    </div>
    <div class="clear"></div>
</div>
<!-- .main -->

<!-- Analytics -->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-9389604-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>

<!--
<script type="text/javascript">
var LHCChatOptions = {};
LHCChatOptions.opt = {widget_height:340,widget_width:300,popup_height:520,popup_width:500,domain:'www.plexmicro.co.za'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
var referrer = (document.referrer) ? encodeURIComponent(document.referrer.substr(document.referrer.indexOf('://')+1)) : '';
var location  = (document.location) ? encodeURIComponent(window.location.href.substring(window.location.protocol.length)) : '';
po.src = '//chat.netrix.co.za/index.php/chat/getstatus/(click)/internal/(position)/bottom_right/(ma)/br/(check_operator_messages)/true/(top)/350/(units)/pixels/(department)/1/(disable_pro_active)/true/(survey)/1?r='+referrer+'&l='+location;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
-->


<!-- BEGIN JIVOSITE CODE {literal} -->
<script type='text/javascript'>
(function(){ var widget_id = '10Ng94qULv';
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);})();</script>
<!-- {/literal} END JIVOSITE CODE -->


</body>
</html>
