Recent News
-::DESCRIPTION
-::DATE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='text/html; charset=UTF-8'
http-equiv='Content-Type'/>
<script type="text/javascript">(function() {
var a=window,b="jstiming",d="tick";var
e=function(c){this.t={};this.tick=function(c,p,h){h=void 0!=h?h:(new
Date).getTime();this.t[c]=[h,p]};this[d]("start",null,c)},f=new
e;a.jstiming={Timer:e,load:f};if(a.performance&&a.performance.timing){var
g=a.performance.timing,j=a[b].load,k=g.navigationStart,l=g.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void
0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))}
try{var
m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT),j&&0<k&&(j[d]("_tbnd",void
0,a.chrome.csi().startE),j[d]("tbnd_","_tbnd",k)));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT,j&&0<k&&(j[d]("_tbnd",void
0,a.external.startE),j[d]("tbnd_","_tbnd",k)));m&&(a[b].pt=m)}catch(n){};a.tickAboveFold=function(c){var
i=0;if(c.offsetParent){do i+=c.offsetTop;while(c=c.offsetParent)}c=i;750>=c&&a[b].load[d]("aft")};var
q=!1;function
r(){q||(q=!0,a[b].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",r,!1):a.attachEvent("onscroll",r);
})();</script>
<meta content='true'
name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link
href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT2A3u3Fjd1Lxb4zrJ6HbhGeiIlxu_tj3s18o6Be6F30mGKkNHtP994pDJI7Xz7ordZn-RMw4oZxoYnrhBD5He19uWv2CmVXnQxC0ANdrPB09mAUCtOSh7OKl4lM5ZR53YMtixs34PPY20/s1600/1350022453_comix.png'
rel='icon' type='image/x-icon'/>
<link href='http://www.fahrulrijal.com/'
rel='canonical'/>
<link rel="alternate"
type="application/atom+xml" title="Eko wahyudi- Atom"
href="http://www.fahrulrijal.com/feeds/posts/default" />
<link rel="alternate"
type="application/rss+xml" title="Eko wahyudi; - RSS"
href="http://www.fahrulrijal.com/feeds/posts/default?alt=rss" />
<link rel="service.post"
type="application/atom+xml" title="Eko wahyudi- Atom"
href="http://www.blogger.com/feeds/2443049190248992071/posts/default"
/>
<link rel="EditURI"
type="application/rsd+xml" title="RSD"
href="http://www.blogger.com/rsd.g?blogID=2443049190248992071" />
<link rel="me"
href="http://www.blogger.com/profile/03412566762412554897" />
<link rel="openid.server"
href="http://www.blogger.com/openid-server.g" />
<link rel="openid.delegate"
href="http://www.fahrulrijal.com/" />
<!--[if IE]> <script> (function() { var html5 =
("abbr,article,aside,audio,canvas,datalist,details," +
"figure,footer,header,hgroup,mark,menu,meter,nav,output," +
"progress,section,time,video").split(','); for (var i = 0; i <
html5.length; i++) { document.createElement(html5[i]); } try {
document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })();
</script> <![endif]-->
<title>Eko wahyudil</title>
<link type='text/css' rel='stylesheet'
href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css'
/>
<link type="text/css"
rel="stylesheet"
href="//www.blogger.com/dyn-css/authorization.css?targetBlogID=2443049190248992071&zx=f14efab6-5379-4fc2-b4a4-2be27a5830c9"/>
<style id='page-skin-1' type='text/css'><!--
/*
-------------------------------------------------------------
Thanks For Our Source Code :* Enjoy My Simple Blog
Name : Devilz666
By : Eko
wahyudil
Design by : Eko
wahyudil
Edited by : Eko
wahyudil
Fb :
http://www.facebook.com/fahrulmacz
Url :
http://www.fahrulrijal.com
--------------------------------------------------------------
*/
/*---HTML RESET---*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
list-style:none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none !important;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
html, body { width:100%; margin:0; padding:0; font-family:
Trebuchet MS,Arial,Helvetica,sans-serif; position:relative; color:#e2e2e2;
text-align:left; line-height: 1.3em; background:#36393d
url(http://www.febriancyber.com/images/bg-body.jpg);}
#wrappage {margin:0 auto; padding:0; position:relative;}
.left { float:left;}
.right {float:right;}
.center{ text-align:center;}
.divider{ width:100%; margin-bottom:30px; float:left;}
a, img , button { outline: none; }
ul{overflow:hidden;}
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility:
hidden;width: 0;height: 0;}
/* http://perishablepress.com/press/2008/02...x-css-hack */
.clearfix:after {clear: both;content: ' ';display:
block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0;
}
button:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
border: 0;
}
/***** Typography & Element *****/
h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
p {font-size:14px; height:auto;line-height: 1.3em;}
/***** Page start*****/
.container{ width:100%; margin:-100px auto auto 0;
position:fixed; top:50%;}
.top{ height:100px; margin:0;
background:url(http://www.febriancyber.com/images/bg-top.png) repeat-x bottom;
position:relative;}
.energy{ height:20px; margin:0;
background:url(http://www.febriancyber.com/images/strip-e.png) top center
repeat-x; position:absolute; bottom:-10px; z-index:510;}
.bg-button{ width:130px; height:130px; background:
url(http://www.febriancyber.com/images/bg-button.png) 0 0 no-repeat;
display:block; position: absolute; bottom:-65px; right:0; z-index:500;}
.bg-e-button{ width:130px; height:130px; background:
url(http://www.febriancyber.com/images/bg-e-button.png) 0 0 no-repeat;
display:block; position: absolute; bottom:-65px; right:0; z-index:510;
opacity:0;}
a.open{ width:130px; height:130px; background:
url(http://www.febriancyber.com/images/start.png) 0 0 no-repeat; display:block;
position: absolute; bottom:-65px; right:0; cursor:pointer; z-index:1000;}
a.open:hover{ background:
url(http://www.febriancyber.com/images/start.png) 0 -130px no-repeat;}
a.open img{opacity:0;}
.top-block{width:820px; height:100px; margin:0 auto;
position:relative;}
.top-block a.logo{font-size:72px; padding:0;
font-weight:400;}
.bottom{height:100px; margin:0;
background:url(http://www.febriancyber.com/images/bg-bottom.png) repeat-x top;}
.bottom-block{width:820px; height:100px; margin:0 auto;
position:relative;}
.bottom-block h1{padding:25px 0 0 0; font-weight:400;}
.bottom-block h5{padding:40px 0 0 0; font-weight:400;
font-size:14px; opacity:0;}
/***** Menu *****/
#menu { width:200px; height:150px;padding:10px ;margin:0;
background:url(http://www.febriancyber.com/images/bg-menu.png) top left
no-repeat;}
#menu li {padding:0; margin:0 0 10px 0;}
#menu li a { width:200px; height:25px;color:
#518e2e;text-shadow:1px 1px 1px #090d06; display: block;margin:0;
background:url(http://www.febriancyber.com/images/bg-menu-a.png) 0 0
no-repeat;padding:5px 0 0 0;font-family:
'UbuntuMonoRegular';font-size:18px;text-align:center; cursor:pointer;}
#menu li a:hover{color: #79c113;text-shadow:1px 1px 1px
#090d06;background:url(http://www.febriancyber.com/images/bg-menu-a.png) 0
-30px no-repeat;}
#menu li a.selected{color: #79c113;text-shadow:1px 1px 1px
#090d06;background:url(http://www.febriancyber.com/images/bg-menu-a.png) 0
-30px no-repeat;}
#menu li.last{ margin-bottom:0;}
/***** Content *****/
.center-block { margin:0 auto; background:#171d23;
display:none;background:url(http://www.febriancyber.com/images/bg-center.jpg);
border-top:3px #14191f solid; padding:30px 0;}
/***** Scanner *****/
.scanner{ width:760px; height:130px;margin:0 auto;
padding:30px 0;}
.scanner-block{ width:460px; margin:0 auto;padding:0;}
.scanner-box{ width:130px; height:130px; margin:0;
background:url(http://www.febriancyber.com/images/scanner.png) top center
no-repeat; position:relative;}
.scanner-line{ width:124px; height:20px;
background:url(http://www.febriancyber.com/images/strip-e.png) repeat-x;
position:absolute; top:0; left:3px;}
.data{ width:300px; margin:3px 0 0 30px;}
.data li{ padding:0 0 5px 0; font:24px 'UbuntuMonoRegular';
color:#79c113;text-shadow:1px 1px 0px #000000;}
.data li.search-d{ display:none;}
.data li span{ color:#5b8e16;}
/***** Main *****/
.load{ width:64px; height:64px;
background:url(http://www.febriancyber.com/images/loader.gif) 0 0 no-repeat;
position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; display:none;
z-index:9999;}
.main{ width:820px; height:450px; margin:0 auto;
position:relative; padding:0; display:none;}
.page{ width:820px; height:450px; margin:0 auto; padding:0;
display:none; background:url(http://www.febriancyber.com/images/bg-page.png)
top center no-repeat;}
.shut-left{ width:600px; height:450px;
background:url(http://www.febriancyber.com/images/shut-left.png) top right
no-repeat; position:absolute; left:0; bottom:0; z-index:300;}
.shut-right{ width:700px; height:450px;
background:url(http://www.febriancyber.com/images/shut-right.png) top left
no-repeat; position:absolute; right:0; bottom:0; z-index:290;}
.box-left{ width:230px; height:450px; position: relative;
margin:0 auto; padding:0;}
.cont{width:570px; height:390px;margin:0;padding:30px 20px
30px 0;}
.box-c{width:560px; height:390px;margin:0;padding:30px 30px
30px 0;}
.box{ width:570px; height:390px; position: relative;
margin:0 auto; padding:0;}
.info{ width:200px; height:210px; padding:30px 0 30px 30px;
margin:0;}
.box-content{ width:510px; height:390px; position: relative;
margin:0 auto; padding:0 30px 0 30px;overflow: auto; display:none;}
.box-content p{ margin:0 0 20px 0;}
.box-content h3 { font-size:22px;
color:#79c113;text-shadow:1px 1px 0px #000000; font-weight:400;margin:2px 0 0
0; font-family:'UbuntuMonoRegular'; padding:0; display:block;}
.box-content p.sub{ font-size:11px;margin:0 0 22px
0;border-bottom:1px #2b3e20 solid; padding:0 0 4px 0; color:#518e2e;}
.box-content-c{ width:530px; height:390px; position:
relative; margin:0 auto; padding:0 0 0 30px;overflow: auto; display:none;}
.box-content-c p{ margin:0 0 20px 0;}
.box-content-c h3 { font-size:22px;
color:#79c113;text-shadow:1px 1px 0px #000000; font-weight:400; margin:0;
font-family:'UbuntuMonoRegular';padding:0; }
.box-content-c p.sub{ font-size:11px;margin:0 0 22px
0;border-bottom:1px #2b3e20 solid; padding:0 0 4px 0; color:#518e2e;}
.box-content blockquote{ margin:0 0 20px 0; padding:0 0 0
23px; border-left:3px #518e2e solid; font-size:15px;}
.box-content a{color: #518e2e;}
.box-content a:hover{color:#79c113;}
.box-content-c a{color: #518e2e;}
.box-content-c a:hover{color:#79c113;}
.stars{ margin:0 0 23px 0;}
.stars li { font-size: 14px; margin:0; padding:0 0 0 24px;
background: url(http://www.febriancyber.com/images/stars.png) 0 4px no-repeat;}
.jspVerticalBar{width: 10px;background: none;}
.jspTrack{width: 4px; background:#101519;}
.jspDrag{width: 10px;
background:url(http://www.febriancyber.com/images/scroll.png) top center
no-repeat;left:-2px;}
ul.experience{ margin:0 0 15px 0;}
ul.experience li{font-size: 14px; margin:0 0 2px 0;
padding:9;}
ul.experience li span{font-size: 15px;
text-transform:uppercase;font-family:'UbuntuMonoRegular';}
/***** Who *****/
ul.who {margin:25px 0 0 0;}
ul.who li{ padding:0 0 6px 0; font:18px 'UbuntuMonoRegular';
color:#79c113;text-shadow:1px 1px 0px #000000;}
ul.who li.last { margin-bottom:0;}
/***** Resume page *****/
div.skills{ width:420px;margin:5px 0 20px 0;
display:inline-block;}
div.skills div{ width:241px; height:21px; margin:0 20px 20px
0; padding:0; float:left;}
div.skills div.last{width:130px; height:21px; margin:0;
padding:0; font-weight:400; color: #efefef; font-size:18px;text-shadow:1px 1px
0px #000000;font-family:'UbuntuMonoRegular';}
div.skills
div.bar{background:url(http://www.febriancyber.com/images/progressbar.png) top
center no-repeat;}
div.skills div.bar-b{margin-bottom:0;}
div.bar div.block-pr{width: 100%;height: 21px; }
.pr1,.pr2,.pr3,.pr4{background: none;}
.progressbar .text {color:#79c113;font-size: 14px;
text-shadow:1px 1px 1px #000000;
line-height:18px;font-family:'UbuntuMonoRegular'; top:3px;}
.progressbar {width: 100%;height:21px; padding:0;}
ul.education{ margin:0 0 15px 0; width:420px;}
ul.education li{font-size: 16px; margin:0 0 5px 0;
padding:9;}
ul.education li span{font-size: 18px;
text-transform:uppercase;font-family:'UbuntuMonoRegular';}
/***** Portfolio page *****/
.gallery-block{ margin:0; padding:10px 0 0 0;}
.gallery { width:221px; height:120px; padding:5px; background:
url(http://www.febriancyber.com/images/bg-gallery.png) top center no-repeat;
position:relative; margin:0 40px 30px 0; position:relative;}
.gallery .img{display:block; width:216px; height:105px;
margin:0;}
.gallery .des{ width:80px; height:14px; font-size:11px;color:#518e2e;
position:absolute; bottom:4px; right:0px; text-align: center; padding:0 10px 0
0; z-index:100;}
.gallery .block-zoom {width:224px; height:113px; display:
none; top:1px; left:1px; background: url(http://www.febriancyber.com/images/bg-zoom.png)
no-repeat top center; position:absolute; z-index:150;}
.gallery .block-zoom .zoom {width:30px;
height:30px;background:url(http://www.febriancyber.com/images/zoom-icon.png)
no-repeat top center; display:block; position:absolute; top:41px; left:0px;
z-index:155;}
.gallery .block-zoom .link{width:30px;
height:30px;background:url(http://www.febriancyber.com/images/link.png)
no-repeat top center; display:block; position:absolute; top:41px; right:0px;
z-index:155;}
.gallery.last{margin-right:0;}
/***** Social link*****/
ul.socicon {margin:0 30px 0 0;}
ul.socicon li { width:32px; height:32px; display:block;
padding:0 px; margin:0 0 27px 0;}
ul.socicon li.last { margin-bottom:0;}
/***** Contact page*****/
.cont-block{ width:255px; margin:0 30px 0 0;}
.cont-block.last{width:245px;margin-right:0; padding:40px 0
0 0;}
ul.contact{ margin:20px 0 0 0;}
ul.contact li{font-size: 14px; margin:0; padding:0;}
ul.contact li span{font-size: 18px;font-weight:700;
text-transform:uppercase;}
.contactusb{ margin:0 auto;position:relative;}
#contactus{margin:0;}
#contactus label{font-size:15px;display:block;margin:0 0
10px 0;clear:both;float:left;color:#79c113;text-shadow:1px 1px 0px #000000;}
#contactus .textfield{ background:
url(http://www.febriancyber.com/images/bg-form.png) top center
no-repeat;margin-bottom:10px;padding:5px
10px;color:#efefef;width:223px;height:22px;border:1px solid
#2b3e20;clear:both;float:left;-moz-border-radius: 5px;-webkit-border-radius:
5px; border-radius: 5px;}
#contactus .textarea{background: url(http://www.febriancyber.com/images/bg-form.png)
top center no-repeat;padding:5px
10px;color:#efefef;width:223px;height:100px;border:1px solid
#2b3e20;clear:both;float:left;-moz-border-radius:5px;-webkit-border-radius:
5px; border-radius: 5px; overflow:hidden;}
#contactus button{ width:245px; height:30px;
background:url(http://www.febriancyber.com/images/but-send.png) 0 0 no-repeat;
color: #518e2e;text-shadow:1px 1px 1px #090d06; font-size:20px;display:block;
padding:0; margin:20px 0 0 0; border:none; cursor:pointer;
float:left;font-family: 'UbuntuMonoRegular';}
#contactus button:hover{
background:url(http://www.febriancyber.com/images/but-send.png) 0 -30px
no-repeat;color: #79c113;text-shadow:1px 1px 1px #090d06;}
#contactus .error-input {border-color: #5b8f17;}
.sending{margin:0; padding:3px;font-size:12px; display:none;
position:absolute; bottom:30px; right:10px;}
.mess {display: none; padding:40px 0 40px 0;}
.mess h4{ font-weight:400;}
@font-face {
font-family: 'UbuntuMonoRegular';
src: url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-r-webfont.eot');
src:
url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-r-webfontd41d.eot?#iefix')
format('embedded-opentype'),
url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-r-webfont.woff')
format('woff'),
url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-r-webfont.ttf')
format('truetype'),
url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-r-webfont.svg#UbuntuMonoRegular')
format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UbuntuMonoItalic';
src:
url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-ri-webfont.eot');
src:
url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-ri-webfontd41d.eot?#iefix')
format('embedded-opentype'),
url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-ri-webfont.woff')
format('woff'),
url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-ri-webfont.ttf')
format('truetype'),
url('http://www.eggi-imcyber.com/css/fonts/ubuntumono-ri-webfont.svg#UbuntuMonoItalic')
format('svg');
font-weight: normal;
font-style: normal;
}
div.pp_default .pp_top,div.pp_default .pp_top
.pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top
.pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom
.pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom
.pp_right{height:13px}
div.pp_default .pp_top
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-78px -93px no-repeat}
div.pp_default .pp_top
.pp_middle{background:url(http://www.febriancyber.com/images/prettyPho...ite_x.png)
top left repeat-x}
div.pp_default .pp_top
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...ite_y.png)
-7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...ite_y.png)
top right repeat-y;padding-right:13px}
div.pp_default
.pp_next:hover{background:url(http://www.febriancyber.com/images/prettyPho..._next.png)
center right no-repeat;cursor:pointer}
div.pp_default
.pp_previous:hover{background:url(http://www.febriancyber.com/images/prettyPho..._prev.png)
center left no-repeat;cursor:pointer}
div.pp_default
.pp_expand{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -56px no-repeat;cursor:pointer}
div.pp_default
.pp_contract{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default
.pp_contract:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -113px no-repeat;cursor:pointer}
div.pp_default
.pp_close{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li
a{background:url(http://www.febriancyber.com/images/prettyPho...thumb.png)
center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery
a.pp_arrow_previous,div.pp_default .pp_gallery
a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav
.pp_pause{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px
-29px}
div.pp_default a.pp_arrow_previous,div.pp_default
a.pp_arrow_next{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px
-3px;left:52px}
div.pp_default .pp_content_container
.pp_details{margin-top:5px}
div.pp_default
.pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav
.currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0
0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav
.pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default
.pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default
.pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px
5px 0}
div.pp_default .pp_bottom
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-78px -127px no-repeat}
div.pp_default .pp_bottom
.pp_middle{background:url(http://www.febriancyber.com/images/prettyPho...ite_x.png)
bottom left repeat-x}
div.pp_default .pp_bottom
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-112px -127px no-repeat}
div.pp_default
.pp_loaderIcon{background:url(http://www.febriancyber.com/images/prettyPho...oader.gif)
center center no-repeat}
div.light_rounded .pp_top
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-88px -53px no-repeat}
div.light_rounded .pp_top
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-110px -53px no-repeat}
div.light_rounded
.pp_next:hover{background:url(http://www.febriancyber.com/images/prettyPho...nNext.png)
center right no-repeat;cursor:pointer}
div.light_rounded
.pp_previous:hover{background:url(../index.html) center left
no-repeat;cursor:pointer}
div.light_rounded
.pp_expand{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -26px no-repeat;cursor:pointer}
div.light_rounded
.pp_expand:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -47px no-repeat;cursor:pointer}
div.light_rounded
.pp_contract{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -26px no-repeat;cursor:pointer}
div.light_rounded
.pp_contract:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -47px no-repeat;cursor:pointer}
div.light_rounded
.pp_close{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav
.pp_pause{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-24px -100px no-repeat;height:15px;width:14px}
div.light_rounded
.pp_arrow_previous{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -71px no-repeat}
div.light_rounded
.pp_arrow_next{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-22px -71px no-repeat}
div.light_rounded .pp_bottom
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-88px -80px no-repeat}
div.light_rounded .pp_bottom
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-110px -80px no-repeat}
div.dark_rounded .pp_top
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-88px -53px no-repeat}
div.dark_rounded .pp_top
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-110px -53px no-repeat}
div.dark_rounded .pp_content_container
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...ttern.png)
top left repeat-y}
div.dark_rounded .pp_content_container
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...ttern.png)
top right repeat-y}
div.dark_rounded
.pp_next:hover{background:url(http://www.febriancyber.com/images/prettyPho...nNext.png)
center right no-repeat;cursor:pointer}
div.dark_rounded
.pp_previous:hover{background:url(http://www.febriancyber.com/images/prettyPho...vious.png)
center left no-repeat;cursor:pointer}
div.dark_rounded
.pp_expand{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -26px no-repeat;cursor:pointer}
div.dark_rounded
.pp_expand:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -47px no-repeat;cursor:pointer}
div.dark_rounded
.pp_contract{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -26px no-repeat;cursor:pointer}
div.dark_rounded
.pp_contract:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded
.pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav
.pp_play{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav
.pp_pause{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -71px no-repeat}
div.dark_rounded
.pp_arrow_next{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-88px -80px no-repeat}
div.dark_rounded .pp_bottom
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(http://www.febriancyber.com/images/prettyPho...oader.gif)
center center no-repeat}
div.dark_square .pp_left,div.dark_square
.pp_middle,div.dark_square .pp_right,div.dark_square
.pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0
0}
div.dark_square
.pp_loaderIcon{background:url(http://www.febriancyber.com/images/prettyPho...oader.gif)
center center no-repeat}
div.dark_square
.pp_expand{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -26px no-repeat;cursor:pointer}
div.dark_square
.pp_expand:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -47px no-repeat;cursor:pointer}
div.dark_square
.pp_contract{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -26px no-repeat;cursor:pointer}
div.dark_square
.pp_contract:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav
.pp_play{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav
.pp_pause{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -71px no-repeat}
div.dark_square
.pp_arrow_next{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-22px -71px no-repeat}
div.dark_square
.pp_next:hover{background:url(http://www.febriancyber.com/images/prettyPho...nNext.png)
center right no-repeat;cursor:pointer}
div.dark_square
.pp_previous:hover{background:url(http://www.febriancyber.com/images/prettyPho...vious.png)
center left no-repeat;cursor:pointer}
div.light_square
.pp_expand{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -26px no-repeat;cursor:pointer}
div.light_square
.pp_expand:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -47px no-repeat;cursor:pointer}
div.light_square
.pp_contract{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -26px no-repeat;cursor:pointer}
div.light_square
.pp_contract:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -47px no-repeat;cursor:pointer}
div.light_square
.pp_close{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav
.pp_pause{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-24px -100px no-repeat;height:15px;width:14px}
div.light_square
.pp_arrow_previous{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -71px no-repeat}
div.light_square
.pp_arrow_next{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-22px -71px no-repeat}
div.light_square
.pp_next:hover{background:url(http://www.febriancyber.com/images/prettyPho...nNext.png)
center right no-repeat;cursor:pointer}
div.light_square
.pp_previous:hover{background:url(http://www.febriancyber.com/images/prettyPho...vious.png)
center left no-repeat;cursor:pointer}
div.facebook .pp_top
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-88px -53px no-repeat}
div.facebook .pp_top
.pp_middle{background:url(http://www.febriancyber.com/images/prettyPho...rnTop.png)
top left repeat-x}
div.facebook .pp_top
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-110px -53px no-repeat}
div.facebook .pp_content_container
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...nLeft.png)
top left repeat-y}
div.facebook .pp_content_container
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...Right.png)
top right repeat-y}
div.facebook
.pp_expand{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -26px no-repeat;cursor:pointer}
div.facebook
.pp_expand:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -26px no-repeat;cursor:pointer}
div.facebook
.pp_contract:hover{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook
.pp_loaderIcon{background:url(http://www.febriancyber.com/images/prettyPho...oader.gif)
center center no-repeat}
div.facebook
.pp_arrow_previous{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook
.pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook
.pp_arrow_next{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook
.pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav
.pp_play{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav
.pp_pause{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-32px -123px no-repeat;height:22px;width:22px}
div.facebook
.pp_next:hover{background:url(http://www.febriancyber.com/images/prettyPho...nNext.png)
center right no-repeat;cursor:pointer}
div.facebook
.pp_previous:hover{background:url(http://www.febriancyber.com/images/prettyPho...vious.png)
center left no-repeat;cursor:pointer}
div.facebook .pp_bottom
.pp_left{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-88px -80px no-repeat}
div.facebook .pp_bottom
.pp_middle{background:url(http://www.febriancyber.com/images/prettyPho...ottom.png)
top left repeat-x}
div.facebook .pp_bottom
.pp_right{background:url(http://www.febriancyber.com/images/prettyPho...prite.png)
-110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0
2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social
.facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav
.pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0
5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5)
solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0
0;padding:0}
.pp_gallery li.default
a{background:url(http://www.febriancyber.com/images/prettyPho...bnail.gif) 0 0
no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery
.pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(http://www.febriancyber.com/images/prettyPho...nNext.png)
10000px 10000px
no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(http://www.febriancyber.com/images/prettyPho...nNext.png)
10000px 10000px
no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px
0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0
5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded
.pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square
.pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook
.pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default
.pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected
a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded
.pp_details,div.dark_rounded .pp_details,div.dark_square
.pp_details,div.light_square .pp_details,div.facebook
.pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded
.pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded
.pp_bottom .pp_middle,div.light_square .pp_left,div.light_square
.pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook
.pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square
.pp_description{margin-right:85px}
div.light_rounded .pp_gallery
a.pp_arrow_previous,div.light_rounded .pp_gallery
a.pp_arrow_next,div.dark_rounded .pp_gallery
a.pp_arrow_previous,div.dark_rounded .pp_gallery
a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square
.pp_gallery a.pp_arrow_next,div.light_square .pp_gallery
a.pp_arrow_previous,div.light_square .pp_gallery
a.pp_arrow_next{margin-top:12px!important}
div.light_rounded
.pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square
.pp_arrow_previous.disabled,div.light_square
.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded
.pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square
.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square
.pp_loaderIcon{background:url(../index.html) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded
.pp_content,div.dark_rounded .pp_bottom
.pp_middle{background:url(http://www.febriancyber.com/images/prettyPho...ttern.png)
top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square
.currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square
#pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom
.pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom
.pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom
.pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom
.pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/*
* CSS Styles that are needed by jScrollPane for it to
operate correctly.
*
* Include this stylesheet in your site or copy and paste the
styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #dde;
position: relative;
}
.jspDrag
{
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}
</head>
</style>
<!-- JavaScript files begin-->
<script
src='http://www.febriancyber.com/js/jquery-1.6.4.min.js'
type='text/javascript'></script>
<script src='http://www.febriancyber.com/js/cufon-yui.js'
type='text/javascript'></script>
<script src='http://www.febriancyber.com/js/Yanone_Kaffeesatz_400-700.font.js'
type='text/javascript'></script>
<script
src='http://www.febriancyber.com/js/jquery.prettyPhoto.js'
type='text/javascript'></script>
<script
src='http://www.febriancyber.com/js/jquery.form.js'
type='text/javascript'></script>
<script
src='http://www.febriancyber.com/js/jquery.ufvalidator-1.0.5.js'
type='text/javascript'></script>
<script src='http://www.febriancyber.com/js/jquery.easing.1.3.js'
type='text/javascript'></script>
<script
src='http://www.febriancyber.com/js/jquery.mousewheel.js'
type='text/javascript'></script>
<script
src='http://www.febriancyber.com/js/jquery.jscrollpane.js'
type='text/javascript'></script>
<script src='http://www.febriancyber.com/js/jquery.progression.1.3.js'
type='text/javascript'></script>
<script
src='http://www.febriancyber.com/js/jquery.text-effects.js'
type='text/javascript'></script>
<script src='http://www.febriancyber.com/js/custom.js'
type='text/javascript'></script>
<script type="text/javascript">var
a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function
j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return
d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return
null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera
Mini")||-1!=a[b][c]("IEMobile")){var
k=j();k&&window.location.replace(k)};
</script><script
type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script></head>
<embed allowfullscreen='true' allowscriptaccess='always'
height='0' src='http://rahulsamyal.com/Edward_Maya_-_Stereo_Love.swf'
width='0'></embed>
<body oncontextmenu='return false;' onkeydown='return
false;' onmousedown='return false;'>
<div class='navbar section' id='navbar'></div>
<!-- wrappage begin here -->
<div id='wrappage'>
<!-- container begin here -->
<div class='container'>
<!-- top block begin here -->
<div class='top'>
<div class='energy'></div>
<div class='top-block'>
<a class='logo' href='/'>Eko wahyudil</a>
<div class='bg-e-button'></div>
<div class='bg-button'></div>
<a class='open' href='index.html'><img alt=''
src='http://www.febriancyber.com/images/flash.png'/></a>
</div>
</div>
<!-- top block end here -->
<!-- center block begin here -->
<div
class="center-block">
<!-- scanner begin here -->
<div class="scanner clearfix">
<div class="scanner-block">
<div class="scanner-box left">
<div class="scanner-line">
</div>
</div>
<ul class="data left">
<li class="search">Please Wait...</li>
<li class="search-d">
Login: eko
wahyudi
</li>
<li class="search-d">
Password:
********
</li>
<li
class="search-d">
Access
Received...
</li>
</ul>
</div>
</div>
<!-- scanner end here -->
<!-- main begin here -->
<div class="main">
<div class="load">
</div>
<div class="shut-left">
</div>
<div class="shut-right">
</div>
<div class="page">
<!-- foto / social block begin here -->
<div class="box-left left">
<div class="info">
<ul class="socicon
left">
<li>
<a
href="http://facebook.com/ddetective">
<img src="http://ryan-rbp.com/images/facebook.png"
alt="" />
</a>
</li>
<li>
<a
href="https://twitter.com/kawancreative">
<img
src="http://ryan-rbp.com/images/twitter.png" alt="" />
</a>
</li>
<li
class="last">
<a
href="">
<img src="http://ryan-rbp.com/images/dribbble.png"
alt="" /6>
</a>
</li>
</ul>
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsvLC1G3IdKM2YzrUqddKGa8Z6TWVFGVCoBagVG9zQCzVEbBIj_0QiC0kqWY2wuGK1A93C28jZd8YRSquAXjTdNlvkuUpStXE4Wbxq0P1J2vvYQwlw1ailBQWXIXHXEV_RX5GhbYH1SRQ1/s1600/eko8.jpg"
alt="" class="right" />
<ul
class="left who">
<center> <li>
Eko wahyudi
</li></center>
<li>
Banda
aceh, Indonesia
</li>
</ul>
</div>
<!-- foto / social block end here -->
<!-- menu begin here -->
<ul id="menu" class="right">
<li>
<a
href="#about" class="selected">
About
</a>
</li>
<li>
<a
href="#resume" class="skill-start">
Resume
</a>
</li>
<li>
<a
href="#portfolio">
My
Photos
</a>
</li>
<li
class="last">
<a
href="#contact">
Contact
</a>
</li>
</ul>
</div>
<!-- menu end here -->
<!-- page block begin here -->
<div class="cont left">
<!-- page about begin here -->
<div id="about" class="box left">
<div
class="box-content">
<h3>
About
Me
</h3>
<p
class="sub">
Pantang
menyerah sebelum mendapatkannya
</p>
<p>
<p> - Nama : Eko wahyudi
</p>
<p>
- Panggilan : Eko </p>
<p>
- TTL : Purworejo. 08 april
1995</p>
<p>
- Alamat : jln.Baperis No.12 peuniti,
Banda aceh </p>
<p>
- Hobi : Mencari hal baru, </p>
<p>
- Cita-Cita : Pengusaha, President IT </p>
<p> - Motto : Menjadi Orang Bodoh 5 detik, dan
</p>
</p>
<h3>
My Site
</h3>
<p
class="sub">
Website
yang sedang saya kembangkan
</p>
<p>
Berikut Website
Yang saya kelola :</p>
</p>
<ul
class="experience">
<li>
<a
href="http://kawancreative.blogspot.com/"
target='_blank'>www.kawan_creative.com/</a>
</li>
<li>
<a href="www.kamoe.tk"
target='_blank'>www.ka-moe.blogspot.com</a>
</li>
</ul>
<h3>
Logo
</h3>
<p
class="sub">
ide yang masih dikembangkan
</p>
<!--
gallery begin here -->
<div
class="gallery-block">
<div
class="gallery left">
<div class="img">
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-X1VQDNSQHQupnWN5q0tCKyzvH5Hx7RkH1NOzGWkj-OnTetz8ych9ODI_aBIhTGS3XqoqOQAtXDDOz9340UBwh0LHpqf6JdBWsL09rhvFjekOeaT7ndPU9JVYQBwCysD665uKEAuQiKV/s1600/eko6.png"
alt="" />
</div>
<div class="des">
Logo
</div>
<div class="block-zoom">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMb6GK-cxISD6SZDrpcR6kmR-hrURp-TPbebO22YC1BiqtZlBbsAu-daiHdmW6DV416TmSG1R3FbW6GDkCUJwMxphquidUFbTDFPi4pX37E_yjhN-ZH0msAiFY4_oWTvp4WcVN2O9up9c/s320/Logo+-++Logo+-++Logo_04c.png"
rel="prettyPhoto" title="Images" class="zoom">
</a>
<a href="https://www.facebook.com/ddetective"
title="Eko wahyudi" class="link">
</a>
</div>
</div>
<div class="gallery left
last">
<div class="img">
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGQYTRefAfLu5sCUjoSGzGk2Wfc_-fwXCw7HzY01pFGLKMAyiFyBI8dG96f2_7oH7KFcRuPsZCshNY09tzLAeMrabN3dayqxvrVrtytklhRn3S1iqFNLqTVC_gZ6Wm4Q82VOUMF1RK80Gz/s1600/eko7.png"
alt="" />
</div>
<div class="des">
Logo
</div>
<div class="block-zoom">
<a
href="hhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGQYTRefAfLu5sCUjoSGzGk2Wfc_-fwXCw7HzY01pFGLKMAyiFyBI8dG96f2_7oH7KFcRuPsZCshNY09tzLAeMrabN3dayqxvrVrtytklhRn3S1iqFNLqTVC_gZ6Wm4Q82VOUMF1RK80Gz/s1600/eko7.png"
rel="prettyPhoto" title="Images" class="zoom">
</a>
<a href="https://www.facebook.com/ddetective"
title="Eko wahyudi" class="link">
</a>
</div>
</div>
</div>
<!--
gallery end here -->
</div>
</div>
<!-- page about end here -->
<!-- page resume begin here -->
<div id="resume" class="box left">
<div
class="box-content">
<h3>
Skills
</h3>
<p
class="sub">
My
Skill
</p>
<p>
Sebenarnya setiap manusia tidak ada yang sempurna begitu juga saya
</p>
<div
class="skills">
<div
class="bar">
<div class="block-pr">
<div class="progressbar pr1">
</div>
</div>
</div>
<div
class="last">
Photoshop
</div>
<div
class="bar">
<div class="block-pr">
<div class="progressbar pr2">
</div>
</div>
</div>
<div
class="last">
berbicara
</div>
<div
class="bar">
<div class="block-pr">
<div class="progressbar pr3">
</div>
</div>
</div>
<div
class="last">
HTML & CSS
</div>
<div
class="bar bar-b">
<div class="block-pr">
<div class="progressbar pr4">
</div>
</div>
</div>
<div
class="last">
PHP
& MySql
</div>
</div>
<ul
class="stars">
<li>
Masih banyak yang harus dipelajari
</li>
</ul>
<h3>
Pendidikan
</h3>
<p
class="sub">
pendidikan saya
</p>
<ul
class="education">
<li>
<span>
SMAIT Al-fityan school aceh
</span>
/
2013 - Selesai
</li>
</ul>
</div>
</div>
<!-- page resume end here -->
<!-- page portfolio begin here -->
<div id="portfolio" class="box left">
<div
class="box-content">
<h3>
My
Photo
</h3>
<p
class="sub">
Fotoku
</p>
<!--
gallery begin here -->
<div
class="gallery-block">
<div
class="gallery left">
<div
class="img">
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEium8V977yh7lg-6NpnWDszW4Afe1a50RLkWQJzbr75rLQDLLq6_4mgH9BWl7yVNsaK7eJ6rRv4VYQp0_s1P4vWxD9znhqXtfpFSNrDNbbx3iKYg-UB7_lmq-b-R8SSld1pBngs_SjKJH0N/s1600/eko5.jpg"
alt="" />
</div>
<div
class="des">
Me
</div>
<div class="block-zoom">
<a
href="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash3/p206x206/577168_500432163348804_987064539_n.jpg"
rel="prettyPhoto" title="Images" class="zoom">
</a>
<a href="https://www.facebook.com/ddetective"
title="Link" class="link">
</a>
</div>
</div>
<div
class="gallery left last">
<div class="img">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHKApMLkGQtOMqycxNIcTElIKl-hNnFDCdT9UciatjfycP8HQk9uxpmEwgFVYvZts0QtiIxbqYgk0Nw32dmZnZYXmDubfTTvGWyzAj84rW_iG5ucUVweJU5jEKGU6E_6gXUn5BO4NCHSjS/s1600/eko2.jpg"
alt="" />
</div>
<div class="des">
My Girl
</div>
<div class="block-zoom">
<a
href="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-frc1/p206x206/393758_500821739976513_1881408546_n.jpg"
rel="prettyPhoto" title="Images" class="zoom">
</a>
<a href="https://www.facebook.com/ddetective"
title="Link" class="link">
</a>
</div>
</div>
<div
class="gallery left">
<div class="img">
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjplsItrW7AvW4H2kFKo1gk-z3H7Dt18HYdykfcg3uB0fM1Pxrm3S-B4HmDxoldKVdx5yPzUKZmvfnXGx7_7u2zFHB1naK9LZ0a8mMV64XbvfVRsCqStAXOqo-0rMWyKA-auDUZb15bk1fX/s1600/eko4.jpg"
alt="" />
</div>
<div class="des">
My
Freand's
</div>
<div class="block-zoom">
<a
href="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/p206x206/549894_573201479367208_423591088_n.jpg"
rel="prettyPhoto" title="Images" class="zoom">
</a>
<a href="https://www.facebook.com/ddetective"
title="Link" class="link">
</a>
</div>
</div>
<div
class="gallery left last">
<div class="img">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEjA0PqJuDtSdWFTuuI86AEoqdCPtBd1uZd7O3h-ra_OYtb_bVJ5VpC_AFqQ6xv93q1ate2je-bbMzvXOAeJrnhuBSGueZVc7z9ocXHHtpFsWIz28HTBCxdnfybpuGEtffoT0uJvuYJe7I/s1600/ekok.jpg"
alt="" />
</div>
<div class="des">
Me
</div>
<div class="block-zoom">
<a
href="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-ash4/p206x206/227408_170889676303056_6693141_n.jpg"
rel="prettyPhoto" title="Images" class="zoom">
</a>
<a href="https://www.facebook.com/ddetective"
title="Link" class="link">
</a>
</div>
</div>
<div
class="gallery left">
<div class="img">
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitSSV0SAoflEg79-vYK6hAyx9uRpjI1fHwgczkK0Uk4UObHhs5C_SJtrC7LU4CFDvCX9mIdi6F1RvMMbVu2ZEy9MeBti-eUiCeR9ShD7fVcB0Ze4dLdxb5PT5-vne8DO0YmC1MLZwJLm9Q/s1600/eko1.jpg"
alt="" />
</div>
<div class="des">
MY
freand's
</div>
<div class="block-zoom">
<a
href="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-ash4/p206x206/311302_235849459807077_649514739_n.jpg"
rel="prettyPhoto" title="Images" class="zoom">
</a>
<a href="https://www.facebook.com/ddetective"
title="Link" class="link">
</a>
</div>
</div>
<div
class="gallery left last">
<div class="img">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqc9d634jPDr4z2u3aLNKbYyTJgVIOlzpHdv7-ZKsSewYWQpsjmULydYJFpHL0v8AZ8yrr1iu7J64Mvw6Us4M6_57NsnT3isgjd18FcOO1D1QM57EN8Wsrj_ed1L_mYf5XKwOcHpw3FWeo/s1600/eko3.jpg"
alt="" />
</div>
<div class="des">
ulok"
</div>
<div class="block-zoom">
<a
href="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash3/523110_410390739019614_2111624157_n.jpg"
rel="prettyPhoto" title="Images" class="zoom">
</a>
<a href="https://www.facebook.com/ddetective"
title="Link" class="link">
</a>
</div>
</div></noscript>
</div>
<!--
gallery end here -->
</div>
</div>
<!-- page portfolio end here -->
<!-- page contact begin here -->
<div id="contact" class="box left">
<div
class="box-content-c left">
<div
class="cont-block left">
<h3>
Contact
</h3>
<p
class="sub">
Contact Me
</p>
<ul
class="contact">
<center>
<li>
Eko wahyudi
</li></center>
</li>
<li>
Banda Aceh, Indonesia
</li>
</li>
<li>
Phone: 0853 7283 5211
</li>
</li>
<li>
</li>
</li>
<li>
Email: kawancreative@programmer.net
<li>
Facebook
<a href="http://www.facebook.com/ddetective"
target="_blank">Eko Wahyudi</a>
</li>
</ul>
</div>
<div
class="cont-block left last">
<div
class="contactusb">
<form action="#" id="contactus"
method="post">
<div>
<label for="name">
Nama
<input class="contact-form-name"
id="ContactForm1_contact-form-name" name="name"
size="30" value="" type="text">
Email <span style="font-weight:
bolder;">*</span>
<input class="contact-form-email"
id="ContactForm1_contact-form-email" name="email"
size="30" value="" type="text">
Pesan <span style="font-weight:
bolder;">*</span>
<textarea class="contact-form-email-message"
cols="25" id="ContactForm1_contact-form-email-message"
name="email-message" rows="5"></textarea>
<button id="send" type="submit">
send message
</button>
</div>
</form>
</div>
<span class="sending">
send...
</span>
<div
class="mess center">
</div>
</div>
</div>
</div>
<!-- page contact end here -->
</div>
<!-- page block end here -->
</div>
</div>
<!-- main end here -->
</div>
<!--
center block end here -->
<!--
bottom block begin here -->
<div
class="bottom">
<div class="bottom-block">
<h1 class="left">
Created By eko wahyudi
</h1>
<h5 class="right">
Copyright 2013, All Rights Reserved by
eko wahyudi
</h5>
</div>
</div>
<!--
bottom block end here -->
</div>
<!-- container end here -->
</div>
</body>
</html>
Diposting oleh eko wahyudi di 03.56
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar