<!DOCTYPE html>
<html lang="en-US" prefix="og: http://ogp.me/ns#">  
<head>
<title>Devbook • Devy Setiawan | UI/UX Designer | Full Stack Developer</title>
<meta charset="UTF-8" />
<meta name="author" content="Devy Setiawan" />
<meta name="description" content="Devbook • Devy Setiawan | Devy Setiawan Living in Jakarta and Bandung, Indonesia. A full-stack developer with more than 10 year (since 2009) experience in UI/UX design and interactive web apps." />
<meta name="keywords" content="ui/ux, full, stack, developer, frontend, backend, server, database, web, apps, developer, graphic, design, designer, portofolio, portfolio, application, mobile, native, framework, open, source, indonesia, jakarta, bandung, proposal, inquiry, business">
<meta property="og:url" content="https://devbook.net/"/>
<meta property="og:title" content="Devbook • Devy Setiawan | UI/UX Designer | Full Stack Developer" />
<meta property="og:site_name" content="Devbook" />
<meta property="og:description" content="Devbook • Devy Setiawan | Devy Setiawan Living in Jakarta and Bandung, Indonesia. A full-stack developer with more than 10 year (since 2009) experience in UI/UX design and interactive web apps." />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://devbook.net/wp-content/themes/devbook/images/og.jpg" /> 
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@viemonsta" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="ScreenOrientation" content="autoRotate:disabled">
<meta name="google-site-verification" content="qmCerFyK-dnBZjLMeoZJ7S_3UpbZuB4DFreULCNXVlo" />
<link rel="profile" href="https://gmpg.org/xfn/11" />
<link rel="icon" type="image/png" sizes="32x32" href="https://devbook.net/wp-content/themes/devbook/images/favicon.png">
<link rel="icon" type="image/x-icon" sizes="16x16" href="https://devbook.net/wp-content/themes/devbook/images/favicon.ico">
<link rel="apple-touch-icon" href="https://devbook.net/wp-content/themes/devbook/images/favicon.png">
<link rel="pingback" href="https://devbook.net/xmlrpc.php" />
<meta name='robots' content='max-image-preview:large' />
<link rel="alternate" type="application/rss+xml" title="Devbook • Devy Setiawan &raquo; Feed" href="https://devbook.net/feed/" />
<link rel="alternate" type="application/rss+xml" title="Devbook • Devy Setiawan &raquo; Comments Feed" href="https://devbook.net/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://devbook.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdevbook.net%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://devbook.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdevbook.net%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="wp-block-paragraph-inline-css">
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://devbook.net/wp-includes/blocks/paragraph/style.min.css */
</style>


<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='contact-form-7-css' href='https://devbook.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.2' media='all' />
<link rel="https://api.w.org/" href="https://devbook.net/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://devbook.net/wp-json/wp/v2/pages/7" />
<link rel="canonical" href="https://devbook.net/" />
<link rel="preload stylesheet" as="style" type="text/css" media="all" href="https://devbook.net/wp-content/themes/devbook/css/uikit.min.css" />
<link rel="preload stylesheet" as="style" type="text/css" media="all" href="https://devbook.net/wp-content/themes/devbook/style.css" />
<script rel="preload" as="script" async src="https://www.googletagmanager.com/gtag/js?id=G-J05SNQT69D"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-J05SNQT69D');
</script>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-58W7DFN');</script>
</head>
<body id="atas" class="home wp-singular page-template-default page page-id-7 wp-theme-devbook wp-embed-responsive">
<noscript><iframe rel="preload" as="document" src="https://www.googletagmanager.com/ns.html?id=GTM-58W7DFN"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div id="container">
<header class="uk-width-1-1 main-header">
<div class="uk-container-expand">
<div class="uk-width-1-1 uk-child-width-1-3 uk-flex uk-flex-center uk-flex-middle uk-flex-nowrap balarusa-headmenu-d">
<div class="balarusa-mainmenu fsedang fndemi"><div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"><li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="https://devbook.net/work/">Work</a></li>
<li id="menu-item-15" class="uk-hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a href="#">Blog</a></li>
<li id="menu-item-30" class="addtoggle menu-item menu-item-type-custom menu-item-object-custom menu-item-30"><a href="#contact">Contact</a></li>
</ul></div></div>
<h1 class="hsedang uk-text-center fnbold minspasi"><a alt="Devy Setiawan" href="https://devbook.net/">devbook</a></h1>
   
<div class="uk-flex uk-flex-middle uk-flex-right uk-flex-1 uk-position-relative">
    <label class="uk-switch" for="mode">
        <input type="checkbox" id="mode">
        <div class="uk-switch-slider uk-flex uk-flex-between uk-flex-center"><span class="sun uk-flex"><img src="https://devbook.net/wp-content/themes/devbook/images/svg/sun.svg" alt="Light Mode" width="16px" height="16px" uk-svg></span><span class="moon uk-flex"><img src="https://devbook.net/wp-content/themes/devbook/images/svg/moon.svg" alt="Dark Mode" width="16px" height="16px" uk-svg></span></div>
    </label>
</div>
</div>

<div class="uk-width-1-1 uk-child-width-1-3 uk-flex uk-flex-center uk-flex-middle uk-flex-nowrap fnreg balarusa-headmenu-m">
<div class="balarusa-mainmenu uk-flex uk-flex-middle">
	<div class="balarusa-search uk-flex uk-flex-middle"><a aria-label="Open Search" href="javascript:void(0)" onclick="openCari()" uk-icon="search"></a></div>
</div>
<h1 class="hsedang uk-text-center fnbold minspasi"><a alt="Devy Setiawan" href="https://devbook.net/">devbook</a></h1>
 
<div class="uk-flex uk-flex-middle uk-flex-1 uk-flex-row-reverse balarusa-headmenu">
	<div class="balarusa-popmenu uk-flex uk-flex-middle"><a aria-label="Open Menu" href="#fullmenu" uk-toggle uk-icon="menu"></a></div>
	<div class="mobilemode uk-flex uk-flex-middle">
		<label class="uk-switch" for="mode">
    		<input type="checkbox" class="mode">
        	<div class="switch-mode"></div>
		</label>
	</div>
</div>
</div>
</div>
</header>

<div id="pop-cari" class="popcari bg-full hitam">
<div class="uk-container">
	<div class="uk-position-small uk-position-top-right"><a aria-label="Close Search" href="javascript:void(0)" onclick="closeCari()"><span uk-icon="icon: close; ratio: 1.5"></span></a></div>
	<div class="uk-position-small uk-position-top-center">
		<div class="hsedang uk-text-center hitam fnbold minspasi">devbook</div>
	</div>
	<div class="bg-full uk-flex uk-flex-center uk-flex-middle uk-flex-column">
	<div class="hbesar fnbold uk-margin uk-grid-small uk-child-width-1-1 uk-child-width-auto@s" uk-grid><span>What</span><span>Are You</span><span class="devtext">Looking</span><span>For?</span></div>
	<form class="uk-search uk-width-1-1" name="search" method="get" action="https://devbook.net/">
		<span class="uk-search-icon-flip" uk-search-icon></span>
		<label for="searching">
		<input id="searching" class="uk-search-input hkecil lh-small" type="text" name="s" autocomplete="off" onblur="if (this.value == '') {this.value = 'Type to search..';}"
onfocus="if(this.value == 'Type to search..') {this.value = '';}" value="Type to search.." />
        </label>
	</form>
	</div>
</div>
</div>

<div id="fullmenu" uk-offcanvas="overlay: true; flip: true; mode: slide;">
	<div class="uk-offcanvas-bar fullmenu hitam uk-background-default">
	<button class="uk-offcanvas-close hitam uk-close-large" type="button" uk-close></button>
	<div class="burger-menu fnbold non-opacity">
		<div class="menu-full-menu-container"><ul id="menu-full-menu" class="menu"><li id="menu-item-416" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-416"><a href="https://devbook.net/about/">Profile</a></li>
<li id="menu-item-25" class="devtext menu-item menu-item-type-custom menu-item-object-custom menu-item-25"><a href="https://devbook.net/work/">Work</a></li>
<li id="menu-item-26" class="uk-hidden menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-26"><a href="#">Blog</a>
<ul class="sub-menu">
	<li id="menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28"><a href="#">Category one</a></li>
	<li id="menu-item-29" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29"><a href="#">Category two</a></li>
</ul>
</li>
<li id="menu-item-27" class="addtoggle menu-item menu-item-type-custom menu-item-object-custom menu-item-27"><a href="#contact">Contact</a></li>
</ul></div>	</div>
	<div class="menu-testi fnbold fbesar non-opacity"><a class="uk-flex-middle uk-grid-small" alt="Send Comment" href="#sendtesti" uk-toggle uk-grid><span uk-icon="icon: commenting"></span> <span>Send Testimony</span></a></div>
	<div class="fullmenu-footer abu">
		<span class="sosmed uk-flex uk-flex-middle non-opacity">
			<!--<a uk-tooltip="title:Instagram;pos:bottom;container:.fullmenu-footer" class="ig" alt="Instagram" target="_blank" href="https://www.instagram.com/"><span uk-icon="icon: instagram"></span></a>-->
			<!--<a uk-tooltip="title:Facebook;pos:bottom;container:.fullmenu-footer" class="fb" alt="Facebook" target="_blank" href="https://www.facebook.com/"><span uk-icon="icon: facebook"></span></a>-->
			<!--<a uk-tooltip="title:Twitter;pos:bottom;container:.fullmenu-footer" class="twt" alt="Twitter" target="_blank" href="https://twitter.com/"><span uk-icon="icon: twitter"></span></a>-->
			<a uk-tooltip="title:Send mail;pos:bottom;container:.fullmenu-footer" class="mail" alt="Mail" href="/cdn-cgi/l/email-protection#482c2d3e082c2d3e2a27272366262d3c"><span uk-icon="icon: mail"></span></a>
		</span>
	</div>
	</div>
