<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">  
	<link rel="stylesheet" href="css/zerogrid.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
    <script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script>
    <script src="js/Kozuka_Gothic_Pro_OpenType_300.font.js" type="text/javascript"></script>
    <script src="js/Kozuka_Gothic_Pro_OpenType_700.font.js" type="text/javascript"></script>
    <script src="js/Kozuka_Gothic_Pro_OpenType_900.font.js" type="text/javascript"></script> 
    <script src="js/FF-cash.js" type="text/javascript"></script>     
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/tms-0.3.js"></script>
	<script type="text/javascript" src="js/tms_presets.js"></script>
    <script type="text/javascript" src="js/easyTooltip.js"></script> 
    <script type="text/javascript" src="js/script.js"></script>
	<script type="text/javascript" src="js/css3-mediaqueries.js"></script>
	<!--[if lt IE 7]>
    <div style=' clear: both; text-align:center; position: relative;'>
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
        	<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
    </div>
	<![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page1">
	<!--==============================header=================================-->
    <header >
    	<div class="main zerogrid ">
        	<div class="prev-indent-bot2 ">
                <h1 ><a href="index.php"><img src="images/logo7.png"/></a></h1>
                <nav>
                    <ul class="menu ">
                        <li><a class="active" href="index.php">home</a></li>
                        <li><a href="company.php">company</a></li>
                        <li><a href="services.php">services</a></li>
                        <li><a href="clients.php">clients</a></li>
                        <li><a href="contacts.php">contacts</a></li>
						
                    </ul>
                </nav>
			
                <div class="clear"></div>
            </div>
			
        </div>
		
		<div class="menp">
		
		<h3></h3>
		</div>
        <div class="slider-wrapper">
        	<div class="slider">
            	<ul class="items">
                	<li>
                    	<img src="images/slider-img3.png" alt="">
                        <div class="banner">
						
                        	<strong >need fresh<strong class="yellow" > ideas?</strong></strong>
                            <em>Let’s create your company’s growth strategy together!</em>
                            <span class="button">
                            	
                            </span>
                        </div>
                    </li>
                    <li>
                    	<img src="images/slider-img1.png" alt="">
                        <div class="banner">
                        	<strong>good <strong class="yellow">solutions!</strong></strong>
                            <em>Make your company a world wide known name with us!</em>
                            <span class="button">
                            	
                            </span>
                        </div>
                    </li>
                    <li>
                    	<img src="images/slider-img2.png" alt="">
                        <div class="banner">
                        	<strong>LET US <strong class="yellow">COOPERATE!</strong></strong>
                            <em>Let’s create your company’s growth strategy together!</em>
                            <span class="button">
                            	
                            </span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    
	<!--==============================content================================-->
    <section id="content">
        <div class="main zerogrid">
            <div class="row">
                <article class="col-1-2">
					<div class="wrap-col">
	                	<span class="myfont blue">News</span>
	                    <div id="widgetmain" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:400px;background-color:#FFDE77; border:5px solid #022068;"><div id="rsswidget" style="height:500px;"><iframe src="http://us1.rssfeedwidget.com/getrss.php?time=1460369789433&amp;x=http%3A%2F%2Frss.news.yahoo.com%2Frss%2Ftech&amp;w=400&amp;h=500&amp;bc=022068&amp;bw=5&amp;bgc=FFDE77&amp;m=20&amp;it=true&amp;t=(default)&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=0000FF&amp;ls=18&amp;lb=true&amp;id=true&amp;dc=000000&amp;ds=15&amp;idt=true&amp;dtc=DE0C04&amp;dts=15" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:400px; height:500px;" id="rssOutput">Reading RSS Feed ...</iframe></div></div>
					</div>
                </article>
                <article class="col-1-2">
                	<div class="wrap-col indent-top">
                        <div class="wrapper indent-bot2">
							
                            <div class="col-2-3 extra-wrap">
                                <h4 class=" blue">WHO <span class="yellow">WE</span> ARE</h4>
                            </div>
                        </div>
                        <p class="my">We are <span class="yellow">MyPro</span> Solutions(MyProfessional Solutions, Inc.), a newly formed I.T. 
based company with years of providing I.T. Consultancy and Outsourcing 
expertise as our backbone. </p>
                       <p class="my">Our company has evolved through the years from network infrastructure 
design and implementation, software development, supplies of computer 
software and hardware peripherals to one of the leading Information 
Technology Solutions Provider. </p>
                    </div>                        
                </article>
            </div>
        </div>
    </section>
    
	<!--==============================footer=================================-->
    <footer>
        <div class="main zerogrid">
        	<div class="row">
            	
                <article class="col-1-4">
                	<div class="wrap-col">
                        <h5>Navigation</h5>
                        <ul class="list-1">
                            <li><a href="index.php">Home</a></li>
                            <li><a href="company.php">Company</a></li>
                            <li><a href="services.php">Services</a></li>
                            <li><a href="clients.php">Clients</a></li>
                            <li><a href="contacts.php">Contacts</a></li>
                        </ul>
                    </div>
                </article>
                <article class="col-1-4">
					<div class="wrap-col">
                    	<h5>Contact</h5>
                        <dl class="contact">
                            <dt>UNIT 2D, 2/F THOUSANDFOLD BUILDING, NO. 1 M. ALMEDA<br>ST., BARANGAY STO. ROSARIO-SILANGAN PATEROS,<br>METRO MANILA, PHILIPPINES</dt>
                            
                         </dl>
					 </div>
                </article>
				<article class="col-1-4">
					<div class="wrap-col">
                    	<h5>Contact No.</h5>
                        <dd><span>Phone:</span>02.957.0018, 02.925.7285</dd>
                            <dd><span>Mobile:</span>  09178938101</dd>
                        
					</div>
                </article>
                <article class="col-1-4">
					<div class="wrap-col">
                    	<h5>Legal</h5>
                        <p class="prev-indent-bot3 color-1">MyProfessional Solutions, Inc. &copy; 2016</p>
                        
					</div>
                </article>
            </div>
        </div>
    </footer>
	<script type="text/javascript"> Cufon.now(); </script>
    <script type="text/javascript">
		$(window).load(function(){
			$('.slider')._TMS({
				duration:800,
				easing:'easeOutQuad',
				preset:'simpleFade',
				pagination:true,//'.pagination',true,'<ul></ul>'
				pagNums:false,
				slideshow:7000,
				banners:'fade',// fromLeft, fromRight, fromTop, fromBottom
				waitBannerAnimation:false
			})
		})
	</script>
</body>
</html>
