<!DOCTYPE html>
<html lang="en"><!--<![endif]-->
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
	<title>@Febrinter</title>
	<link href="favicon.ico" rel="shortcut icon" />
	<link href="images/favicon.png" rel="apple-touch-icon" />
	<link charset="utf-8" href="css/maximage.css" media="screen" rel="stylesheet" type="text/css" />
	<link charset="utf-8" href="css/styles.css" media="screen" rel="stylesheet" type="text/css" /><!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><!--[if IE 6]>
			<style type="text/css" media="screen">
				.gradient {display:none;}
			</style>
		<![endif]-->
</head>
<body><!-- Social Links -->
<nav class="social-nav">
<ul><!--<li><a href="#"><img src="images/icon-facebook.png" /></a></li> -->
	<li><a href="https://twitter.com/Febrinter"><img src="images/icon-twitter.png" /></a></li>
	<!-- <li><a href="#"><img src="images/icon-google.png" /></a></li> -->
	<li><a href="https://www.instagram.com/febrinter"><img src="images/icon-instagram.png" /></a></li>
	<!-- <li><a href="#"><img src="images/icon-dribbble.png" /></a></li> -->
	<li><a href=""><img src="images/icon-linkedin.png" /></a></li>
	<!-- <li><a href="#"><img src="images/icon-pinterest.png" /></a></li> -->
</ul>
</nav>
<!-- Switch to full screen -->

<p><button class="full-screen" onclick="$(document).toggleFullScreen()"></button><!-- Site Logo --></p>

<div id="logo"></div>
<!-- Main Navigation -->

<nav class="main-nav">
<ul>
	<li><a class="active" href="#home">Home</a></li>
	<li><a href="#services">Services</a></li>
	<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Slider Controls -->

<p><a href="" id="arrow_left"><img alt="Slide Left" src="images/arrow-left.png" /></a> <a href="" id="arrow_right"><img alt="Slide Right" src="images/arrow-right.png" /></a> <!-- Home Page --></p>

<section class="content show" id="home">
<h1>Welcome</h1>

<h5>IT Consultant &amp; Traveler</h5>

<p>Berkreasi dan Berekreasi dari Indonesia untuk Indonesia</p>

<p><a href="#services">More info &raquo;</a></p>
</section>
<!-- About Page -->

<section class="content hide" id="services">
<h1>Our Services</h1>
<h5>Develop & Integrate to your ERP<h5>
<p>- Web Development </p>
<p>- Desktop Solution </p>
<p>- Mobile Application </p>

</section>
<!-- Contact Page -->

<section class="content hide" id="contact">
<h1>Contact</h1>

<h5>Silahkan email di bawah ini</h5>

<p>Email: <a href="#">info@febryadi.com</a></p>

<p>Jakarta<br />
Indonesia</p>
</section>
<!-- Background Slides -->

<div id="maximage">
<div><img alt="" src="images/backgrounds/1.jpg" /> <img alt="" class="gradient" src="images/backgrounds/gradient.png" /></div>

<div><img alt="" src="images/backgrounds/2.jpg" /> <img alt="" class="gradient" src="images/backgrounds/gradient.png" /></div>

<div><img alt="" src="images/backgrounds/3.jpg" /> <img alt="" class="gradient" src="images/backgrounds/gradient.png" /></div>

<div><img alt="" src="images/backgrounds/4.jpg" /> <img alt="" class="gradient" src="images/backgrounds/gradient.png" /></div>

<div><img alt="" src="images/backgrounds/5.jpg" /> <img alt="" class="gradient" src="images/backgrounds/gradient.png" /></div>

<div><img alt="" src="images/backgrounds/6.jpg" /> <img alt="" class="gradient" src="images/backgrounds/gradient.png" /></div>

<div><img alt="" src="images/backgrounds/7.jpg" /> <img alt="" class="gradient" src="images/backgrounds/gradient.png" /></div>

</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js'></script><script src="js/jquery.easing.min.js" type="text/javascript" charset="utf-8"></script><script src="js/jquery.cycle.all.js" type="text/javascript" charset="utf-8"></script><script src="js/jquery.maximage.js" type="text/javascript" charset="utf-8"></script><script src="js/jquery.fullscreen.js" type="text/javascript" charset="utf-8"></script><script src="js/jquery.ba-hashchange.js" type="text/javascript" charset="utf-8"></script><script src="js/main.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript" charset="utf-8">
			$(function(){
				$('#maximage').maximage({
					cycleOptions: {
						fx: 'fade',
						speed: 1000, // Has to match the speed for CSS transitions in jQuery.maximage.css (lines 30 - 33)
						timeout: 5000,
						prev: '#arrow_left',
						next: '#arrow_right',
						pause: 0,
						before: function(last,current){
							if(!$.browser.msie){
								// Start HTML5 video when you arrive
								if($(current).find('video').length > 0) $(current).find('video')[0].play();
							}
						},
						after: function(last,current){
							if(!$.browser.msie){
								// Pauses HTML5 video when you leave it
								if($(last).find('video').length > 0) $(last).find('video')[0].pause();
							}
						}
					},
					onFirstImageLoaded: function(){
						jQuery('#cycle-loader').hide();
						jQuery('#maximage').fadeIn('fast');
					}
				});
	
				// Helper function to Fill and Center the HTML5 Video
				jQuery('video,object').maximage('maxcover');
	
			});
		</script></body>
</html>