</div>

<div class="menu-sidebar uk-flex uk-flex-stretch uk-flex-column">
	<div class="block-menu uk-flex uk-flex-column uk-flex-middle uk-flex-1">
		<div class="balarusa-popmenu uk-margin-bottom"><a uk-tooltip="title:Menu;pos:left;container:.block-menu" href="#fullmenu" aria-label="Open Menu" uk-toggle uk-icon="icon: menu; ratio: 1.2"></a></div>
		<div class="balarusa-search uk-margin-bottom"><a uk-tooltip="title:Search;pos:left;container:.block-menu" href="javascript:void(0)" onclick="openCari()" aria-label="Open Search" uk-icon="icon: search; ratio: 1.2"></a></div>
		<div class="balarusa-testi"><a uk-tooltip="title:Drop Testimony;pos:left;container:.block-menu" alt="Send Testimony" href="#sendtesti" aria-label="Send Testimony" uk-icon="icon: commenting; ratio: 1.2" uk-toggle></a></div>
	</div>
	<div class="connectme">
		<span class="sosmed uk-flex uk-flex-middle uk-flex-column non-opacity">
			<!--<a uk-tooltip="title:Instagram;pos:left;container:.connectme" class="ig" alt="Instagram" aria-label="Instagram" target="_blank" href="https://www.instagram.com/"><span uk-icon="icon: instagram"></span></a>-->
			<!--<a uk-tooltip="title:Facebook;pos:left;container:.connectme" class="fb" alt="Facebook" aria-label="Facebook" target="_blank" href="https://www.facebook.com/"><span uk-icon="icon: facebook"></span></a>-->
			<!--<a uk-tooltip="title:Twitter;pos:left;container:.connectme" class="twt" alt="Twitter" aria-label="Twitter" target="_blank" href="https://twitter.com/"><span uk-icon="icon: twitter"></span></a>-->
			<a uk-tooltip="title:Send mail;pos:left;container:.connectme" class="mail" alt="Mail" aria-label="Send Mail" href="/cdn-cgi/l/email-protection#4327263503272635212c2c286d2d2637"><span uk-icon="icon: mail"></span></a>
		</span>
	</div>
</div>

<div class="beranda">

<section class="y100 coverarea">
<div class="uk-container uk-width-1-1 uk-height-1-1">
<div class="intro devwrap-m uk-flex uk-flex-middle uk-flex-center uk-flex-column uk-width-1-1 uk-height-1-1">
<div class="profile-pic uk-margin-bottom"><img rel="preload" as="image" alt="Devy Setiawan" src="https://devbook.net/wp-content/themes/devbook/images/dev2.png" width="156px" height="156px"></div>
<h2>
	<p class="name fndemi">Devy Setiawan</p>
	<p class="skill fndemi"><span class="abu">Full-Stack</span> Developer.</p>
</h2>
<div class="abouthome uk-flex uk-flex-middle uk-flex-column uk-flex-row@s">
<div class="fndemi hsedang uk-margin-right uk-margin-remove-right-s hitam">ABOUT</div>
<div class="aboutdivider uk-margin-left uk-margin-right uk-visible@m"></div>
<h3 id="aboutme" class="fbesar uk-text-left uk-margin-left uk-margin-remove-left-s uk-margin-top uk-margin-remove-top@s abu">Living in Jakarta and Bandung, Indonesia. A full-stack developer with more than 10 year (since 2009) experience in UI/UX design and interactive web apps.
 <a href="https://devbook.net/about">See Profile &rarr;</a></h3>
</div>
</div>
</div>
</section>

<div class="bg-white">
<section class="uk-width-1-1 wedo">
<div class="uk-container devwrap-m">
	<h3 class="uk-heading-large fnbold">Things I’ve Built.</h3>
	<div class="uk-flex uk-flex-middle uk-flex-column uk-flex-row@s">
	<div class="wedo-text uk-width-1-1 uk-width-2-3@s abu">A small gallery of my recent projects. It's only a drop in the ocean compared to the entire list. Interested to see more? Visit my work page or contact me about the project you interested in.</div>
	<div class="uk-width-1-1 uk-width-1-3@s uk-text-center uk-text-right@s fnmid uk-margin-top uk-margin-remove-top@s"><a uk-scrollspy="cls: uk-animation-slide-right;" class="no-opacity uk-button uk-button-default seemoreworks" href="https://devbook.net/work">See More Work</a></div>
	</div>
</div>
</section>

<section class="uk-width-1-1 uk-child-width-1-2 uk-child-width-1-4@m uk-grid-collapse" uk-grid>
<div id="work-548" class="bg-black post-548 work type-work status-publish has-post-thumbnail hentry work-category-highlight">
<a class="client-list image-crop-square no-opacity uk-position-relative uk-text-center uk-transition-toggle" href="https://devbook.net/work/pophariini/" alt="Work: Pop Hari Ini" tabindex="0">
	<img rel="preload" as="image" src="https://devbook.net/wp-content/uploads/2021/11/phi-800x800.jpg" alt="Pop Hari Ini" uk-img />	<div class="work-overlay uk-transition-fade uk-position-cover uk-flex uk-flex-column uk-flex-center uk-flex-middle putih">
		<h3 class="fndemi putih lh-xsmall fbesar">Pop Hari Ini</h3>
		<div class="fsedang work-year fnmid lh-small">Year: 2021</div>
	</div>
</a>
</div>
<div id="work-75" class="bg-black post-75 work type-work status-publish has-post-thumbnail hentry work-category-highlight">
<a class="client-list image-crop-square no-opacity uk-position-relative uk-text-center uk-transition-toggle" href="https://devbook.net/work/screamous-clothing/" alt="Work: Screamous Clothing" tabindex="0">
	<img rel="preload" as="image" src="https://devbook.net/wp-content/uploads/2022/06/screamous-800x800.jpg" alt="Screamous Clothing" uk-img />	<div class="work-overlay uk-transition-fade uk-position-cover uk-flex uk-flex-column uk-flex-center uk-flex-middle putih">
		<h3 class="fndemi putih lh-xsmall fbesar">Screamous Clothing</h3>
		<div class="fsedang work-year fnmid lh-small">Year: 2016</div>
	</div>
</a>
</div>
<div id="work-558" class="bg-black post-558 work type-work status-publish has-post-thumbnail hentry work-category-highlight">
<a class="client-list image-crop-square no-opacity uk-position-relative uk-text-center uk-transition-toggle" href="https://devbook.net/work/perhimpunan-dokter-forensik-indonesia/" alt="Work: Perhimpunan Dokter Forensik Indonesia" tabindex="0">
	<img rel="preload" as="image" src="https://devbook.net/wp-content/uploads/2021/11/pdfi-800x800.jpg" alt="Perhimpunan Dokter Forensik Indonesia" uk-img />	<div class="work-overlay uk-transition-fade uk-position-cover uk-flex uk-flex-column uk-flex-center uk-flex-middle putih">
		<h3 class="fndemi putih lh-xsmall fbesar">Perhimpunan Dokter Forensik Indonesia</h3>
		<div class="fsedang work-year fnmid lh-small">Year: 2021</div>
	</div>
</a>
</div>
<div id="work-568" class="bg-black post-568 work type-work status-publish has-post-thumbnail hentry work-category-highlight">
<a class="client-list image-crop-square no-opacity uk-position-relative uk-text-center uk-transition-toggle" href="https://devbook.net/work/slash/" alt="Work: Slash" tabindex="0">
	<img rel="preload" as="image" src="https://devbook.net/wp-content/uploads/2022/01/slash-800x800.jpg" alt="Slash" uk-img />	<div class="work-overlay uk-transition-fade uk-position-cover uk-flex uk-flex-column uk-flex-center uk-flex-middle putih">
		<h3 class="fndemi putih lh-xsmall fbesar">Slash</h3>
		<div class="fsedang work-year fnmid lh-small">Year: 2022</div>
	</div>
</a>
</div>
<div id="work-574" class="bg-black post-574 work type-work status-publish has-post-thumbnail hentry work-category-highlight">
<a class="client-list image-crop-square no-opacity uk-position-relative uk-text-center uk-transition-toggle" href="https://devbook.net/work/pegadaian/" alt="Work: PT Pegadaian (Persero)" tabindex="0">
	<img rel="preload" as="image" src="https://devbook.net/wp-content/uploads/2022/11/pegadaian-800x800.jpg" alt="PT Pegadaian (Persero)" uk-img />	<div class="work-overlay uk-transition-fade uk-position-cover uk-flex uk-flex-column uk-flex-center uk-flex-middle putih">
		<h3 class="fndemi putih lh-xsmall fbesar">PT Pegadaian (Persero)</h3>
		<div class="fsedang work-year fnmid lh-small">Year: 2022</div>
	</div>
</a>
</div>
<div id="work-553" class="bg-black post-553 work type-work status-publish has-post-thumbnail hentry work-category-highlight">
<a class="client-list image-crop-square no-opacity uk-position-relative uk-text-center uk-transition-toggle" href="https://devbook.net/work/unionwell-original/" alt="Work: Unionwell Original" tabindex="0">
	<img rel="preload" as="image" src="https://devbook.net/wp-content/uploads/2022/11/unionwell2-800x800.jpg" alt="Unionwell Original" uk-img />	<div class="work-overlay uk-transition-fade uk-position-cover uk-flex uk-flex-column uk-flex-center uk-flex-middle putih">
		<h3 class="fndemi putih lh-xsmall fbesar">Unionwell Original</h3>
		<div class="fsedang work-year fnmid lh-small">Year: 2018</div>
	</div>
</a>
</div>
<div id="work-65" class="bg-black post-65 work type-work status-publish has-post-thumbnail hentry work-category-highlight">
<a class="client-list image-crop-square no-opacity uk-position-relative uk-text-center uk-transition-toggle" href="https://devbook.net/work/b-fastrack/" alt="Work: B-Fastrack" tabindex="0">
	<img rel="preload" as="image" src="https://devbook.net/wp-content/uploads/2011/06/bfastrack-2-800x800.jpg" alt="B-Fastrack" uk-img />	<div class="work-overlay uk-transition-fade uk-position-cover uk-flex uk-flex-column uk-flex-center uk-flex-middle putih">
		<h3 class="fndemi putih lh-xsmall fbesar">B-Fastrack</h3>
		<div class="fsedang work-year fnmid lh-small">Year: 2011</div>
	</div>
</a>
</div>
<div id="work-571" class="bg-black post-571 work type-work status-publish has-post-thumbnail hentry work-category-highlight">
<a class="client-list image-crop-square no-opacity uk-position-relative uk-text-center uk-transition-toggle" href="https://devbook.net/work/venturra/" alt="Work: Venturra" tabindex="0">
	<img rel="preload" as="image" src="https://devbook.net/wp-content/uploads/2022/11/venturra-800x800.jpg" alt="Venturra" uk-img />	<div class="work-overlay uk-transition-fade uk-position-cover uk-flex uk-flex-column uk-flex-center uk-flex-middle putih">
		<h3 class="fndemi putih lh-xsmall fbesar">Venturra</h3>
		<div class="fsedang work-year fnmid lh-small">Year: 2022</div>
	</div>
</a>
</div>
</section>
</div>

<section id="uservoice" class="bg-white uk-width-1-1 voice">
<div class="uk-container devwrap-m" uk-slider="autoplay: true;">
    <div class="uk-position-relative uk-visible-toggle" tabindex="-1">
    	<div class="uk-slider-container">
        <ul class="uk-slider-items uk-child-width-1-2@s" uk-grid>
            <li>
            <div class="uk-grid-small uk-grid-row uk-flex-nowrap uk-flex-middle uk-margin-remove-top" uk-grid>
            	<div class="uk-flex uk-flex-center uk-flex-middle">
<img src="https://devbook.net/wp-content/uploads/2023/01/pitu.jpeg" alt="Izza Magendra" width="84px" height="84px" uk-img />            	</div>
                <div class="comment">
                    <h4 class="hmini fndemi">Izza Magendra</h4>
                    <div class="lh-small abu">
<p class="wp-block-paragraph">We work closely on the Slash website project, he demonstrates a good quality of work is highly dedicated and delivers the deadline on time. Last but not least, the professionalism that he has is something. We will work together again soon if there&#8217;s any chance.</p>
</div>
                    <div class="uk-margin-small-top uk-article-meta lh-small">PITU Studio - Partner</div>
                </div>
            </div>
            </li>
            <li>
            <div class="uk-grid-small uk-grid-row uk-flex-nowrap uk-flex-middle uk-margin-remove-top" uk-grid>
            	<div class="uk-flex uk-flex-center uk-flex-middle">
<img src="https://devbook.net/wp-content/uploads/2023/01/nadia.jpeg" alt="Nadia Araditya" width="84px" height="84px" uk-img />            	</div>
                <div class="comment">
                    <h4 class="hmini fndemi">Nadia Araditya</h4>
                    <div class="lh-small abu">
<p class="wp-block-paragraph">I&#8217;ve been working with Mas Devy since 2020 and he is a great partner to rely on. He proposed efficient and effective way of solutions for my needs and excel the execution. The outputs are beyond expectations and what matter the most: the work process is far from stressful. Way to go!</p>
</div>
                    <div class="uk-margin-small-top uk-article-meta lh-small">pophariini.com - Client</div>
                </div>
            </div>
            </li>
            <li>
            <div class="uk-grid-small uk-grid-row uk-flex-nowrap uk-flex-middle uk-margin-remove-top" uk-grid>
            	<div class="uk-flex uk-flex-center uk-flex-middle">
<img src="https://devbook.net/wp-content/uploads/2022/12/yudhi.jpeg" alt="Yudhi" width="84px" height="84px" uk-img />            	</div>
                <div class="comment">
                    <h4 class="hmini fndemi">Yudhi</h4>
                    <div class="lh-small abu">
<p class="wp-block-paragraph">Jadi klien sejak dulu dan sampai sekarang masih tetap bisa diandalkan&#8230; sukses terus Dev!</p>
</div>
                    <div class="uk-margin-small-top uk-article-meta lh-small">unionwelloriginal.com - cosmicclothes.net - Client</div>
                </div>
            </div>
            </li>
            <li>
            <div class="uk-grid-small uk-grid-row uk-flex-nowrap uk-flex-middle uk-margin-remove-top" uk-grid>
            	<div class="uk-flex uk-flex-center uk-flex-middle">
<img src="https://devbook.net/wp-content/uploads/2022/11/aw.jpg" alt="Andre Walkers" width="84px" height="84px" uk-img />            	</div>
                <div class="comment">
                    <h4 class="hmini fndemi">Andre Walkers</h4>
                    <div class="lh-small abu">
<p class="wp-block-paragraph">myBro Devy Setiawan, Seorang Jenius dan berbakat dalam Mengelola membangun sebuah web dengan kesesuaian permintaan cliennya, He&#8217;s good at it! trus Berkarya Bro #tetapSMANGAT!</p>
</div>
                    <div class="uk-margin-small-top uk-article-meta lh-small">andrewalkers.com - Client</div>
                </div>
            </div>
            </li>
        </ul>
        </div>
        <a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
		<a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
    </div>
    <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
</div>
</section>


<section class="uk-width-1-1 contactme">
	<div class="uk-container devwrap-m">
		<div class="uk-flex-middle uk-grid-medium" uk-grid>
		<h3 class="uk-width-1-1 uk-width-1-3@s uk-heading-xlarge fnbold" uk-scrollspy="cls: uk-animation-slide-left; delay: 300">Say h<span class="devtext">e</span>ll<span class="devtext">o</span>.</h3>
		<div class="uk-width-1-1 uk-width-2-3@s">
			<div class="contact-text uk-width-1-1 uk-margin-bottom" uk-scrollspy="cls: uk-animation-slide-top; delay: 300">Need some help for an exciting project? My inbox is always open. I’ll try my best to get back to you soon!</div>
			<div class="uk-width-1-1 uk-text-center fnmid" uk-scrollspy="cls: uk-animation-slide-bottom; delay: 300"><a class="no-opacity uk-button uk-button-default uk-width-1-1 uk-width-2-5@s uk-margin-bottom uk-margin-remove-bottom@s" href="#contact" uk-toggle>Let's Talk!</a></div>
		</div>
		</div>
	</div>
</section>

</div>

<footer class="uk-width-1-1 footer fkecil lh-small">
	<div class="uk-container uk-flex uk-flex-middle uk-flex-between uk-flex-column-reverse uk-flex-row@s">
		<div class="credit uk-flex-1">
			<p>Design & Build by Devy Setiawan</p>
		</div>
		<div class="backtop uk-flex uk-flex-center uk-flex-1">
			<div class="arrow-top uk-flex uk-flex-middle uk-flex-center">
				<a aria-label="Back to Top" class="no-opacity" alt="Back to top" href="#atas" uk-icon="icon:chevron-up;ratio:2.4" uk-scroll uk-tooltip="title:Back to Top;pos:top;"></a>
			</div>
		</div>
		<div class="uk-flex-1 uk-flex uk-flex-right">
 			<p>&copy; devbook 2009 - 2026</p>
		</div>
	</div>
</footer>
<div id="contact" class="bg-full hitam uk-modal-full" uk-modal>
<div class="uk-container uk-modal-dialog">
	<button class="uk-modal-close-full uk-close-large" type="button" uk-close></button>
	<div class="bg-full uk-flex uk-flex-column uk-flex-center uk-flex-middle">
		<div class="lh-base devwrap-s hbesar fnbold minspasi uk-text-center uk-margin-medium-bottom">
			Send me a <span class="devtext">message</span>
		</div>
		<div class="contactform devwrap-xs">
			
<div class="wpcf7 no-js" id="wpcf7-f5-o1" lang="en-US" dir="ltr" data-wpcf7-id="5">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/#wpcf7-f5-o1" method="post" class="wpcf7-form init uk-form-stacked" aria-label="Contact form" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="5" />
<input type="hidden" name="_wpcf7_version" value="6.0.2" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f5-o1" />
<input type="hidden" name="_wpcf7_container_post" value="0" />
<input type="hidden" name="_wpcf7_posted_data_hash" value="" />
<input type="hidden" name="_wpcf7_recaptcha_response" value="" />
</div>
<div class="uk-grid-column-small uk-child-width-1-2" uk-grid>
<div>
<label class="uk-form-label">Your Name <span class="merah">*</span></label>
<span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required uk-form-controls" aria-required="true" aria-invalid="false" placeholder="Enter your name" value="" type="text" name="your-name" /></span>
</div>

<div>
<label class="uk-form-label">Email address <span class="merah">*</span></label>
<span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email uk-form-controls" aria-required="true" aria-invalid="false" placeholder="Enter your email address" value="" type="email" name="your-email" /></span>
</div>
</div>

<div class="uk-grid-row-small uk-child-width-1-1" uk-grid>
<div>
<label class="uk-form-label">Subject <span class="merah">*</span></label>
<span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required uk-form-controls" aria-required="true" aria-invalid="false" placeholder="Enter your subject" value="" type="text" name="your-subject" /></span>
</div>

<div>
<label class="uk-form-label">Your message</label>
<span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea uk-form-controls" aria-invalid="false" placeholder="Type your message here" name="your-message"></textarea></span>
</div>

<div class="uk-flex uk-flex-middle uk-flex-column uk-margin-top">
<input class="wpcf7-form-control wpcf7-submit has-spinner no-opacity uk-button uk-button-default uk-width-1-3" type="submit" value="Send message" />
</div>
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
		</div>
	</div>
</div>
</div>
<div id="sendtesti" class="bg-full hitam uk-modal-full" uk-modal>
<div class="uk-container uk-modal-dialog">
	<button class="uk-modal-close-full uk-close-large" type="button" uk-close></button>
	<div class="bg-full uk-flex uk-flex-column uk-flex-center uk-flex-middle">
		<div class="lh-base devwrap-s hbesar fnbold minspasi uk-text-center uk-margin-medium-bottom">
			Drop your <span class="devtext">Testimony</span>
		</div>
		<div class="contactform devwrap-xs">
			
<div class="wpcf7 no-js" id="wpcf7-f469-o2" lang="en-US" dir="ltr" data-wpcf7-id="469">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/#wpcf7-f469-o2" method="post" class="wpcf7-form init uk-form-stacked" aria-label="Contact form" enctype="multipart/form-data" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="469" />
<input type="hidden" name="_wpcf7_version" value="6.0.2" />
<input type="hidden" name="_wpcf7_locale" value="en_US" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f469-o2" />
<input type="hidden" name="_wpcf7_container_post" value="0" />
<input type="hidden" name="_wpcf7_posted_data_hash" value="" />
<input type="hidden" name="_wpcf7_recaptcha_response" value="" />
</div>
<div class="uk-grid-column-small uk-child-width-1-2" uk-grid>
<div>
<label class="uk-form-label">Name <span class="merah">*</span></label>
<span class="wpcf7-form-control-wrap" data-name="testi-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required uk-form-controls" aria-required="true" aria-invalid="false" placeholder="Enter your name" value="" type="text" name="testi-name" /></span>
</div>

<div>
<label class="uk-form-label">Email address <span class="merah">*</span></label>
<span class="wpcf7-form-control-wrap" data-name="testi-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email uk-form-controls" aria-required="true" aria-invalid="false" placeholder="Enter your email address" value="" type="email" name="testi-email" /></span>
</div>
</div>

<div class="uk-grid-row-small uk-child-width-1-1" uk-grid>
<div>
<label class="uk-form-label">Send Testimony As <span class="merah">*</span></label>
<span class="wpcf7-form-control-wrap" data-name="testi-as"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false" name="testi-as"><option value="Client">Client</option><option value="Partner">Partner</option><option value="Other">Other</option></select></span>
</div>

<div>
<label class="uk-form-label">Website</label>
<span class="wpcf7-form-control-wrap" data-name="testi-web"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-url wpcf7-text wpcf7-validates-as-url" aria-invalid="false" value="" type="url" name="testi-web" /></span>
</div>

<div>
<label class="uk-form-label">Your Testimony</label>
<span class="wpcf7-form-control-wrap" data-name="testi-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea uk-form-controls" aria-invalid="false" placeholder="Type your short testimony in bahasa or english" name="testi-message"></textarea></span>
</div>

<div>
<label class="uk-form-label">Upload Picture</label>
<span class="wpcf7-form-control-wrap" data-name="testi-pic"><input size="40" class="wpcf7-form-control wpcf7-file" accept=".jpg,.png,.gif,.jpeg" aria-invalid="false" type="file" name="testi-pic" /></span>
</div>

<div class="uk-flex uk-flex-middle uk-flex-column uk-margin-medium-top">
<input class="wpcf7-form-control wpcf7-submit has-spinner no-opacity uk-button uk-button-default uk-width-1-3" type="submit" value="Send Testimony" />
</div>
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
		</div>
	</div>
</div>
</div>
<div class="landscape bg-white uk-flex uk-flex-center uk-flex-middle uk-flex-column hitam">
	<span uk-icon="icon: phone; ratio: 3" class="uk-margin-bottom"></span>
	<p class="fndemi">Rotate Device to Portrait</p>
	<p class="fkecil">Sorry, for your best experience please rotate Device to Portrait.</p>
</div>
</div><!-- #container -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script rel="preload" as="script" src="https://devbook.net/wp-content/themes/devbook/script/jquery.min.js"></script>
<script rel="preload" as="script" src="https://devbook.net/wp-content/themes/devbook/script/custom.js"></script>
<script rel="preload" as="script" src="https://devbook.net/wp-content/themes/devbook/script/uikit.min.js"></script>
<script rel="preload" as="script" src="https://devbook.net/wp-content/themes/devbook/script/uikit-icons.min.js"></script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/devbook/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://devbook.net/wp-includes/js/comment-reply.min.js?ver=7.1.4"></script>
<script id="wp-hooks-js" src="https://devbook.net/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
<script id="wp-i18n-js" src="https://devbook.net/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="swv-js" src="https://devbook.net/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.2"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
    "api": {
        "root": "https:\/\/devbook.net\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    }
};
//# sourceURL=contact-form-7-js-before
</script>
<script id="contact-form-7-js" src="https://devbook.net/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.2"></script>
<script id="google-recaptcha-js" src="https://www.google.com/recaptcha/api.js?render=6LcsMiojAAAAACp5Z4CTzrBKLeFbmuNvy8EfJKB-&#038;ver=3.0"></script>
<script id="wp-polyfill-js" src="https://devbook.net/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0"></script>
<script id="wpcf7-recaptcha-js-before">
var wpcf7_recaptcha = {
    "sitekey": "6LcsMiojAAAAACp5Z4CTzrBKLeFbmuNvy8EfJKB-",
    "actions": {
        "homepage": "homepage",
        "contactform": "contactform"
    }
};
//# sourceURL=wpcf7-recaptcha-js-before
</script>
<script id="wpcf7-recaptcha-js" src="https://devbook.net/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.0.2"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.custom-html-widget').contents().unwrap();
	$('.hapus').remove();
	$('.addtoggle a').attr('uk-toggle', '');
  	$(".uk-slider-nav a").attr('aria-label', 'slide-dot');
    $(".uk-slidenav-previous").attr('aria-label', 'slide-previous');
    $(".uk-slidenav-next").attr('aria-label', 'slide-next'); 
});
function openCari() {document.getElementById("pop-cari").classList.add('tadaa');}
function closeCari() {document.getElementById("pop-cari").classList.remove('tadaa');}
function openFilter() {
  $("#workfilter").addClass("showfilter");
  $("#worklist").addClass("usefilter");
  $(".settingfilter").css("display","none");
}
function closeFilter() {
  $("#workfilter").removeClass("showfilter");
  $("#worklist").removeClass("usefilter");
  $(".settingfilter").css("display","block");
}
</script>
<script type="application/ld+json">
{"@context":"http://schema.org","@graph":[{"@type":"ProfessionalService","@id":"","name":"Devbook | Full Stack Developer","description":"Living in Jakarta and Bandung, Indonesia. A full-stack developer with more than 10 year (since 2009) experience in UI/UX design and interactive web apps.","foundingDate":"2009-04-12","founder":{"@type":"Person","@id":"https://devbook.net/about/","name":"Devy Setiawan","gender":"male"},"address":{"@type":"PostalAddress","addressCountry":"Indonesia","addressLocality":"Bandung","postalCode":"40174"},"url":"https://devbook.net","telephone":"+628562310070","email":"dev@devbook.net","currenciesAccepted":["USD","IDR"],"image":"https://devbook.net/wp-content/themes/devbook/images/dev2.png","location":{"@type":"PostalAddress","addressCountry":"Indonesia","addressLocality":"Bandung","postalCode":"40174"},"areaServed":"Indonesia","keywords":["web","website","app","apps","developer","design","UI/UX","desktop","mobile","seo","serp","devy","setiawan"],"knowsLanguage":["en-US","id-ID"],"sameAs":["https://twitter.com/viemonsta/","https://www.facebook.com/devbooknet/","https://www.instagram.com/viemonsta/","https://www.threads.net/@viemonsta"],"aggregateRating":{"@type":"AggregateRating","@id":"#uservoice","ratingValue":"5","reviewCount":"4","worstRating":0,"bestRating":5}},{"@type":"ItemList","@id":"#sitemap","name":"Explore Devbook","numberOfItems":2,"itemListElement":[{"@type":"SiteNavigationElement","position":1,"url":"https://devbook.net/work/","name":"Work","description":"Small gallery of my recent projects."},{"@type":"SiteNavigationElement","position":2,"url":"https://devbook.net/about/","name":"Profile","description":"Articles related to profile, journey, skills and expertise."}]}]}
</script><script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a5547705fe26a0b3',t:'MTc5MzgwNDE4MQ=='};var l=window.parent.location,o;try{o=new URL(l.origin).origin}catch(e){try{o=new URL(new URL(l.href).origin).origin}catch(e){o=''}}var u='/cdn-cgi/challenge-platform/scripts/jsd/main.js?ray=a5547705fe26a0b3',a=document.createElement('script');a.src=o?new URL(u,o).href:u;document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>